@primer/primitives 11.6.0 → 11.6.1-rc.d0027616

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 (64) hide show
  1. package/DESIGN_TOKENS_SPEC.md +0 -5
  2. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +0 -2
  3. package/dist/css/functional/themes/dark-colorblind.css +0 -2
  4. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +0 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +0 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +0 -2
  7. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +0 -2
  8. package/dist/css/functional/themes/dark-tritanopia.css +0 -2
  9. package/dist/css/functional/themes/dark.css +0 -2
  10. package/dist/css/functional/themes/light-colorblind-high-contrast.css +2 -4
  11. package/dist/css/functional/themes/light-colorblind.css +2 -4
  12. package/dist/css/functional/themes/light-high-contrast.css +30 -32
  13. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +2 -4
  14. package/dist/css/functional/themes/light-tritanopia.css +2 -4
  15. package/dist/css/functional/themes/light.css +2 -4
  16. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +6 -176
  17. package/dist/docs/functional/themes/dark-colorblind.json +6 -176
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +6 -176
  19. package/dist/docs/functional/themes/dark-dimmed.json +6 -176
  20. package/dist/docs/functional/themes/dark-high-contrast.json +6 -176
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +6 -176
  22. package/dist/docs/functional/themes/dark-tritanopia.json +6 -176
  23. package/dist/docs/functional/themes/dark.json +6 -176
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +8 -178
  25. package/dist/docs/functional/themes/light-colorblind.json +8 -178
  26. package/dist/docs/functional/themes/light-high-contrast.json +33 -203
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +8 -178
  28. package/dist/docs/functional/themes/light-tritanopia.json +8 -178
  29. package/dist/docs/functional/themes/light.json +8 -178
  30. package/dist/figma/themes/light-colorblind.json +1 -1
  31. package/dist/figma/themes/light-high-contrast.json +43 -46
  32. package/dist/figma/themes/light-tritanopia.json +1 -1
  33. package/dist/figma/themes/light.json +1 -1
  34. package/dist/internalCss/dark-colorblind-high-contrast.css +0 -2
  35. package/dist/internalCss/dark-colorblind.css +0 -2
  36. package/dist/internalCss/dark-dimmed-high-contrast.css +0 -2
  37. package/dist/internalCss/dark-dimmed.css +0 -2
  38. package/dist/internalCss/dark-high-contrast.css +0 -2
  39. package/dist/internalCss/dark-tritanopia-high-contrast.css +0 -2
  40. package/dist/internalCss/dark-tritanopia.css +0 -2
  41. package/dist/internalCss/dark.css +0 -2
  42. package/dist/internalCss/light-colorblind-high-contrast.css +2 -4
  43. package/dist/internalCss/light-colorblind.css +2 -4
  44. package/dist/internalCss/light-high-contrast.css +30 -32
  45. package/dist/internalCss/light-tritanopia-high-contrast.css +2 -4
  46. package/dist/internalCss/light-tritanopia.css +2 -4
  47. package/dist/internalCss/light.css +2 -4
  48. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +6 -176
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +6 -176
  50. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +6 -176
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +6 -176
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +6 -176
  53. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +6 -176
  54. package/dist/styleLint/functional/themes/dark-tritanopia.json +6 -176
  55. package/dist/styleLint/functional/themes/dark.json +6 -176
  56. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +8 -178
  57. package/dist/styleLint/functional/themes/light-colorblind.json +8 -178
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +33 -203
  59. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +8 -178
  60. package/dist/styleLint/functional/themes/light-tritanopia.json +8 -178
  61. package/dist/styleLint/functional/themes/light.json +8 -178
  62. package/package.json +2 -2
  63. package/src/tokens/functional/color/fgColor.json5 +3 -3
  64. package/src/tokens/functional/shadow/shadow.json5 +1 -100
@@ -38563,7 +38563,7 @@
38563
38563
  "dark-high-contrast": "#ff8182",
