@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
@@ -38599,7 +38599,7 @@
38599
38599
  "dark-high-contrast": "#ff7b72",
38600
38600
  "dark-dimmed-high-contrast": "#ffc1ba",
38601
38601
  "dark-tritanopia-high-contrast": "#ff7b72",
38602
- "light-high-contrast": "#b62324",
38602
+ "light-high-contrast": "#960d1e",
38603
38603
  "light-tritanopia-high-contrast": "#b62324"
38604
38604
  },
38605
38605
  "org.primer.llm": {
@@ -38631,7 +38631,7 @@
38631
38631
  "dark-high-contrast": "{base.color.red.3}",
38632
38632
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38633
38633
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38634
- "light-high-contrast": "{base.color.red.6}",
38634
+ "light-high-contrast": "#960d1e",
38635
38635
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38636
38636
  },
38637
38637
  "org.primer.llm": {
@@ -38797,7 +38797,7 @@
38797
38797
  "dark-dimmed-high-contrast": "#e2c5ff",
38798
38798
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38799
38799
  "dark-tritanopia-high-contrast": "#D3ABFF",
38800
- "light-high-contrast": "#6e40c9",
38800
+ "light-high-contrast": "#5e2bb4",
38801
38801
  "light-protanopia-deuteranopia-high-contrast": "#6e40c9",
38802
38802
  "light-tritanopia-high-contrast": "#6e40c9"
38803
38803
  },
@@ -38827,7 +38827,7 @@
38827
38827
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38828
38828
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38829
38829
  "dark-tritanopia-high-contrast": "#D3ABFF",
38830
- "light-high-contrast": "{base.color.purple.6}",
38830
+ "light-high-contrast": "#5e2bb4",
38831
38831
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38832
38832
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38833
38833
  },
@@ -39363,7 +39363,7 @@
39363
39363
  "dark": "#3fb950",
39364
39364
  "dark-high-contrast": "#2BD853",
39365
39365
  "dark-dimmed-high-contrast": "#aff5b4",
39366
- "light-high-contrast": "#196c2e",
39366
+ "light-high-contrast": "#04591f",
39367
39367
  "dark-protanopia-deuteranopia": "#58a6ff",
39368
39368
  "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff",
39369
39369
  "light-protanopia-deuteranopia": "#1f6feb",
@@ -39397,7 +39397,7 @@
39397
39397
  "dark": "{base.color.green.3}",
39398
39398
  "dark-high-contrast": "#2BD853",
39399
39399
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39400
- "light-high-contrast": "{base.color.green.6}",
39400
+ "light-high-contrast": "#04591f",
39401
39401
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39402
39402
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39403
39403
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49174,176 +49174,6 @@
49174
49174
  "type": "shadow",
49175
49175
  "description": "Large floating shadow for modals and dialogs"
49176
49176
  },
