@ds-mo/tokens 2.15.0 → 3.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.
Files changed (13) hide show
  1. package/dist/agent.json +1 -1
  2. package/dist/agent.mjs +1 -1
  3. package/dist/colors.css +50 -36
  4. package/dist/effects.css +1 -3
  5. package/dist/index.cjs +25 -18
  6. package/dist/index.d.ts +25 -18
  7. package/dist/index.mjs +25 -18
  8. package/dist/json/colors.json +252 -168
  9. package/dist/json/colors.modes.json +340 -228
  10. package/dist/json/effects.json +2 -2
  11. package/dist/tokens-index.json +254 -170
  12. package/dist/tokens.json +254 -170
  13. package/package.json +1 -1
package/dist/json/effects.json CHANGED
@@ -401,7 +401,7 @@
401
401
  },
402
402
  "--effect-shadow-depressed-sm": {
403
403
  "$type": "effect",
404
- "$value": "0px -4px 2px -4px var(--color-elevation-shadow),\n 0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
404
+ "$value": "0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
405
405
  },
406
406
  "--effect-highlight-depressed-sm": {
407
407
  "$type": "effect",
@@ -413,7 +413,7 @@
413
413
  },
414
414
  "--effect-shadow-depressed-md": {
415
415
  "$type": "effect",
416
- "$value": "0px -4px 2px -4px var(--color-elevation-shadow),\n 0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
416
+ "$value": "0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
417
417
  },
418
418
  "--effect-highlight-depressed-md": {
419
419
  "$type": "effect",
package/dist/tokens-index.json CHANGED
@@ -1272,6 +1272,18 @@
1272
1272
  }
1273
1273
  }
1274
1274
  },
1275
+ "--color-always-dark-shimmer": {
1276
+ "$type": "color",
1277
+ "$value": "var(--color-reference-white-20)",
1278
+ "$extensions": {
1279
+ "ds-mo": {
1280
+ "modes": {
1281
+ "light": "var(--color-reference-white-20)",
1282
+ "dark": "var(--color-reference-white-10)"
1283
+ }
1284
+ }
1285
+ }
1286
+ },
1275
1287
  "--color-background-bold-ai": {
1276
1288
  "$type": "color",
1277
1289
  "$value": "var(--color-reference-light-purple-290-l52-c20-bold)",
@@ -1740,18 +1752,6 @@
1740
1752
  }
1741
1753
  }
1742
1754
  },
1743
- "--color-background-translucent": {
1744
- "$type": "color",
1745
- "$value": "var(--color-reference-white-50)",
1746
- "$extensions": {
1747
- "ds-mo": {
1748
- "modes": {
1749
- "light": "var(--color-reference-white-50)",
1750
- "dark": "var(--color-reference-black-50)"
1751
- }
1752
- }
1753
- }
1754
- },
1755
1755
  "--color-background-transparent": {
1756
1756
  "$type": "color",
1757
1757
  "$value": "var(--color-reference-white-0)",
@@ -2196,42 +2196,6 @@
2196
2196
  }
2197
2197
  }
2198
2198
  },
2199
- "--color-border-on-translucent-background-primary": {
2200
- "$type": "color",
2201
- "$value": "var(--color-reference-black-25)",
2202
- "$extensions": {
2203
- "ds-mo": {
2204
- "modes": {
2205
- "light": "var(--color-reference-black-25)",
2206
- "dark": "var(--color-reference-white-25)"
2207
- }
2208
- }
2209
- }
2210
- },
2211
- "--color-border-on-translucent-background-secondary": {
2212
- "$type": "color",
2213
- "$value": "var(--color-reference-black-20)",
2214
- "$extensions": {
2215
- "ds-mo": {
2216
- "modes": {
2217
- "light": "var(--color-reference-black-20)",
2218
- "dark": "var(--color-reference-white-20)"
2219
- }
2220
- }
2221
- }
2222
- },
2223
- "--color-border-on-translucent-background-tertiary": {
2224
- "$type": "color",
2225
- "$value": "var(--color-reference-black-15)",
2226
- "$extensions": {
2227
- "ds-mo": {
2228
- "modes": {
2229
- "light": "var(--color-reference-black-15)",
2230
- "dark": "var(--color-reference-white-15)"
2231
- }
2232
- }
2233
- }
2234
- },
2235
2199
  "--color-border-primary": {
2236
2200
  "$type": "color",
2237
2201
  "$value": "var(--color-reference-black-20)",
@@ -4248,19 +4212,7 @@
4248
4212
  }
