@ds-mo/tokens 4.0.0 → 5.0.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.
- package/dist/agent.json +1 -1
- package/dist/agent.mjs +1 -1
- package/dist/colors.css +51 -51
- package/dist/json/colors.json +72 -72
- package/dist/json/colors.modes.json +102 -102
- package/dist/tokens-index.json +72 -72
- package/dist/tokens.json +72 -72
- package/package.json +3 -1
package/dist/agent.json
CHANGED
package/dist/agent.mjs
CHANGED
package/dist/colors.css
CHANGED
|
@@ -171,8 +171,8 @@
|
|
|
171
171
|
--color-always-dark-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
|
|
172
172
|
--color-always-dark-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
|
|
173
173
|
--color-always-dark-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
|
|
174
|
-
--color-always-dark-border-primary: var(--color-reference-white-
|
|
175
|
-
--color-always-dark-border-secondary: var(--color-reference-white-
|
|
174
|
+
--color-always-dark-border-primary: var(--color-reference-white-35);
|
|
175
|
+
--color-always-dark-border-secondary: var(--color-reference-white-20);
|
|
176
176
|
--color-always-dark-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
|
|
177
177
|
--color-always-dark-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
|
|
178
178
|
--color-always-dark-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
--color-always-dark-interaction-focus: var(--color-reference-white-15);
|
|
202
202
|
--color-always-dark-interaction-hover: var(--color-reference-white-10);
|
|
203
203
|
--color-always-dark-interaction-pressed: var(--color-reference-white-15);
|
|
204
|
-
--color-always-dark-shimmer: var(--color-reference-white-
|
|
204
|
+
--color-always-dark-shimmer: var(--color-reference-white-10);
|
|
205
205
|
--color-background-bold-ai: var(--color-reference-light-purple-290-l52-c20-bold);
|
|
206
206
|
--color-background-bold-brand: var(--color-reference-light-blue-250-l50-c18-bold);
|
|
207
207
|
--color-background-bold-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
|
|
@@ -269,17 +269,17 @@
|
|
|
269
269
|
--color-border-medium-positive: var(--color-reference-light-green-145-l75-c22-medium);
|
|
270
270
|
--color-border-medium-walkthrough: var(--color-reference-light-teal-180-l75-c17-medium);
|
|
271
271
|
--color-border-medium-warning: var(--color-reference-light-orange-60-l75-c20-medium);
|
|
272
|
-
--color-border-on-bold-background-primary: var(--color-reference-white-
|
|
273
|
-
--color-border-on-bold-background-secondary: var(--color-reference-white-
|
|
272
|
+
--color-border-on-bold-background-primary: var(--color-reference-white-65);
|
|
273
|
+
--color-border-on-bold-background-secondary: var(--color-reference-white-25);
|
|
274
274
|
--color-border-on-bold-background-tertiary: var(--color-reference-white-15);
|
|
275
|
-
--color-border-on-medium-background-primary: var(--color-reference-black-
|
|
276
|
-
--color-border-on-medium-background-secondary: var(--color-reference-black-
|
|
275
|
+
--color-border-on-medium-background-primary: var(--color-reference-black-55);
|
|
276
|
+
--color-border-on-medium-background-secondary: var(--color-reference-black-30);
|
|
277
277
|
--color-border-on-medium-background-tertiary: var(--color-reference-black-15);
|
|
278
|
-
--color-border-on-strong-background-primary: var(--color-reference-white-
|
|
279
|
-
--color-border-on-strong-background-secondary: var(--color-reference-white-
|
|
278
|
+
--color-border-on-strong-background-primary: var(--color-reference-white-45);
|
|
279
|
+
--color-border-on-strong-background-secondary: var(--color-reference-white-20);
|
|
280
280
|
--color-border-on-strong-background-tertiary: var(--color-reference-white-10);
|
|
281
|
-
--color-border-primary: var(--color-reference-black-
|
|
282
|
-
--color-border-secondary: var(--color-reference-black-
|
|
281
|
+
--color-border-primary: var(--color-reference-black-45);
|
|
282
|
+
--color-border-secondary: var(--color-reference-black-20);
|
|
283
283
|
--color-border-strong-ai: var(--color-reference-light-purple-290-l35-c13-strong);
|
|
284
284
|
--color-border-strong-brand: var(--color-reference-light-blue-250-l32-c09-strong);
|
|
285
285
|
--color-border-strong-caution: var(--color-reference-light-yellow-85-l40-c09-strong);
|
|
@@ -507,9 +507,9 @@
|
|
|
507
507
|
--color-foreground-on-bold-background-secondary: var(--color-reference-white-95);
|
|
508
508
|
--color-foreground-on-bold-background-tertiary: var(--color-reference-white-65);
|
|
509
509
|
--color-foreground-on-medium-background-primary: var(--color-reference-black-100);
|
|
510
|
-
--color-foreground-on-medium-background-quaternary: var(--color-reference-black-
|
|
510
|
+
--color-foreground-on-medium-background-quaternary: var(--color-reference-black-30);
|
|
511
511
|
--color-foreground-on-medium-background-secondary: var(--color-reference-black-70);
|
|
512
|
-
--color-foreground-on-medium-background-tertiary: var(--color-reference-black-
|
|
512
|
+
--color-foreground-on-medium-background-tertiary: var(--color-reference-black-55);
|
|
513
513
|
--color-foreground-on-strong-background-primary: var(--color-reference-white-100);
|
|
514
514
|
--color-foreground-on-strong-background-quaternary: var(--color-reference-white-20);
|
|
515
515
|
--color-foreground-on-strong-background-secondary: var(--color-reference-white-65);
|
|
@@ -572,8 +572,8 @@
|
|
|
572
572
|
--color-inverted-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
|
|
573
573
|
--color-inverted-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
|
|
574
574
|
--color-inverted-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
|
|
575
|
-
--color-inverted-border-primary: var(--color-reference-white-
|
|
576
|
-
--color-inverted-border-secondary: var(--color-reference-white-
|
|
575
|
+
--color-inverted-border-primary: var(--color-reference-white-35);
|
|
576
|
+
--color-inverted-border-secondary: var(--color-reference-white-20);
|
|
577
577
|
--color-inverted-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
|
|
578
578
|
--color-inverted-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
|
|
579
579
|
--color-inverted-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
|
|
@@ -614,8 +614,8 @@
|
|
|
614
614
|
--color-location-marker-interaction-hover: var(--color-reference-white-15);
|
|
615
615
|
--color-location-marker-interaction-pressed: var(--color-reference-white-20);
|
|
616
616
|
--color-media-background: var(--color-reference-grey-l18);
|
|
617
|
-
--color-media-border-primary: var(--color-reference-white-
|
|
618
|
-
--color-media-border-secondary: var(--color-reference-white-
|
|
617
|
+
--color-media-border-primary: var(--color-reference-white-35);
|
|
618
|
+
--color-media-border-secondary: var(--color-reference-white-20);
|
|
619
619
|
--color-media-border-tertiary: var(--color-reference-white-10);
|
|
620
620
|
--color-media-divider: var(--color-reference-white-10);
|
|
621
621
|
--color-media-foreground-primary: var(--color-reference-white-100);
|
|
@@ -628,8 +628,8 @@
|
|
|
628
628
|
--color-media-interaction-pressed: var(--color-reference-white-15);
|
|
629
629
|
--color-media-shimmer: var(--color-reference-white-20);
|
|
630
630
|
--color-navigation-background: var(--color-reference-grey-l18);
|
|
631
|
-
--color-navigation-border-primary: var(--color-reference-white-
|
|
632
|
-
--color-navigation-border-secondary: var(--color-reference-white-
|
|
631
|
+
--color-navigation-border-primary: var(--color-reference-white-35);
|
|
632
|
+
--color-navigation-border-secondary: var(--color-reference-white-20);
|
|
633
633
|
--color-navigation-border-tertiary: var(--color-reference-white-10);
|
|
634
634
|
--color-navigation-divider: var(--color-reference-white-10);
|
|
635
635
|
--color-navigation-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
|
|
@@ -658,8 +658,8 @@
|
|
|
658
658
|
--color-shimmer-shimmer-on-medium-background: var(--color-reference-white-15);
|
|
659
659
|
--color-shimmer-shimmer-on-strong-background: var(--color-reference-white-10);
|
|
660
660
|
--color-shimmer-shimmer: var(--color-reference-white-30);
|
|
661
|
-
--color-translucent-border-primary: var(--color-reference-black-
|
|
662
|
-
--color-translucent-border-secondary: var(--color-reference-black-
|
|
661
|
+
--color-translucent-border-primary: var(--color-reference-black-50);
|
|
662
|
+
--color-translucent-border-secondary: var(--color-reference-black-25);
|
|
663
663
|
--color-translucent-border-tertiary: var(--color-reference-black-15);
|
|
664
664
|
--color-translucent-divider: var(--color-reference-black-15);
|
|
665
665
|
--color-translucent-foreground-primary: var(--color-reference-black-100);
|
|
@@ -767,8 +767,8 @@
|
|
|
767
767
|
--color-always-dark-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
|
|
768
768
|
--color-always-dark-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
|
|
769
769
|
--color-always-dark-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
|
|
770
|
-
--color-always-dark-border-primary: var(--color-reference-white-
|
|
771
|
-
--color-always-dark-border-secondary: var(--color-reference-white-
|
|
770
|
+
--color-always-dark-border-primary: var(--color-reference-white-35);
|
|
771
|
+
--color-always-dark-border-secondary: var(--color-reference-white-20);
|
|
772
772
|
--color-always-dark-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
|
|
773
773
|
--color-always-dark-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
|
|
774
774
|
--color-always-dark-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
|
|
@@ -780,19 +780,19 @@
|
|
|
780
780
|
--color-always-dark-border-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
|
|
781
781
|
--color-always-dark-border-tertiary: var(--color-reference-white-10);
|
|
782
782
|
--color-always-dark-divider: var(--color-reference-white-10);
|
|
783
|
-
--color-always-dark-foreground-ai: var(--color-reference-
|
|
783
|
+
--color-always-dark-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
|
|
784
784
|
--color-always-dark-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
|
|
785
|
-
--color-always-dark-foreground-caution: var(--color-reference-
|
|
786
|
-
--color-always-dark-foreground-guide: var(--color-reference-
|
|
787
|
-
--color-always-dark-foreground-negative: var(--color-reference-
|
|
785
|
+
--color-always-dark-foreground-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
|
|
786
|
+
--color-always-dark-foreground-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
|
|
787
|
+
--color-always-dark-foreground-negative: var(--color-reference-dark-red-30-l70-c20-bold);
|
|
788
788
|
--color-always-dark-foreground-neutral: var(--color-reference-grey-l65-dark-bold);
|
|
789
|
-
--color-always-dark-foreground-positive: var(--color-reference-
|
|
789
|
+
--color-always-dark-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
|
|
790
790
|
--color-always-dark-foreground-primary: var(--color-reference-white-100);
|
|
791
791
|
--color-always-dark-foreground-quaternary: var(--color-reference-white-20);
|
|
792
792
|
--color-always-dark-foreground-secondary: var(--color-reference-white-55);
|
|
793
793
|
--color-always-dark-foreground-tertiary: var(--color-reference-white-35);
|
|
794
|
-
--color-always-dark-foreground-walkthrough: var(--color-reference-
|
|
795
|
-
--color-always-dark-foreground-warning: var(--color-reference-
|
|
794
|
+
--color-always-dark-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
|
|
795
|
+
--color-always-dark-foreground-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
|
|
796
796
|
--color-always-dark-interaction-active: var(--color-reference-dark-blue-250-l27-c05-faint);
|
|
797
797
|
--color-always-dark-interaction-focus: var(--color-reference-white-15);
|
|
798
798
|
--color-always-dark-interaction-hover: var(--color-reference-white-10);
|
|
@@ -865,17 +865,17 @@
|
|
|
865
865
|
--color-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
|
|
866
866
|
--color-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
|
|
867
867
|
--color-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
|
|
868
|
-
--color-border-on-bold-background-primary: var(--color-reference-black-
|
|
869
|
-
--color-border-on-bold-background-secondary: var(--color-reference-black-
|
|
868
|
+
--color-border-on-bold-background-primary: var(--color-reference-black-55);
|
|
869
|
+
--color-border-on-bold-background-secondary: var(--color-reference-black-25);
|
|
870
870
|
--color-border-on-bold-background-tertiary: var(--color-reference-black-15);
|
|
871
|
-
--color-border-on-medium-background-primary: var(--color-reference-white-
|
|
872
|
-
--color-border-on-medium-background-secondary: var(--color-reference-white-
|
|
871
|
+
--color-border-on-medium-background-primary: var(--color-reference-white-65);
|
|
872
|
+
--color-border-on-medium-background-secondary: var(--color-reference-white-30);
|
|
873
873
|
--color-border-on-medium-background-tertiary: var(--color-reference-white-15);
|
|
874
|
-
--color-border-on-strong-background-primary: var(--color-reference-black-
|
|
875
|
-
--color-border-on-strong-background-secondary: var(--color-reference-black-
|
|
874
|
+
--color-border-on-strong-background-primary: var(--color-reference-black-45);
|
|
875
|
+
--color-border-on-strong-background-secondary: var(--color-reference-black-20);
|
|
876
876
|
--color-border-on-strong-background-tertiary: var(--color-reference-black-10);
|
|
877
|
-
--color-border-primary: var(--color-reference-white-
|
|
878
|
-
--color-border-secondary: var(--color-reference-white-
|
|
877
|
+
--color-border-primary: var(--color-reference-white-35);
|
|
878
|
+
--color-border-secondary: var(--color-reference-white-20);
|
|
879
879
|
--color-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
|
|
880
880
|
--color-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
|
|
881
881
|
--color-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
|
|
@@ -1103,9 +1103,9 @@
|
|
|
1103
1103
|
--color-foreground-on-bold-background-secondary: var(--color-reference-black-75);
|
|
1104
1104
|
--color-foreground-on-bold-background-tertiary: var(--color-reference-black-55);
|
|
1105
1105
|
--color-foreground-on-medium-background-primary: var(--color-reference-white-100);
|
|
1106
|
-
--color-foreground-on-medium-background-quaternary: var(--color-reference-white-
|
|
1107
|
-
--color-foreground-on-medium-background-secondary: var(--color-reference-white-
|
|
1108
|
-
--color-foreground-on-medium-background-tertiary: var(--color-reference-white-
|
|
1106
|
+
--color-foreground-on-medium-background-quaternary: var(--color-reference-white-30);
|
|
1107
|
+
--color-foreground-on-medium-background-secondary: var(--color-reference-white-90);
|
|
1108
|
+
--color-foreground-on-medium-background-tertiary: var(--color-reference-white-65);
|
|
1109
1109
|
--color-foreground-on-strong-background-primary: var(--color-reference-black-100);
|
|
1110
1110
|
--color-foreground-on-strong-background-quaternary: var(--color-reference-black-20);
|
|
1111
1111
|
--color-foreground-on-strong-background-secondary: var(--color-reference-black-60);
|
|
@@ -1168,8 +1168,8 @@
|
|
|
1168
1168
|
--color-inverted-border-medium-positive: var(--color-reference-light-green-145-l75-c22-medium);
|
|
1169
1169
|
--color-inverted-border-medium-walkthrough: var(--color-reference-light-teal-180-l75-c17-medium);
|
|
1170
1170
|
--color-inverted-border-medium-warning: var(--color-reference-light-orange-60-l75-c20-medium);
|
|
1171
|
-
--color-inverted-border-primary: var(--color-reference-black-
|
|
1172
|
-
--color-inverted-border-secondary: var(--color-reference-black-
|
|
1171
|
+
--color-inverted-border-primary: var(--color-reference-black-45);
|
|
1172
|
+
--color-inverted-border-secondary: var(--color-reference-black-20);
|
|
1173
1173
|
--color-inverted-border-strong-ai: var(--color-reference-light-purple-290-l35-c13-strong);
|
|
1174
1174
|
--color-inverted-border-strong-brand: var(--color-reference-light-blue-250-l32-c09-strong);
|
|
1175
1175
|
--color-inverted-border-strong-caution: var(--color-reference-light-yellow-85-l40-c09-strong);
|
|
@@ -1210,8 +1210,8 @@
|
|
|
1210
1210
|
--color-location-marker-interaction-hover: var(--color-reference-black-15);
|
|
1211
1211
|
--color-location-marker-interaction-pressed: var(--color-reference-black-20);
|
|
1212
1212
|
--color-media-background: var(--color-reference-grey-l20);
|
|
1213
|
-
--color-media-border-primary: var(--color-reference-white-
|
|
1214
|
-
--color-media-border-secondary: var(--color-reference-white-
|
|
1213
|
+
--color-media-border-primary: var(--color-reference-white-35);
|
|
1214
|
+
--color-media-border-secondary: var(--color-reference-white-20);
|
|
1215
1215
|
--color-media-border-tertiary: var(--color-reference-white-10);
|
|
1216
1216
|
--color-media-divider: var(--color-reference-white-10);
|
|
1217
1217
|
--color-media-foreground-primary: var(--color-reference-white-100);
|
|
@@ -1224,15 +1224,15 @@
|
|
|
1224
1224
|
--color-media-interaction-pressed: var(--color-reference-white-15);
|
|
1225
1225
|
--color-media-shimmer: var(--color-reference-white-10);
|
|
1226
1226
|
--color-navigation-background: var(--color-reference-grey-l27-dark-faint);
|
|
1227
|
-
--color-navigation-border-primary: var(--color-reference-white-
|
|
1228
|
-
--color-navigation-border-secondary: var(--color-reference-white-
|
|
1227
|
+
--color-navigation-border-primary: var(--color-reference-white-35);
|
|
1228
|
+
--color-navigation-border-secondary: var(--color-reference-white-20);
|
|
1229
1229
|
--color-navigation-border-tertiary: var(--color-reference-white-5);
|
|
1230
1230
|
--color-navigation-divider: var(--color-reference-white-5);
|
|
1231
1231
|
--color-navigation-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
|
|
1232
1232
|
--color-navigation-foreground-primary: var(--color-reference-white-100);
|
|
1233
|
-
--color-navigation-foreground-quaternary: var(--color-reference-white-
|
|
1233
|
+
--color-navigation-foreground-quaternary: var(--color-reference-white-20);
|
|
1234
1234
|
--color-navigation-foreground-secondary: var(--color-reference-white-50);
|
|
1235
|
-
--color-navigation-foreground-tertiary: var(--color-reference-white-
|
|
1235
|
+
--color-navigation-foreground-tertiary: var(--color-reference-white-35);
|
|
1236
1236
|
--color-navigation-interaction-active: var(--color-reference-white-5);
|
|
1237
1237
|
--color-navigation-interaction-focus: var(--color-reference-white-10);
|
|
1238
1238
|
--color-navigation-interaction-hover: var(--color-reference-white-5);
|
|
@@ -1254,8 +1254,8 @@
|
|
|
1254
1254
|
--color-shimmer-shimmer-on-medium-background: var(--color-reference-white-10);
|
|
1255
1255
|
--color-shimmer-shimmer-on-strong-background: var(--color-reference-white-15);
|
|
1256
1256
|
--color-shimmer-shimmer: var(--color-reference-white-10);
|
|
1257
|
-
--color-translucent-border-primary: var(--color-reference-white-
|
|
1258
|
-
--color-translucent-border-secondary: var(--color-reference-white-
|
|
1257
|
+
--color-translucent-border-primary: var(--color-reference-white-60);
|
|
1258
|
+
--color-translucent-border-secondary: var(--color-reference-white-25);
|
|
1259
1259
|
--color-translucent-border-tertiary: var(--color-reference-white-15);
|
|
1260
1260
|
--color-translucent-divider: var(--color-reference-white-15);
|
|
1261
1261
|
--color-translucent-foreground-primary: var(--color-reference-white-100);
|