49177
- "shadow-floating-legacy": {
49178
- "key": "{shadow.floating.legacy}",
49179
- "$extensions": {
49180
- "org.primer.figma": {},
49181
- "org.primer.overrides": {
49182
- "dark": {
49183
- "$value": [
49184
- {
49185
- "color": "#010409",
49186
- "alpha": 0.4,
49187
- "offsetX": {
49188
- "value": 0,
49189
- "unit": "px"
49190
- },
49191
- "offsetY": {
49192
- "value": 6,
49193
- "unit": "px"
49194
- },
49195
- "blur": {
49196
- "value": 12,
49197
- "unit": "px"
49198
- },
49199
- "spread": {
49200
- "value": -3,
49201
- "unit": "px"
49202
- }
49203
- },
49204
- {
49205
- "color": "#010409",
49206
- "alpha": 0.4,
49207
- "offsetX": {
49208
- "value": 0,
49209
- "unit": "px"
49210
- },
49211
- "offsetY": {
49212
- "value": 6,
49213
- "unit": "px"
49214
- },
49215
- "blur": {
49216
- "value": 18,
49217
- "unit": "px"
49218
- },
49219
- "spread": {
49220
- "value": 0,
49221
- "unit": "px"
49222
- }
49223
- }
49224
- ],
49225
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49226
- "isSource": true,
49227
- "$type": "shadow"
49228
- }
49229
- },
49230
- "org.primer.llm": {
49231
- "usage": ["legacy-component", "backward-compatibility"],
49232
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49233
- }
49234
- },
49235
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49236
- "isSource": true,
49237
- "original": {
49238
- "$value": [
49239
- {
49240
- "color": "{base.color.neutral.0}",
49241
- "alpha": 0.4,
49242
- "offsetX": {
49243
- "value": 0,
49244
- "unit": "px"
49245
- },
49246
- "offsetY": {
49247
- "value": 6,
49248
- "unit": "px"
49249
- },
49250
- "blur": {
49251
- "value": 12,
49252
- "unit": "px"
49253
- },
49254
- "spread": {
49255
- "value": -3,
49256
- "unit": "px"
49257
- }
49258
- },
49259
- {
49260
- "color": "{base.color.neutral.0}",
49261
- "alpha": 0.4,
49262
- "offsetX": {
49263
- "value": 0,
49264
- "unit": "px"
49265
- },
49266
- "offsetY": {
49267
- "value": 6,
49268
- "unit": "px"
49269
- },
49270
- "blur": {
49271
- "value": 18,
49272
- "unit": "px"
49273
- },
49274
- "spread": {
49275
- "value": 0,
49276
- "unit": "px"
49277
- }
49278
- }
49279
- ],
49280
- "$type": "shadow",
49281
- "$description": "Legacy floating shadow for backward compatibility",
49282
- "$extensions": {
49283
- "org.primer.figma": {},
49284
- "org.primer.overrides": {
49285
- "dark": {
49286
- "$value": [
49287
- {
49288
- "color": "{base.color.neutral.0}",
49289
- "alpha": 0.4,
49290
- "offsetX": {
49291
- "value": 0,
49292
- "unit": "px"
49293
- },
49294
- "offsetY": {
49295
- "value": 6,
49296
- "unit": "px"
49297
- },
49298
- "blur": {
49299
- "value": 12,
49300
- "unit": "px"
49301
- },
49302
- "spread": {
49303
- "value": -3,
49304
- "unit": "px"
49305
- }
49306
- },
49307
- {
49308
- "color": "{base.color.neutral.0}",
49309
- "alpha": 0.4,
49310
- "offsetX": {
49311
- "value": 0,
49312
- "unit": "px"
49313
- },
49314
- "offsetY": {
49315
- "value": 6,
49316
- "unit": "px"
49317
- },
49318
- "blur": {
49319
- "value": 18,
49320
- "unit": "px"
49321
- },
49322
- "spread": {
49323
- "value": 0,
49324
- "unit": "px"
49325
- }
49326
- }
49327
- ],
49328
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49329
- "isSource": true,
49330
- "$type": "shadow"
49331
- }
49332
- },
49333
- "org.primer.llm": {
49334
- "usage": ["legacy-component", "backward-compatibility"],
49335
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49336
- }
49337
- },
49338
- "key": "{shadow.floating.legacy}"
49339
- },
49340
- "name": "shadow-floating-legacy",
49341
- "attributes": {},
49342
- "path": ["shadow", "floating", "legacy"],
49343
- "value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
49344
- "type": "shadow",
49345
- "description": "Legacy floating shadow for backward compatibility"
49346
- },
49347
49177
  "shadow-floating-medium": {
49348
49178
  "key": "{shadow.floating.medium}",
49349
49179
  "$extensions": {
@@ -38571,7 +38571,7 @@
38571
38571
  "dark-high-contrast": "#ff7b72",
38572
38572
  "dark-dimmed-high-contrast": "#ffc1ba",
38573
38573
  "dark-tritanopia-high-contrast": "#ff7b72",
38574
- "light-high-contrast": "#b62324",
38574
+ "light-high-contrast": "#960d1e",
38575
38575
  "light-tritanopia-high-contrast": "#b62324"
38576
38576
  },
38577
38577
  "org.primer.llm": {
@@ -38603,7 +38603,7 @@
38603
38603
  "dark-high-contrast": "{base.color.red.3}",
38604
38604
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38605
38605
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38606
- "light-high-contrast": "{base.color.red.6}",
38606
+ "light-high-contrast": "#960d1e",
38607
38607
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38608
38608
  },
38609
38609
  "org.primer.llm": {
@@ -38769,7 +38769,7 @@
38769
38769
  "dark-dimmed-high-contrast": "#e2c5ff",
38770
38770
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38771
38771
  "dark-tritanopia-high-contrast": "#D3ABFF",
38772
- "light-high-contrast": "#6e40c9",
38772
+ "light-high-contrast": "#5e2bb4",
38773
38773
  "light-protanopia-deuteranopia-high-contrast": "#6e40c9",
38774
38774
  "light-tritanopia-high-contrast": "#6e40c9"
38775
38775
  },
@@ -38799,7 +38799,7 @@
38799
38799
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38800
38800
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38801
38801
  "dark-tritanopia-high-contrast": "#D3ABFF",
38802
- "light-high-contrast": "{base.color.purple.6}",
38802
+ "light-high-contrast": "#5e2bb4",
38803
38803
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38804
38804
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38805
38805
  },
@@ -39335,7 +39335,7 @@
39335
39335
  "dark": "#3fb950",
39336
39336
  "dark-high-contrast": "#2BD853",
39337
39337
  "dark-dimmed-high-contrast": "#aff5b4",
39338
- "light-high-contrast": "#196c2e",
39338
+ "light-high-contrast": "#04591f",
39339
39339
  "dark-protanopia-deuteranopia": "#58a6ff",
39340
39340
  "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff",
39341
39341
  "light-protanopia-deuteranopia": "#1f6feb",
@@ -39369,7 +39369,7 @@
39369
39369
  "dark": "{base.color.green.3}",
39370
39370
  "dark-high-contrast": "#2BD853",