4249
4213
  }
4250
4214
  },
4251
- "--color-divider-divider": {
4252
- "$type": "color",
4253
- "$value": "var(--color-reference-black-10)",
4254
- "$extensions": {
4255
- "ds-mo": {
4256
- "modes": {
4257
- "light": "var(--color-reference-black-10)",
4258
- "dark": "var(--color-reference-white-10)"
4259
- }
4260
- }
4261
- }
4262
- },
4263
- "--color-divider-on-bold-background": {
4215
+ "--color-divider-divider-on-bold-background": {
4264
4216
  "$type": "color",
4265
4217
  "$value": "var(--color-reference-white-15)",
4266
4218
  "$extensions": {
@@ -4272,7 +4224,7 @@
4272
4224
  }
4273
4225
  }
4274
4226
  },
4275
- "--color-divider-on-medium-background": {
4227
+ "--color-divider-divider-on-medium-background": {
4276
4228
  "$type": "color",
4277
4229
  "$value": "var(--color-reference-black-15)",
4278
4230
  "$extensions": {
@@ -4284,7 +4236,7 @@
4284
4236
  }
4285
4237
  }
4286
4238
  },
4287
- "--color-divider-on-strong-background": {
4239
+ "--color-divider-divider-on-strong-background": {
4288
4240
  "$type": "color",
4289
4241
  "$value": "var(--color-reference-white-10)",
4290
4242
  "$extensions": {
@@ -4296,14 +4248,14 @@
4296
4248
  }
4297
4249
  }
4298
4250
  },
4299
- "--color-divider-on-translucent-background": {
4251
+ "--color-divider-divider": {
4300
4252
  "$type": "color",
4301
- "$value": "var(--color-reference-black-15)",
4253
+ "$value": "var(--color-reference-black-10)",
4302
4254
  "$extensions": {
4303
4255
  "ds-mo": {
4304
4256
  "modes": {
4305
- "light": "var(--color-reference-black-15)",
4306
- "dark": "var(--color-reference-white-15)"
4257
+ "light": "var(--color-reference-black-10)",
4258
+ "dark": "var(--color-reference-white-10)"
4307
4259
  }
4308
4260
  }
4309
4261
  }
@@ -5076,54 +5028,6 @@
5076
5028
  }
5077
5029
  }
5078
5030
  },
5079
- "--color-foreground-on-translucent-background-primary": {
5080
- "$type": "color",
5081
- "$value": "var(--color-reference-black-100)",
5082
- "$extensions": {
5083
- "ds-mo": {
5084
- "modes": {
5085
- "light": "var(--color-reference-black-100)",
5086
- "dark": "var(--color-reference-white-100)"
5087
- }
5088
- }
5089
- }
5090
- },
5091
- "--color-foreground-on-translucent-background-quaternary": {
5092
- "$type": "color",
5093
- "$value": "var(--color-reference-black-25)",
5094
- "$extensions": {
5095
- "ds-mo": {
5096
- "modes": {
5097
- "light": "var(--color-reference-black-25)",
5098
- "dark": "var(--color-reference-white-25)"
5099
- }
5100
- }
5101
- }
5102
- },
5103
- "--color-foreground-on-translucent-background-secondary": {
5104
- "$type": "color",
5105
- "$value": "var(--color-reference-black-70)",
5106
- "$extensions": {
5107
- "ds-mo": {
5108
- "modes": {
5109
- "light": "var(--color-reference-black-70)",
5110
- "dark": "var(--color-reference-white-85)"
5111
- }
5112
- }
5113
- }
5114
- },
5115
- "--color-foreground-on-translucent-background-tertiary": {
5116
- "$type": "color",
5117
- "$value": "var(--color-reference-black-50)",
5118
- "$extensions": {
5119
- "ds-mo": {
5120
- "modes": {
5121
- "light": "var(--color-reference-black-50)",
5122
- "dark": "var(--color-reference-white-60)"
5123
- }
5124
- }
5125
- }
5126
- },
5127
5031
  "--color-foreground-primary": {
5128
5032
  "$type": "color",
5129
5033
  "$value": "var(--color-reference-black-100)",
@@ -5460,54 +5364,6 @@
5460
5364
  }
5461
5365
  }
5462
5366
  },
