@payfit/unity-themes 2.46.9 → 2.46.10
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.
- package/dist/css/unity.css +16 -16
- package/package.json +1 -1
- package/tokens/rebrand/colors.json +16 -16
package/dist/css/unity.css
CHANGED
|
@@ -736,7 +736,7 @@
|
|
|
736
736
|
--uy-color-blue-l10: oklch(41.431% 0.11515 250.54);
|
|
737
737
|
--uy-color-blue-l11: oklch(31.396% 0.08821 251.58);
|
|
738
738
|
--uy-color-blue-l12: oklch(20.128% 0.05254 250.57);
|
|
739
|
-
--uy-color-purple-l1: oklch(
|
|
739
|
+
--uy-color-purple-l1: oklch(98.727% 0.00667 295.45);
|
|
740
740
|
--uy-color-purple-l2: oklch(93.912% 0.03693 306.42);
|
|
741
741
|
--uy-color-purple-l3: oklch(86.42% 0.08356 305.11);
|
|
742
742
|
--uy-color-purple-l4: oklch(80.045% 0.12523 304.54);
|
|
@@ -747,7 +747,7 @@
|
|
|
747
747
|
--uy-color-purple-l9: oklch(34.128% 0.19137 291.48);
|
|
748
748
|
--uy-color-purple-l10: oklch(28.003% 0.15567 292.93);
|
|
749
749
|
--uy-color-purple-l11: oklch(21.779% 0.11996 294.49);
|
|
750
|
-
--uy-color-purple-l12: oklch(
|
|
750
|
+
--uy-color-purple-l12: oklch(19.414% 0.10973 276.86);
|
|
751
751
|
--uy-color-plum-l1: oklch(98.074% 0.01687 325.7);
|
|
752
752
|
--uy-color-plum-l2: oklch(95.054% 0.0442 325.92);
|
|
753
753
|
--uy-color-plum-l3: oklch(89.634% 0.09612 326.34);
|
|
@@ -844,7 +844,7 @@
|
|
|
844
844
|
--uy-color-surface-neutral-pressed: var(--uy-color-plum-l2);
|
|
845
845
|
--uy-color-surface-neutral-focus: var(--uy-color-grayscale-l2);
|
|
846
846
|
--uy-color-surface-neutral-active: var(--uy-color-plum-l2);
|
|
847
|
-
--uy-color-surface-neutral-selected: var(--uy-color-grayscale-
|
|
847
|
+
--uy-color-surface-neutral-selected: var(--uy-color-grayscale-l3);
|
|
848
848
|
--uy-color-surface-neutral-disabled: var(--uy-color-grayscale-l4);
|
|
849
849
|
--uy-color-surface-neutral-low: var(--uy-color-grayscale-l3);
|
|
850
850
|
--uy-color-surface-neutral-low-enabled: var(--uy-color-grayscale-l3);
|
|
@@ -933,7 +933,7 @@
|
|
|
933
933
|
--uy-color-surface-form-error: var(--uy-color-red-l2);
|
|
934
934
|
--uy-color-surface-form-high-enabled: var(--uy-color-grayscale-l3);
|
|
935
935
|
--uy-color-surface-form-high-hover: var(--uy-color-grayscale-l4);
|
|
936
|
-
--uy-color-surface-form-high-pressed: var(--uy-color-grayscale-
|
|
936
|
+
--uy-color-surface-form-high-pressed: var(--uy-color-grayscale-l2);
|
|
937
937
|
--uy-color-surface-form-high-focus: var(--uy-color-grayscale-l3);
|
|
938
938
|
--uy-color-surface-form-high-active: var(--uy-color-grayscale-l0);
|
|
939
939
|
--uy-color-surface-form-high-selected: var(--uy-color-plum-l2);
|
|
@@ -954,20 +954,20 @@
|
|
|
954
954
|
--uy-color-surface-inverted-low-disabled: var(--uy-color-grayscale-l10);
|
|
955
955
|
--uy-color-surface-decorative-teal: var(--uy-color-teal-l6);
|
|
956
956
|
--uy-color-surface-decorative-teal-high: var(--uy-color-teal-l9);
|
|
957
|
-
--uy-color-surface-decorative-teal-low: var(--uy-color-teal-
|
|
958
|
-
--uy-color-surface-decorative-teal-lowest: var(--uy-color-teal-
|
|
957
|
+
--uy-color-surface-decorative-teal-low: var(--uy-color-teal-l3);
|
|
958
|
+
--uy-color-surface-decorative-teal-lowest: var(--uy-color-teal-l2);
|
|
959
959
|
--uy-color-surface-decorative-purple-high: var(--uy-color-purple-l9);
|
|
960
960
|
--uy-color-surface-decorative-purple: var(--uy-color-purple-l6);
|
|
961
961
|
--uy-color-surface-decorative-purple-low: var(--uy-color-purple-l3);
|
|
962
962
|
--uy-color-surface-decorative-purple-lowest: var(--uy-color-purple-l2);
|
|
963
963
|
--uy-color-surface-decorative-plum: var(--uy-color-plum-l6);
|
|
964
964
|
--uy-color-surface-decorative-plum-high: var(--uy-color-plum-l9);
|
|
965
|
-
--uy-color-surface-decorative-plum-low: var(--uy-color-plum-
|
|
966
|
-
--uy-color-surface-decorative-plum-lowest: var(--uy-color-plum-
|
|
965
|
+
--uy-color-surface-decorative-plum-low: var(--uy-color-plum-l3);
|
|
966
|
+
--uy-color-surface-decorative-plum-lowest: var(--uy-color-plum-l2);
|
|
967
967
|
--uy-color-surface-decorative-orange: var(--uy-color-orange-l6);
|
|
968
968
|
--uy-color-surface-decorative-orange-high: var(--uy-color-orange-l9);
|
|
969
|
-
--uy-color-surface-decorative-orange-low: var(--uy-color-orange-
|
|
970
|
-
--uy-color-surface-decorative-orange-lowest: var(--uy-color-orange-
|
|
969
|
+
--uy-color-surface-decorative-orange-low: var(--uy-color-orange-l3);
|
|
970
|
+
--uy-color-surface-decorative-orange-lowest: var(--uy-color-orange-l2);
|
|
971
971
|
--uy-color-content-primary: var(--uy-color-plum-l6);
|
|
972
972
|
--uy-color-content-primary-enabled: var(--uy-color-plum-l8);
|
|
973
973
|
--uy-color-content-primary-hover: var(--uy-color-plum-l9);
|
|
@@ -1000,11 +1000,11 @@
|
|
|
1000
1000
|
--uy-color-content-danger-disabled: var(--uy-color-grayscale-l8);
|
|
1001
1001
|
--uy-color-content-danger-high: var(--uy-color-red-l10);
|
|
1002
1002
|
--uy-color-content-warning: var(--uy-color-yellow-l7);
|
|
1003
|
-
--uy-color-content-warning-enabled: var(--uy-color-yellow-
|
|
1003
|
+
--uy-color-content-warning-enabled: var(--uy-color-yellow-l11);
|
|
1004
1004
|
--uy-color-content-warning-hover: var(--uy-color-yellow-l11);
|
|
1005
1005
|
--uy-color-content-warning-pressed: var(--uy-color-yellow-l12);
|
|
1006
|
-
--uy-color-content-warning-focus: var(--uy-color-yellow-
|
|
1007
|
-
--uy-color-content-warning-active: var(--uy-color-yellow-
|
|
1006
|
+
--uy-color-content-warning-focus: var(--uy-color-yellow-l11);
|
|
1007
|
+
--uy-color-content-warning-active: var(--uy-color-yellow-l11);
|
|
1008
1008
|
--uy-color-content-warning-disabled: var(--uy-color-grayscale-l8);
|
|
1009
1009
|
--uy-color-content-warning-high: var(--uy-color-yellow-l11);
|
|
1010
1010
|
--uy-color-content-success: var(--uy-color-green-l8);
|
|
@@ -1056,7 +1056,7 @@
|
|
|
1056
1056
|
--uy-color-border-primary-focus: var(--uy-color-plum-l7);
|
|
1057
1057
|
--uy-color-border-primary-active: var(--uy-color-plum-l7);
|
|
1058
1058
|
--uy-color-border-primary-disabled: var(--uy-color-grayscale-l4);
|
|
1059
|
-
--uy-color-border-primary-lowest: var(--uy-color-plum-
|
|
1059
|
+
--uy-color-border-primary-lowest: var(--uy-color-plum-l3);
|
|
1060
1060
|
--uy-color-border-neutral-high: var(--uy-color-grayscale-l7);
|
|
1061
1061
|
--uy-color-border-neutral-high-enabled: var(--uy-color-grayscale-l8);
|
|
1062
1062
|
--uy-color-border-neutral-high-hover: var(--uy-color-grayscale-l9);
|
|
@@ -1099,14 +1099,14 @@
|
|
|
1099
1099
|
--uy-color-border-form-disabled: var(--uy-color-grayscale-l5);
|
|
1100
1100
|
--uy-color-border-form-read-only: var(--uy-color-grayscale-l5);
|
|
1101
1101
|
--uy-color-border-form-error: var(--uy-color-red-l8);
|
|
1102
|
-
--uy-color-border-inverted: var(--uy-color-grayscale-
|
|
1102
|
+
--uy-color-border-inverted: var(--uy-color-grayscale-l0);
|
|
1103
1103
|
--uy-color-border-inverted-enabled: var(--uy-color-grayscale-l2);
|
|
1104
1104
|
--uy-color-border-inverted-hover: var(--uy-color-grayscale-l3);
|
|
1105
1105
|
--uy-color-border-inverted-pressed: var(--uy-color-grayscale-l4);
|
|
1106
1106
|
--uy-color-border-inverted-focus: var(--uy-color-grayscale-l2);
|
|
1107
1107
|
--uy-color-border-inverted-active: var(--uy-color-grayscale-l1);
|
|
1108
1108
|
--uy-color-border-inverted-disabled: var(--uy-color-grayscale-l7);
|
|
1109
|
-
--uy-color-border-inverted-high: var(--uy-color-grayscale-
|
|
1109
|
+
--uy-color-border-inverted-high: var(--uy-color-grayscale-l2);
|
|
1110
1110
|
--uy-color-utility-focus-ring: var(--uy-color-blue-l7);
|
|
1111
1111
|
--uy-color-utility-inverted-focus-ring: var(--uy-color-yellow-l4);
|
|
1112
1112
|
--uy-shadow-100: 0px 1px 4px 1px var(--uy-color-utility-shadow-100);
|
package/package.json
CHANGED
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
},
|
|
235
235
|
"purple": {
|
|
236
236
|
"L1": {
|
|
237
|
-
"$value": "#
|
|
237
|
+
"$value": "#FBFAFF"
|
|
238
238
|
},
|
|
239
239
|
"L2": {
|
|
240
240
|
"$value": "#F1E5FF"
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
"$value": "#21004A"
|
|
268
268
|
},
|
|
269
269
|
"L12": {
|
|
270
|
-
"$value": "#
|
|
270
|
+
"$value": "#0E0444"
|
|
271
271
|
}
|
|
272
272
|
},
|
|
273
273
|
"plum": {
|
|
@@ -516,7 +516,7 @@
|
|
|
516
516
|
"$value": "{color.plum.L2}"
|
|
517
517
|
},
|
|
518
518
|
"selected": {
|
|
519
|
-
"$value": "{color.grayscale.
|
|
519
|
+
"$value": "{color.grayscale.L3}"
|
|
520
520
|
},
|
|
521
521
|
"disabled": {
|
|
522
522
|
"$value": "{color.grayscale.L4}"
|
|
@@ -819,7 +819,7 @@
|
|
|
819
819
|
"$value": "{color.grayscale.L4}"
|
|
820
820
|
},
|
|
821
821
|
"pressed": {
|
|
822
|
-
"$value": "{color.grayscale.
|
|
822
|
+
"$value": "{color.grayscale.L2}"
|
|
823
823
|
},
|
|
824
824
|
"focus": {
|
|
825
825
|
"$value": "{color.grayscale.L3}"
|
|
@@ -891,10 +891,10 @@
|
|
|
891
891
|
"$value": "{color.teal.L9}"
|
|
892
892
|
},
|
|
893
893
|
"low": {
|
|
894
|
-
"$value": "{color.teal.
|
|
894
|
+
"$value": "{color.teal.L3}"
|
|
895
895
|
},
|
|
896
896
|
"lowest": {
|
|
897
|
-
"$value": "{color.teal.
|
|
897
|
+
"$value": "{color.teal.L2}"
|
|
898
898
|
}
|
|
899
899
|
},
|
|
900
900
|
"decorative-purple": {
|
|
@@ -919,10 +919,10 @@
|
|
|
919
919
|
"$value": "{color.plum.L9}"
|
|
920
920
|
},
|
|
921
921
|
"low": {
|
|
922
|
-
"$value": "{color.plum.
|
|
922
|
+
"$value": "{color.plum.L3}"
|
|
923
923
|
},
|
|
924
924
|
"lowest": {
|
|
925
|
-
"$value": "{color.plum.
|
|
925
|
+
"$value": "{color.plum.L2}"
|
|
926
926
|
}
|
|
927
927
|
},
|
|
928
928
|
"decorative-orange": {
|
|
@@ -933,10 +933,10 @@
|
|
|
933
933
|
"$value": "{color.orange.L9}"
|
|
934
934
|
},
|
|
935
935
|
"low": {
|
|
936
|
-
"$value": "{color.orange.
|
|
936
|
+
"$value": "{color.orange.L3}"
|
|
937
937
|
},
|
|
938
938
|
"lowest": {
|
|
939
|
-
"$value": "{color.orange.
|
|
939
|
+
"$value": "{color.orange.L2}"
|
|
940
940
|
}
|
|
941
941
|
}
|
|
942
942
|
},
|
|
@@ -1055,7 +1055,7 @@
|
|
|
1055
1055
|
"$value": "{color.yellow.L7}"
|
|
1056
1056
|
},
|
|
1057
1057
|
"enabled": {
|
|
1058
|
-
"$value": "{color.yellow.
|
|
1058
|
+
"$value": "{color.yellow.L11}"
|
|
1059
1059
|
},
|
|
1060
1060
|
"hover": {
|
|
1061
1061
|
"$value": "{color.yellow.L11}"
|
|
@@ -1064,10 +1064,10 @@
|
|
|
1064
1064
|
"$value": "{color.yellow.L12}"
|
|
1065
1065
|
},
|
|
1066
1066
|
"focus": {
|
|
1067
|
-
"$value": "{color.yellow.
|
|
1067
|
+
"$value": "{color.yellow.L11}"
|
|
1068
1068
|
},
|
|
1069
1069
|
"active": {
|
|
1070
|
-
"$value": "{color.yellow.
|
|
1070
|
+
"$value": "{color.yellow.L11}"
|
|
1071
1071
|
},
|
|
1072
1072
|
"disabled": {
|
|
1073
1073
|
"$value": "{color.grayscale.L8}"
|
|
@@ -1253,7 +1253,7 @@
|
|
|
1253
1253
|
}
|
|
1254
1254
|
},
|
|
1255
1255
|
"lowest": {
|
|
1256
|
-
"$value": "{color.plum.
|
|
1256
|
+
"$value": "{color.plum.L3}"
|
|
1257
1257
|
}
|
|
1258
1258
|
},
|
|
1259
1259
|
"neutral": {
|
|
@@ -1407,7 +1407,7 @@
|
|
|
1407
1407
|
"inverted": {
|
|
1408
1408
|
"default": {
|
|
1409
1409
|
"default": {
|
|
1410
|
-
"$value": "{color.grayscale.
|
|
1410
|
+
"$value": "{color.grayscale.L0}"
|
|
1411
1411
|
},
|
|
1412
1412
|
"enabled": {
|
|
1413
1413
|
"$value": "{color.grayscale.L2}"
|
|
@@ -1429,7 +1429,7 @@
|
|
|
1429
1429
|
}
|
|
1430
1430
|
},
|
|
1431
1431
|
"high": {
|
|
1432
|
-
"$value": "{color.grayscale.
|
|
1432
|
+
"$value": "{color.grayscale.L2}"
|
|
1433
1433
|
}
|
|
1434
1434
|
}
|
|
1435
1435
|
},
|