39371
39371
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39372
- "light-high-contrast": "{base.color.green.6}",
39372
+ "light-high-contrast": "#04591f",
39373
39373
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39374
39374
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39375
39375
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49146,176 +49146,6 @@
49146
49146
  "type": "shadow",
49147
49147
  "description": "Large floating shadow for modals and dialogs"
49148
49148
  },
49149
- "shadow-floating-legacy": {
49150
- "key": "{shadow.floating.legacy}",
49151
- "$extensions": {
49152
- "org.primer.figma": {},
49153
- "org.primer.overrides": {
49154
- "dark": {
49155
- "$value": [
49156
- {
49157
- "color": "#010409",
49158
- "alpha": 0.4,
49159
- "offsetX": {
49160
- "value": 0,
49161
- "unit": "px"
49162
- },
49163
- "offsetY": {
49164
- "value": 6,
49165
- "unit": "px"
49166
- },
49167
- "blur": {
49168
- "value": 12,
49169
- "unit": "px"
49170
- },
49171
- "spread": {
49172
- "value": -3,
49173
- "unit": "px"
49174
- }
49175
- },
49176
- {
49177
- "color": "#010409",
49178
- "alpha": 0.4,
49179
- "offsetX": {
49180
- "value": 0,
49181
- "unit": "px"
49182
- },
49183
- "offsetY": {
49184
- "value": 6,
49185
- "unit": "px"
49186
- },
49187
- "blur": {
49188
- "value": 18,
49189
- "unit": "px"
49190
- },
49191
- "spread": {
49192
- "value": 0,
49193
- "unit": "px"
49194
- }
49195
- }
49196
- ],
49197
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49198
- "isSource": true,
49199
- "$type": "shadow"
49200
- }
49201
- },
49202
- "org.primer.llm": {
49203
- "usage": ["legacy-component", "backward-compatibility"],
49204
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49205
- }
49206
- },
49207
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49208
- "isSource": true,
49209
- "original": {
49210
- "$value": [
49211
- {
49212
- "color": "{base.color.neutral.0}",
49213
- "alpha": 0.4,
49214
- "offsetX": {
49215
- "value": 0,
49216
- "unit": "px"
49217
- },
49218
- "offsetY": {
49219
- "value": 6,
49220
- "unit": "px"
49221
- },
49222
- "blur": {
49223
- "value": 12,
49224
- "unit": "px"
49225
- },
49226
- "spread": {
49227
- "value": -3,
49228
- "unit": "px"
49229
- }
49230
- },
49231
- {
49232
- "color": "{base.color.neutral.0}",
49233
- "alpha": 0.4,
49234
- "offsetX": {
49235
- "value": 0,
49236
- "unit": "px"
49237
- },
49238
- "offsetY": {
49239
- "value": 6,
49240
- "unit": "px"
49241
- },
49242
- "blur": {
49243
- "value": 18,
49244
- "unit": "px"
49245
- },
49246
- "spread": {
49247
- "value": 0,
49248
- "unit": "px"
49249
- }
49250
- }
49251
- ],
49252
- "$type": "shadow",
49253
- "$description": "Legacy floating shadow for backward compatibility",
49254
- "$extensions": {
49255
- "org.primer.figma": {},
49256
- "org.primer.overrides": {
49257
- "dark": {
49258
- "$value": [
49259
- {
49260
- "color": "{base.color.neutral.0}",
49261
- "alpha": 0.4,
49262
- "offsetX": {
49263
- "value": 0,
49264
- "unit": "px"
49265
- },
49266
- "offsetY": {
49267
- "value": 6,
49268
- "unit": "px"
49269
- },
49270
- "blur": {
49271
- "value": 12,
49272
- "unit": "px"
49273
- },
49274
- "spread": {
49275
- "value": -3,
49276
- "unit": "px"
49277
- }
49278
- },
49279
- {
49280
- "color": "{base.color.neutral.0}",
49281
- "alpha": 0.4,
49282
- "offsetX": {
49283
- "value": 0,
49284
- "unit": "px"
49285
- },
49286
- "offsetY": {
49287
- "value": 6,
49288
- "unit": "px"
49289
- },
49290
- "blur": {
49291
- "value": 18,
49292
- "unit": "px"
49293
- },
49294
- "spread": {
49295
- "value": 0,
49296
- "unit": "px"
49297
- }
49298
- }
49299
- ],
49300
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49301
- "isSource": true,
49302
- "$type": "shadow"
49303
- }
49304
- },
49305
- "org.primer.llm": {
49306
- "usage": ["legacy-component", "backward-compatibility"],
49307
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49308
- }
49309
- },
49310
- "key": "{shadow.floating.legacy}"
49311
- },
49312
- "name": "shadow-floating-legacy",
49313
- "attributes": {},
49314
- "path": ["shadow", "floating", "legacy"],
49315
- "value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
49316
- "type": "shadow",
49317
- "description": "Legacy floating shadow for backward compatibility"
49318
- },
49319
49149
  "shadow-floating-medium": {
49320
49150
  "key": "{shadow.floating.medium}",
49321
49151
  "$extensions": {