38564
38564
  "dark-dimmed-high-contrast": "#ffcecb",
38565
38565
  "dark-tritanopia-high-contrast": "#ff8182",
38566
- "light-high-contrast": "#a40e26",
38566
+ "light-high-contrast": "#960d1e",
38567
38567
  "light-tritanopia-high-contrast": "#a40e26"
38568
38568
  },
38569
38569
  "org.primer.llm": {
@@ -38599,7 +38599,7 @@
38599
38599
  "dark-high-contrast": "{base.color.red.3}",
38600
38600
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38601
38601
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38602
- "light-high-contrast": "{base.color.red.6}",
38602
+ "light-high-contrast": "#960d1e",
38603
38603
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38604
38604
  },
38605
38605
  "org.primer.llm": {
@@ -38765,7 +38765,7 @@
38765
38765
  "dark-dimmed-high-contrast": "#ecd8ff",
38766
38766
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38767
38767
  "dark-tritanopia-high-contrast": "#D3ABFF",
38768
- "light-high-contrast": "#6639ba",
38768
+ "light-high-contrast": "#5e2bb4",
38769
38769
  "light-protanopia-deuteranopia-high-contrast": "#6639ba",
38770
38770
  "light-tritanopia-high-contrast": "#6639ba"
38771
38771
  },
@@ -38795,7 +38795,7 @@
38795
38795
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38796
38796
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38797
38797
  "dark-tritanopia-high-contrast": "#D3ABFF",
38798
- "light-high-contrast": "{base.color.purple.6}",
38798
+ "light-high-contrast": "#5e2bb4",
38799
38799
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38800
38800
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38801
38801
  },
@@ -39331,7 +39331,7 @@
39331
39331
  "dark": "#4ac26b",
39332
39332
  "dark-high-contrast": "#2BD853",
39333
39333
  "dark-dimmed-high-contrast": "#dafbe1",
39334
- "light-high-contrast": "#116329",
39334
+ "light-high-contrast": "#04591f",
39335
39335
  "dark-protanopia-deuteranopia": "#54aeff",
39336
39336
  "dark-protanopia-deuteranopia-high-contrast": "#b6e3ff",
39337
39337
  "light-protanopia-deuteranopia": "#0969da",
@@ -39365,7 +39365,7 @@
39365
39365
  "dark": "{base.color.green.3}",
39366
39366
  "dark-high-contrast": "#2BD853",
39367
39367
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39368
- "light-high-contrast": "{base.color.green.6}",
39368
+ "light-high-contrast": "#04591f",
39369
39369
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39370
39370
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39371
39371
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49134,176 +49134,6 @@
49134
49134
  "type": "shadow",
49135
49135
  "description": "Large floating shadow for modals and dialogs"
49136
49136
  },