5463
- "--color-interaction-on-translucent-background-active": {
5464
- "$type": "color",
5465
- "$value": "var(--color-reference-light-blue-250-l92-c04-faint)",
5466
- "$extensions": {
5467
- "ds-mo": {
5468
- "modes": {
5469
- "light": "var(--color-reference-light-blue-250-l92-c04-faint)",
5470
- "dark": "var(--color-reference-dark-blue-250-l27-c05-faint)"
5471
- }
5472
- }
5473
- }
5474
- },
5475
- "--color-interaction-on-translucent-background-focus": {
5476
- "$type": "color",
5477
- "$value": "var(--color-reference-black-20)",
5478
- "$extensions": {
5479
- "ds-mo": {
5480
- "modes": {
5481
- "light": "var(--color-reference-black-20)",
5482
- "dark": "var(--color-reference-white-20)"
5483
- }
5484
- }
5485
- }
5486
- },
5487
- "--color-interaction-on-translucent-background-hover": {
5488
- "$type": "color",
5489
- "$value": "var(--color-reference-black-15)",
5490
- "$extensions": {
5491
- "ds-mo": {
5492
- "modes": {
5493
- "light": "var(--color-reference-black-15)",
5494
- "dark": "var(--color-reference-white-15)"
5495
- }
5496
- }
5497
- }
5498
- },
5499
- "--color-interaction-on-translucent-background-pressed": {
5500
- "$type": "color",
5501
- "$value": "var(--color-reference-black-20)",
5502
- "$extensions": {
5503
- "ds-mo": {
5504
- "modes": {
5505
- "light": "var(--color-reference-black-20)",
5506
- "dark": "var(--color-reference-white-20)"
5507
- }
5508
- }
5509
- }
5510
- },
5511
5367
  "--color-interaction-pressed": {
5512
5368
  "$type": "color",
5513
5369
  "$value": "var(--color-reference-black-15)",
@@ -6216,6 +6072,18 @@
6216
6072
  }
6217
6073
  }
6218
6074
  },
6075
+ "--color-inverted-shimmer": {
6076
+ "$type": "color",
6077
+ "$value": "var(--color-reference-white-20)",
6078
+ "$extensions": {
6079
+ "ds-mo": {
6080
+ "modes": {
6081
+ "light": "var(--color-reference-white-20)",
6082
+ "dark": "var(--color-reference-white-30)"
6083
+ }
6084
+ }
6085
+ }
6086
+ },
6219
6087
  "--color-location-marker-background-brand": {
6220
6088
  "$type": "color",
6221
6089
  "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
@@ -6492,6 +6360,18 @@
6492
6360
  }
6493
6361
  }
6494
6362
  },
6363
+ "--color-media-shimmer": {
6364
+ "$type": "color",
6365
+ "$value": "var(--color-reference-white-20)",
6366
+ "$extensions": {
6367
+ "ds-mo": {
6368
+ "modes": {
6369
+ "light": "var(--color-reference-white-20)",
6370
+ "dark": "var(--color-reference-white-10)"
6371
+ }
6372
+ }
6373
+ }
6374
+ },
6495
6375
  "--color-navigation-background": {
6496
6376
  "$type": "color",
6497
6377
  "$value": "var(--color-reference-grey-l18)",
@@ -6660,6 +6540,18 @@
6660
6540
  }
6661
6541
  }
6662
6542
  },
6543
+ "--color-navigation-shimmer": {
6544
+ "$type": "color",
6545
+ "$value": "var(--color-reference-white-20)",
6546
+ "$extensions": {
6547
+ "ds-mo": {
6548
+ "modes": {
6549
+ "light": "var(--color-reference-white-20)",
6550
+ "dark": "var(--color-reference-white-10)"
6551
+ }
6552
+ }
6553
+ }
6554
+ },
6663
6555
  "--color-safety-score-background-excellent": {
6664
6556
  "$type": "color",
6665
6557
  "$value": "var(--color-reference-light-blue-250-l70-c18-medium)",
@@ -6804,19 +6696,31 @@
6804
6696
  }
6805
6697
  }
6806
6698
  },
6807
- "--color-shimmer-fade": {
6699
+ "--color-shimmer-shimmer-on-bold-background": {
6808
6700
  "$type": "color",
6809
- "$value": "var(--color-reference-black-15)",
6701
+ "$value": "var(--color-reference-white-15)",
6810
6702
  "$extensions": {
6811
6703
  "ds-mo": {
6812
6704
  "modes": {
6813
- "light": "var(--color-reference-black-15)",
6814
- "dark": "var(--color-reference-black-10)"
6705
+ "light": "var(--color-reference-white-15)",
6706
+ "dark": "var(--color-reference-white-10)"
6815
6707
  }
6816
6708
  }
6817
6709
  }
6818
6710
  },
6819
- "--color-shimmer-highlight": {
6711
+ "--color-shimmer-shimmer-on-medium-background": {
6712
+ "$type": "color",
6713
+ "$value": "var(--color-reference-white-15)",
6714
+ "$extensions": {
6715
+ "ds-mo": {
6716
+ "modes": {
6717
+ "light": "var(--color-reference-white-15)",
6718
+ "dark": "var(--color-reference-white-10)"
6719
+ }
6720
+ }
6721
+ }
6722
+ },
6723
+ "--color-shimmer-shimmer-on-strong-background": {
6820
6724
  "$type": "color",
6821
6725
  "$value": "var(--color-reference-white-10)",
6822
6726
  "$extensions": {
@@ -6827,6 +6731,186 @@
6827
6731
  }
6828
6732
  }
6829
6733
  }
6734
+ },
6735
+ "--color-shimmer-shimmer": {
6736
+ "$type": "color",
6737
+ "$value": "var(--color-reference-white-30)",
6738
+ "$extensions": {
6739
+ "ds-mo": {
6740
+ "modes": {
6741
+ "light": "var(--color-reference-white-30)",
6742
+ "dark": "var(--color-reference-white-10)"
6743
+ }
6744
+ }
6745
+ }
6746
+ },
6747
+ "--color-translucent-border-primary": {
6748
+ "$type": "color",
6749
+ "$value": "var(--color-reference-black-25)",
6750
+ "$extensions": {
6751
+ "ds-mo": {
6752
+ "modes": {
6753
+ "light": "var(--color-reference-black-25)",
6754
+ "dark": "var(--color-reference-white-25)"
6755
+ }
6756
+ }
6757
+ }
6758
+ },
6759
+ "--color-translucent-border-secondary": {
6760
+ "$type": "color",
6761
+ "$value": "var(--color-reference-black-20)",
6762
+ "$extensions": {
6763
+ "ds-mo": {
6764
+ "modes": {
6765
+ "light": "var(--color-reference-black-20)",
6766
+ "dark": "var(--color-reference-white-20)"
6767
+ }
6768
+ }
6769
+ }
6770
+ },
6771
+ "--color-translucent-border-tertiary": {
6772
+ "$type": "color",
6773
+ "$value": "var(--color-reference-black-15)",
6774
+ "$extensions": {
6775
+ "ds-mo": {
6776
+ "modes": {
6777
+ "light": "var(--color-reference-black-15)",
6778
+ "dark": "var(--color-reference-white-15)"
6779
+ }
6780
+ }
6781
+ }
6782
+ },
6783
+ "--color-translucent-divider": {
6784
+ "$type": "color",
6785
+ "$value": "var(--color-reference-black-15)",
6786
+ "$extensions": {
6787
+ "ds-mo": {
6788
+ "modes": {
6789
+ "light": "var(--color-reference-black-15)",
6790
+ "dark": "var(--color-reference-white-15)"
6791
+ }
6792
+ }
6793
+ }
6794
+ },
6795
+ "--color-translucent-foreground-primary": {
6796
+ "$type": "color",
6797
+ "$value": "var(--color-reference-black-100)",
6798
+ "$extensions": {
6799
+ "ds-mo": {
6800
+ "modes": {
6801
+ "light": "var(--color-reference-black-100)",
6802
+ "dark": "var(--color-reference-white-100)"
6803
+ }
6804
+ }
6805
+ }
6806
+ },
6807
+ "--color-translucent-foreground-quaternary": {
6808
+ "$type": "color",
6809
+ "$value": "var(--color-reference-black-25)",
6810
+ "$extensions": {
6811
+ "ds-mo": {
6812
+ "modes": {
6813
+ "light": "var(--color-reference-black-25)",
6814
+ "dark": "var(--color-reference-white-25)"
6815
+ }
6816
+ }
6817
+ }
6818
+ },
6819
+ "--color-translucent-foreground-secondary": {
6820
+ "$type": "color",
6821
+ "$value": "var(--color-reference-black-70)",
6822
+ "$extensions": {
6823
+ "ds-mo": {
6824
+ "modes": {
6825
+ "light": "var(--color-reference-black-70)",
6826
+ "dark": "var(--color-reference-white-85)"
6827
+ }
6828
+ }
6829
+ }
6830
+ },
6831
+ "--color-translucent-foreground-tertiary": {
6832
+ "$type": "color",
6833
+ "$value": "var(--color-reference-black-50)",
6834
+ "$extensions": {
6835
+ "ds-mo": {
6836
+ "modes": {
6837
+ "light": "var(--color-reference-black-50)",
6838
+ "dark": "var(--color-reference-white-60)"
6839
+ }
6840
+ }
6841
+ }
6842
+ },
6843
+ "--color-translucent-interaction-active": {
6844
+ "$type": "color",
6845
+ "$value": "var(--color-reference-light-blue-250-l92-c04-faint)",
6846
+ "$extensions": {
6847
+ "ds-mo": {
6848
+ "modes": {
6849
+ "light": "var(--color-reference-light-blue-250-l92-c04-faint)",
6850
+ "dark": "var(--color-reference-dark-blue-250-l27-c05-faint)"
6851
+ }
6852
+ }
6853
+ }
6854
+ },
6855
+ "--color-translucent-interaction-focus": {
6856
+ "$type": "color",
6857
+ "$value": "var(--color-reference-black-20)",
6858
+ "$extensions": {
6859
+ "ds-mo": {
6860
+ "modes": {
6861
+ "light": "var(--color-reference-black-20)",
6862
+ "dark": "var(--color-reference-white-20)"
6863
+ }
6864
+ }
6865
+ }
6866
+ },
6867
+ "--color-translucent-interaction-hover": {
6868
+ "$type": "color",
6869
+ "$value": "var(--color-reference-black-15)",
6870
+ "$extensions": {
6871
+ "ds-mo": {
6872
+ "modes": {
6873
+ "light": "var(--color-reference-black-15)",
6874
+ "dark": "var(--color-reference-white-15)"
6875
+ }
6876
+ }
6877
+ }
6878
+ },
6879
+ "--color-translucent-interaction-pressed": {
6880
+ "$type": "color",
6881
+ "$value": "var(--color-reference-black-20)",
6882
+ "$extensions": {
6883
+ "ds-mo": {
6884
+ "modes": {
6885
+ "light": "var(--color-reference-black-20)",
6886
+ "dark": "var(--color-reference-white-20)"
6887
+ }
6888
+ }
6889
+ }
6890
+ },
6891
+ "--color-translucent-shimmer": {
6892
+ "$type": "color",
6893
+ "$value": "var(--color-reference-white-30)",
6894
+ "$extensions": {
6895
+ "ds-mo": {
6896
+ "modes": {
6897
+ "light": "var(--color-reference-white-30)",
6898
+ "dark": "var(--color-reference-white-10)"
6899
+ }
6900
+ }
6901
+ }
6902
+ },
6903
+ "--color-translucent-translucent": {
6904
+ "$type": "color",
6905
+ "$value": "var(--color-reference-white-50)",
6906
+ "$extensions": {
6907
+ "ds-mo": {
6908
+ "modes": {
6909
+ "light": "var(--color-reference-white-50)",
6910
+ "dark": "var(--color-reference-black-50)"
6911
+ }
6912
+ }
6913
+ }
6830
6914
  }
6831
6915
  },
6832
6916
  "data": {
@@ -8711,7 +8795,7 @@
8711
8795
  },
8712
8796
  "--effect-shadow-depressed-sm": {
8713
8797
  "$type": "effect",
8714
- "$value": "0px -4px 2px -4px var(--color-elevation-shadow),\n 0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
8798
+ "$value": "0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
8715
8799
  },
8716
8800
  "--effect-highlight-depressed-sm": {
8717
8801
  "$type": "effect",
@@ -8723,7 +8807,7 @@
8723
8807
  },
8724
8808
  "--effect-shadow-depressed-md": {
8725
8809
  "$type": "effect",
8726
- "$value": "0px -4px 2px -4px var(--color-elevation-shadow),\n 0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
8810
+ "$value": "0px 4px 2px -4px var(--color-elevation-highlight),\n 0px 0px 0px 0.5px var(--color-elevation-highlight)"
8727
8811
  },
8728
8812
  "--effect-highlight-depressed-md": {
8729
8813
  "$type": "effect",