49137
- "shadow-floating-legacy": {
49138
- "key": "{shadow.floating.legacy}",
49139
- "$extensions": {
49140
- "org.primer.figma": {},
49141
- "org.primer.overrides": {
49142
- "dark": {
49143
- "$value": [
49144
- {
49145
- "color": "#ffffff",
49146
- "alpha": 0.4,
49147
- "offsetX": {
49148
- "value": 0,
49149
- "unit": "px"
49150
- },
49151
- "offsetY": {
49152
- "value": 6,
49153
- "unit": "px"
49154
- },
49155
- "blur": {
49156
- "value": 12,
49157
- "unit": "px"
49158
- },
49159
- "spread": {
49160
- "value": -3,
49161
- "unit": "px"
49162
- }
49163
- },
49164
- {
49165
- "color": "#ffffff",
49166
- "alpha": 0.4,
49167
- "offsetX": {
49168
- "value": 0,
49169
- "unit": "px"
49170
- },
49171
- "offsetY": {
49172
- "value": 6,
49173
- "unit": "px"
49174
- },
49175
- "blur": {
49176
- "value": 18,
49177
- "unit": "px"
49178
- },
49179
- "spread": {
49180
- "value": 0,
49181
- "unit": "px"
49182
- }
49183
- }
49184
- ],
49185
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49186
- "isSource": true,
49187
- "$type": "shadow"
49188
- }
49189
- },
49190
- "org.primer.llm": {
49191
- "usage": ["legacy-component", "backward-compatibility"],
49192
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49193
- }
49194
- },
49195
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49196
- "isSource": true,
49197
- "original": {
49198
- "$value": [
49199
- {
49200
- "color": "{base.color.neutral.12}",
49201
- "alpha": 0.04,
49202
- "offsetX": {
49203
- "value": 0,
49204
- "unit": "px"
49205
- },
49206
- "offsetY": {
49207
- "value": 6,
49208
- "unit": "px"
49209
- },
49210
- "blur": {
49211
- "value": 12,
49212
- "unit": "px"
49213
- },
49214
- "spread": {
49215
- "value": -3,
49216
- "unit": "px"
49217
- }
49218
- },
49219
- {
49220
- "color": "{base.color.neutral.12}",
49221
- "alpha": 0.12,
49222
- "offsetX": {
49223
- "value": 0,
49224
- "unit": "px"
49225
- },
49226
- "offsetY": {
49227
- "value": 6,
49228
- "unit": "px"
49229
- },
49230
- "blur": {
49231
- "value": 18,
49232
- "unit": "px"
49233
- },
49234
- "spread": {
49235
- "value": 0,
49236
- "unit": "px"
49237
- }
49238
- }
49239
- ],
49240
- "$type": "shadow",
49241
- "$description": "Legacy floating shadow for backward compatibility",
49242
- "$extensions": {
49243
- "org.primer.figma": {},
49244
- "org.primer.overrides": {
49245
- "dark": {
49246
- "$value": [
49247
- {
49248
- "color": "{base.color.neutral.0}",
49249
- "alpha": 0.4,
49250
- "offsetX": {
49251
- "value": 0,
49252
- "unit": "px"
49253
- },
49254
- "offsetY": {
49255
- "value": 6,
49256
- "unit": "px"
49257
- },
49258
- "blur": {
49259
- "value": 12,
49260
- "unit": "px"
49261
- },
49262
- "spread": {
49263
- "value": -3,
49264
- "unit": "px"
49265
- }
49266
- },
49267
- {
49268
- "color": "{base.color.neutral.0}",
49269
- "alpha": 0.4,
49270
- "offsetX": {
49271
- "value": 0,
49272
- "unit": "px"
49273
- },
49274
- "offsetY": {
49275
- "value": 6,
49276
- "unit": "px"
49277
- },
49278
- "blur": {
49279
- "value": 18,
49280
- "unit": "px"
49281
- },
49282
- "spread": {
49283
- "value": 0,
49284
- "unit": "px"
49285
- }
49286
- }
49287
- ],
49288
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49289
- "isSource": true,
49290
- "$type": "shadow"
49291
- }
49292
- },
49293
- "org.primer.llm": {
49294
- "usage": ["legacy-component", "backward-compatibility"],
49295
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49296
- }
49297
- },
49298
- "key": "{shadow.floating.legacy}"
49299
- },
49300
- "name": "shadow-floating-legacy",
49301
- "attributes": {},
49302
- "path": ["shadow", "floating", "legacy"],
49303
- "value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49304
- "type": "shadow",
49305
- "description": "Legacy floating shadow for backward compatibility"
49306
- },
49307
49137
  "shadow-floating-medium": {
49308
49138
  "key": "{shadow.floating.medium}",
49309
49139
  "$extensions": {
@@ -50389,7 +50219,7 @@
50389
50219
  "$value": [
50390
50220
  {
50391
50221
  "color": "{overlay.borderColor}",
50392
- "alpha": 0.5,
50222
+ "alpha": 0.25,
50393
50223
  "offsetX": {
50394
50224
  "value": 0,
50395
50225
  "unit": "px"
@@ -50534,7 +50364,7 @@
50534
50364
  "name": "shadow-floating-small",
50535
50365
  "attributes": {},
50536
50366
  "path": ["shadow", "floating", "small"],
50537
- "value": "0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50367
+ "value": "0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50538
50368
  "type": "shadow",
50539
50369
  "description": "Small floating shadow for dropdowns, tooltips, and small overlays"
50540
50370
  },
@@ -341,7 +341,7 @@
341
341
  "r": 0.8196078431372549,
342
342
  "g": 0.8509803921568627,
343
343
  "b": 0.8784313725490196,
344
- "a": 0.5
344
+ "a": 0.25
345
345
  },
346
346
  "type": "COLOR",
347
347
  "scopes": ["EFFECT_COLOR"],
@@ -341,7 +341,7 @@
341
341
  "r": 0.27058823529411763,
342
342
  "g": 0.2980392156862745,
343
343
  "b": 0.32941176470588235,
344
- "a": 0.5
344
+ "a": 0.25
345
345
  },
346
346
  "type": "COLOR",
347
347
  "scopes": ["EFFECT_COLOR"],
@@ -2540,9 +2540,9 @@
2540
2540
  {
2541
2541
  "name": "control/danger/fgColor/rest",
2542
2542
  "value": {
2543
- "r": 0.5254901960784314,
2544
- "g": 0.023529411764705882,
2545
- "b": 0.11372549019607843,
2543
+ "r": 0.5882352941176471,
2544
+ "g": 0.050980392156862744,
2545
+ "b": 0.11764705882352941,
2546
2546
  "a": 1
2547
2547
  },
2548
2548
  "type": "COLOR",
@@ -8273,15 +8273,14 @@
8273
8273
  {
8274
8274
  "name": "fgColor/success",
8275
8275
  "value": {
8276
- "r": 0.00784313725490196,
8277
- "g": 0.2980392156862745,
8278
- "b": 0.10196078431372549,
8276
+ "r": 0.01568627450980392,
8277
+ "g": 0.34901960784313724,
8278
+ "b": 0.12156862745098039,
8279
8279
  "a": 1
8280
8280
  },
8281
8281
  "type": "COLOR",
8282
8282
  "description": "Success text for positive feedback and completed states",
8283
8283
  "refId": "mode/fgColor/success",
8284
- "reference": "base/color/light-high-contrast/base/color/green/6",
8285
8284
  "collection": "mode",
8286
8285
  "mode": "light high contrast",
8287
8286
  "group": "semantic",
@@ -8293,9 +8292,9 @@
8293
8292
  {
8294
8293
  "name": "fgColor/open",
8295
8294
  "value": {
8296
- "r": 0.00784313725490196,
8297
- "g": 0.2980392156862745,
8298
- "b": 0.10196078431372549,
8295
+ "r": 0.01568627450980392,
8296
+ "g": 0.34901960784313724,
8297
+ "b": 0.12156862745098039,
8299
8298
  "a": 1
8300
8299
  },
8301
8300
  "type": "COLOR",
@@ -8353,15 +8352,14 @@
8353
8352
  {
8354
8353
  "name": "fgColor/danger",
8355
8354
  "value": {
8356
- "r": 0.5254901960784314,
8357
- "g": 0.023529411764705882,
8358
- "b": 0.11372549019607843,
8355
+ "r": 0.5882352941176471,
8356
+ "g": 0.050980392156862744,
8357
+ "b": 0.11764705882352941,
8359
8358
  "a": 1
8360
8359
  },
8361
8360
  "type": "COLOR",
8362
8361
  "description": "Danger text for errors and destructive actions",
8363
8362
  "refId": "mode/fgColor/danger",
8364
- "reference": "base/color/light-high-contrast/base/color/red/6",
8365
8363
  "collection": "mode",
8366
8364
  "mode": "light high contrast",
8367
8365
  "group": "semantic",
@@ -8373,9 +8371,9 @@
8373
8371
  {
8374
8372
  "name": "fgColor/closed",
8375
8373
  "value": {
8376
- "r": 0.5254901960784314,
8377
- "g": 0.023529411764705882,
8378
- "b": 0.11372549019607843,
8374
+ "r": 0.5882352941176471,
8375
+ "g": 0.050980392156862744,
8376
+ "b": 0.11764705882352941,
8379
8377
  "a": 1
8380
8378
  },
8381
8379
  "type": "COLOR",
@@ -8413,15 +8411,14 @@
8413
8411
  {
8414
8412
  "name": "fgColor/done",
8415
8413
  "value": {
8416
- "r": 0.3176470588235294,
8417
- "g": 0.1450980392156863,
8418
- "b": 0.596078431372549,
8414
+ "r": 0.3686274509803922,
8415
+ "g": 0.16862745098039217,
8416
+ "b": 0.7058823529411765,
8419
8417
  "a": 1
8420
8418
  },
8421
8419
  "type": "COLOR",
8422
8420
  "description": "Text color for completed/done state indicators",
8423
8421
  "refId": "mode/fgColor/done",
8424
- "reference": "base/color/light-high-contrast/base/color/purple/6",
8425
8422
  "collection": "mode",
8426
8423
  "mode": "light high contrast",
8427
8424
  "group": "semantic",
@@ -8433,9 +8430,9 @@
8433
8430
  {
8434
8431
  "name": "fgColor/upsell",
8435
8432
  "value": {
8436
- "r": 0.3176470588235294,
8437
- "g": 0.1450980392156863,
8438
- "b": 0.596078431372549,
8433
+ "r": 0.3686274509803922,
8434
+ "g": 0.16862745098039217,
8435
+ "b": 0.7058823529411765,
8439
8436
  "a": 1
8440
8437
  },
8441
8438
  "type": "COLOR",
@@ -8937,9 +8934,9 @@
8937
8934
  {
8938
8935
  "name": "color/prettylights/syntax/invalid/illegal/text",
8939
8936
  "value": {
8940
- "r": 0.5254901960784314,
8941
- "g": 0.023529411764705882,
8942
- "b": 0.11372549019607843,
8937
+ "r": 0.5882352941176471,
8938
+ "g": 0.050980392156862744,
8939
+ "b": 0.11764705882352941,
8943
8940
  "a": 1
8944
8941
  },
8945
8942
  "type": "COLOR",
@@ -10240,9 +10237,9 @@
10240
10237
  {
10241
10238
  "name": "button/danger/fgColor/rest",
10242
10239
  "value": {
10243
- "r": 0.5254901960784314,
10244
- "g": 0.023529411764705882,
10245
- "b": 0.11372549019607843,
10240
+ "r": 0.5882352941176471,
10241
+ "g": 0.050980392156862744,
10242
+ "b": 0.11764705882352941,
10246
10243
  "a": 1
10247
10244
  },
10248
10245
  "type": "COLOR",
@@ -10288,9 +10285,9 @@
10288
10285
  {
10289
10286
  "name": "button/danger/fgColor/disabled",
10290
10287
  "value": {
10291
- "r": 0.5254901960784314,
10292
- "g": 0.023529411764705882,
10293
- "b": 0.11372549019607843,
10288
+ "r": 0.5882352941176471,
10289
+ "g": 0.050980392156862744,
10290
+ "b": 0.11764705882352941,
10294
10291
  "a": 0.5
10295
10292
  },
10296
10293
  "type": "COLOR",
@@ -10305,9 +10302,9 @@
10305
10302
  {
10306
10303
  "name": "button/danger/iconColor/rest",
10307
10304
  "value": {
10308
- "r": 0.5254901960784314,
10309
- "g": 0.023529411764705882,
10310
- "b": 0.11372549019607843,
10305
+ "r": 0.5882352941176471,
10306
+ "g": 0.050980392156862744,
10307
+ "b": 0.11764705882352941,
10311
10308
  "a": 1
10312
10309
  },
10313
10310
  "type": "COLOR",
@@ -10337,9 +10334,9 @@
10337
10334
  {
10338
10335
  "name": "button/danger/iconColor/disabled",
10339
10336
  "value": {
10340
- "r": 0.5254901960784314,
10341
- "g": 0.023529411764705882,
10342
- "b": 0.11372549019607843,
10337
+ "r": 0.5882352941176471,
10338
+ "g": 0.050980392156862744,
10339
+ "b": 0.11764705882352941,
10343
10340
  "a": 0.5
10344
10341
  },
10345
10342
  "type": "COLOR",
@@ -10764,9 +10761,9 @@
10764
10761
  {
10765
10762
  "name": "buttonCounter/danger/fgColor/rest",
10766
10763
  "value": {
10767
- "r": 0.5254901960784314,
10768
- "g": 0.023529411764705882,
10769
- "b": 0.11372549019607843,
10764
+ "r": 0.5882352941176471,
10765
+ "g": 0.050980392156862744,
10766
+ "b": 0.11764705882352941,
10770
10767
  "a": 1
10771
10768
  },
10772
10769
  "type": "COLOR",
@@ -10796,9 +10793,9 @@
10796
10793
  {
10797
10794
  "name": "buttonCounter/danger/fgColor/disabled",
10798
10795
  "value": {
10799
- "r": 0.5254901960784314,
10800
- "g": 0.023529411764705882,
10801
- "b": 0.11372549019607843,
10796
+ "r": 0.5882352941176471,
10797
+ "g": 0.050980392156862744,
10798
+ "b": 0.11764705882352941,
10802
10799
  "a": 0.5
10803
10800
  },
10804
10801
  "type": "COLOR",
@@ -341,7 +341,7 @@
341
341
  "r": 0.8196078431372549,
342
342
  "g": 0.8509803921568627,
343
343
  "b": 0.8784313725490196,
344
- "a": 0.5
344
+ "a": 0.25
345
345
  },
346
346
  "type": "COLOR",
347
347
  "scopes": ["EFFECT_COLOR"],
@@ -341,7 +341,7 @@
341
341
  "r": 0.8196078431372549,
342
342
  "g": 0.8509803921568627,
343
343
  "b": 0.8784313725490196,
344
- "a": 0.5
344
+ "a": 0.25
345
345
  },
346
346
  "type": "COLOR",
347
347
  "scopes": ["EFFECT_COLOR"],
@@ -1093,7 +1093,6 @@
1093
1093
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1094
1094
  --selectMenu-borderColor: var(--borderColor-default);
1095
1095
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
1096
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1097
1096
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1098
1097
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1099
1098
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2295,7 +2294,6 @@
2295
2294
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2296
2295
  --selectMenu-borderColor: var(--borderColor-default);
2297
2296
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
2298
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2299
2297
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2300
2298
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2301
2299
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1115,7 +1115,6 @@
1115
1115
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1116
1116
  --selectMenu-borderColor: var(--borderColor-default);
1117
1117
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
1118
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1119
1118
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1120
1119
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1121
1120
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2317,7 +2316,6 @@
2317
2316
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2318
2317
  --selectMenu-borderColor: var(--borderColor-default);
2319
2318
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
2320
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2321
2319
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2322
2320
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2323
2321
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1123,7 +1123,6 @@
1123
1123
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1124
1124
  --selectMenu-borderColor: var(--borderColor-default);
1125
1125
  --selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
1126
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1127
1126
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1128
1127
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1129
1128
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2325,7 +2324,6 @@
2325
2324
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2326
2325
  --selectMenu-borderColor: var(--borderColor-default);
2327
2326
  --selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
2328
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2329
2327
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2330
2328
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2331
2329
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1141,7 +1141,6 @@
1141
1141
  --selectMenu-borderColor: var(--borderColor-default);
1142
1142
  --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
1143
1143
  --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1144
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1145
1144
  --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
1146
1145
  --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1147
1146
  --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
@@ -2343,7 +2342,6 @@
2343
2342
  --selectMenu-borderColor: var(--borderColor-default);
2344
2343
  --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
2345
2344
  --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
2346
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2347
2345
  --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
2348
2346
  --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
2349
2347
  --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
@@ -1093,7 +1093,6 @@
1093
1093
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1094
1094
  --selectMenu-borderColor: var(--borderColor-default);
1095
1095
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
1096
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1097
1096
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1098
1097
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1099
1098
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2295,7 +2294,6 @@
2295
2294
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2296
2295
  --selectMenu-borderColor: var(--borderColor-default);
2297
2296
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
2298
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2299
2297
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2300
2298
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2301
2299
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1093,7 +1093,6 @@
1093
1093
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1094
1094
  --selectMenu-borderColor: var(--borderColor-default);
1095
1095
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
1096
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1097
1096
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1098
1097
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1099
1098
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2295,7 +2294,6 @@
2295
2294
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2296
2295
  --selectMenu-borderColor: var(--borderColor-default);
2297
2296
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
2298
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2299
2297
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2300
2298
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2301
2299
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1117,7 +1117,6 @@
1117
1117
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1118
1118
  --selectMenu-borderColor: var(--borderColor-default);
1119
1119
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
1120
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1121
1120
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1122
1121
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1123
1122
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2319,7 +2318,6 @@
2319
2318
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2320
2319
  --selectMenu-borderColor: var(--borderColor-default);
2321
2320
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
2322
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2323
2321
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2324
2322
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2325
2323
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -1115,7 +1115,6 @@
1115
1115
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1116
1116
  --selectMenu-borderColor: var(--borderColor-default);
1117
1117
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
1118
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1119
1118
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1120
1119
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1121
1120
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -2317,7 +2316,6 @@
2317
2316
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2318
2317
  --selectMenu-borderColor: var(--borderColor-default);
2319
2318
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
2320
- --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
2321
2319
  --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2322
2320
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2323
2321
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
@@ -918,7 +918,6 @@
918
918
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
919
919
  --selectMenu-bgColor-active: var(--base-color-blue-1);
920
920
  --selectMenu-borderColor: var(--base-color-transparent);
921
- --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
922
921
  --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
923
922
  --skeletonLoader-bgColor: var(--base-color-neutral-5);
924
923
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -1189,7 +1188,7 @@
1189
1188
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1190
1189
  --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
1191
1190
  --shadow-floating-medium: 0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
1192
- --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1191
+ --shadow-floating-small: 0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1193
1192
  --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
1194
1193
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1195
1194
  --underlineNav-borderColor-hover: var(--borderColor-muted);
@@ -2120,7 +2119,6 @@
2120
2119
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2121
2120
  --selectMenu-bgColor-active: var(--base-color-blue-1);
2122
2121
  --selectMenu-borderColor: var(--base-color-transparent);
2123
- --shadow-floating-legacy: 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Legacy floating shadow for backward compatibility */
2124
2122
  --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f; /** Medium resting shadow for cards and elevated surfaces */
2125
2123
  --skeletonLoader-bgColor: var(--base-color-neutral-5);
2126
2124
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -2391,7 +2389,7 @@
2391
2389
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2392
2390
  --shadow-floating-large: 0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
2393
2391
  --shadow-floating-medium: 0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
2394
- --shadow-floating-small: 0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
2392
+ --shadow-floating-small: 0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
2395
2393
  --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
2396
2394
  --tooltip-fgColor: var(--fgColor-onEmphasis);
2397
2395
  --underlineNav-borderColor-hover: var(--borderColor-muted);