@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
@@ -38571,7 +38571,7 @@
38571
38571
  "dark-high-contrast": "#ee5a5d",
38572
38572
  "dark-dimmed-high-contrast": "#ffc1bc",
38573
38573
  "dark-tritanopia-high-contrast": "#ee5a5d",
38574
- "light-high-contrast": "#86061d",
38574
+ "light-high-contrast": "#960d1e",
38575
38575
  "light-tritanopia-high-contrast": "#86061d"
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": "#e0c5ff",
38770
38770
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38771
38771
  "dark-tritanopia-high-contrast": "#D3ABFF",
38772
- "light-high-contrast": "#512598",
38772
+ "light-high-contrast": "#5e2bb4",
38773
38773
  "light-protanopia-deuteranopia-high-contrast": "#512598",
38774
38774
  "light-tritanopia-high-contrast": "#512598"
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": "#26a148",
39336
39336
  "dark-high-contrast": "#2BD853",
39337
39337
  "dark-dimmed-high-contrast": "#d2fedb",
39338
- "light-high-contrast": "#024c1a",
39338
+ "light-high-contrast": "#04591f",
39339
39339
  "dark-protanopia-deuteranopia": "#368cf9",
39340
39340
  "dark-protanopia-deuteranopia-high-contrast": "#9cd7ff",
39341
39341
  "light-protanopia-deuteranopia": "#0349b4",
@@ -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}",
@@ -49138,176 +49138,6 @@
49138
49138
  "type": "shadow",
49139
49139
  "description": "Large floating shadow for modals and dialogs"
49140
49140
  },
49141
- "shadow-floating-legacy": {
49142
- "key": "{shadow.floating.legacy}",
49143
- "$extensions": {
49144
- "org.primer.figma": {},
49145
- "org.primer.overrides": {
49146
- "dark": {
49147
- "$value": [
49148
- {
49149
- "color": "#ffffff",
49150
- "alpha": 0.4,
49151
- "offsetX": {
49152
- "value": 0,
49153
- "unit": "px"
49154
- },
49155
- "offsetY": {
49156
- "value": 6,
49157
- "unit": "px"
49158
- },
49159
- "blur": {
49160
- "value": 12,
49161
- "unit": "px"
49162
- },
49163
- "spread": {
49164
- "value": -3,
49165
- "unit": "px"
49166
- }
49167
- },
49168
- {
49169
- "color": "#ffffff",
49170
- "alpha": 0.4,
49171
- "offsetX": {
49172
- "value": 0,
49173
- "unit": "px"
49174
- },
49175
- "offsetY": {
49176
- "value": 6,
49177
- "unit": "px"
49178
- },
49179
- "blur": {
49180
- "value": 18,
49181
- "unit": "px"
49182
- },
49183
- "spread": {
49184
- "value": 0,
49185
- "unit": "px"
49186
- }
49187
- }
49188
- ],
49189
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49190
- "isSource": true,
49191
- "$type": "shadow"
49192
- }
49193
- },
49194
- "org.primer.llm": {
49195
- "usage": ["legacy-component", "backward-compatibility"],
49196
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49197
- }
49198
- },
49199
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49200
- "isSource": true,
49201
- "original": {
49202
- "$value": [
49203
- {
49204
- "color": "{base.color.neutral.12}",
49205
- "alpha": 0.04,
49206
- "offsetX": {
49207
- "value": 0,
49208
- "unit": "px"
49209
- },
49210
- "offsetY": {
49211
- "value": 6,
49212
- "unit": "px"
49213
- },
49214
- "blur": {
49215
- "value": 12,
49216
- "unit": "px"
49217
- },
49218
- "spread": {
49219
- "value": -3,
49220
- "unit": "px"
49221
- }
49222
- },
49223
- {
49224
- "color": "{base.color.neutral.12}",
49225
- "alpha": 0.12,
49226
- "offsetX": {
49227
- "value": 0,
49228
- "unit": "px"
49229
- },
49230
- "offsetY": {
49231
- "value": 6,
49232
- "unit": "px"
49233
- },
49234
- "blur": {
49235
- "value": 18,
49236
- "unit": "px"
49237
- },
49238
- "spread": {
49239
- "value": 0,
49240
- "unit": "px"
49241
- }
49242
- }
49243
- ],
49244
- "$type": "shadow",
49245
- "$description": "Legacy floating shadow for backward compatibility",
49246
- "$extensions": {
49247
- "org.primer.figma": {},
49248
- "org.primer.overrides": {
49249
- "dark": {
49250
- "$value": [
49251
- {
49252
- "color": "{base.color.neutral.0}",
49253
- "alpha": 0.4,
49254
- "offsetX": {
49255
- "value": 0,
49256
- "unit": "px"
49257
- },
49258
- "offsetY": {
49259
- "value": 6,
49260
- "unit": "px"
49261
- },
49262
- "blur": {
49263
- "value": 12,
49264
- "unit": "px"
49265
- },
49266
- "spread": {
49267
- "value": -3,
49268
- "unit": "px"
49269
- }
49270
- },
49271
- {
49272
- "color": "{base.color.neutral.0}",
49273
- "alpha": 0.4,
49274
- "offsetX": {
49275
- "value": 0,
49276
- "unit": "px"
49277
- },
49278
- "offsetY": {
49279
- "value": 6,
49280
- "unit": "px"
49281
- },
49282
- "blur": {
49283
- "value": 18,
49284
- "unit": "px"
49285
- },
49286
- "spread": {
49287
- "value": 0,
49288
- "unit": "px"
49289
- }
49290
- }
49291
- ],
49292
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49293
- "isSource": true,
49294
- "$type": "shadow"
49295
- }
49296
- },
49297
- "org.primer.llm": {
49298
- "usage": ["legacy-component", "backward-compatibility"],
49299
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49300
- }
49301
- },
49302
- "key": "{shadow.floating.legacy}"
49303
- },
49304
- "name": "shadow-floating-legacy",
49305
- "attributes": {},
49306
- "path": ["shadow", "floating", "legacy"],
49307
- "value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49308
- "type": "shadow",
49309
- "description": "Legacy floating shadow for backward compatibility"
49310
- },
49311
49141
  "shadow-floating-medium": {
49312
49142
  "key": "{shadow.floating.medium}",
49313
49143
  "$extensions": {
@@ -50393,7 +50223,7 @@
50393
50223
  "$value": [
50394
50224
  {
50395
50225
  "color": "{overlay.borderColor}",
50396
- "alpha": 0.5,
50226
+ "alpha": 0.25,
50397
50227
  "offsetX": {
50398
50228
  "value": 0,
50399
50229
  "unit": "px"
@@ -50538,7 +50368,7 @@
50538
50368
  "name": "shadow-floating-small",
50539
50369
  "attributes": {},
50540
50370
  "path": ["shadow", "floating", "small"],
50541
- "value": "0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50371
+ "value": "0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50542
50372
  "type": "shadow",
50543
50373
  "description": "Small floating shadow for dropdowns, tooltips, and small overlays"
50544
50374
  },
@@ -38561,7 +38561,7 @@
38561
38561
  "dark-high-contrast": "#ff8182",
38562
38562
  "dark-dimmed-high-contrast": "#ffcecb",
38563
38563
  "dark-tritanopia-high-contrast": "#ff8182",
38564
- "light-high-contrast": "#a40e26",
38564
+ "light-high-contrast": "#960d1e",
38565
38565
  "light-tritanopia-high-contrast": "#a40e26"
38566
38566
  },
38567
38567
  "org.primer.llm": {
@@ -38593,7 +38593,7 @@
38593
38593
  "dark-high-contrast": "{base.color.red.3}",
38594
38594
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38595
38595
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38596
- "light-high-contrast": "{base.color.red.6}",
38596
+ "light-high-contrast": "#960d1e",
38597
38597
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38598
38598
  },
38599
38599
  "org.primer.llm": {
@@ -38759,7 +38759,7 @@
38759
38759
  "dark-dimmed-high-contrast": "#ecd8ff",
38760
38760
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38761
38761
  "dark-tritanopia-high-contrast": "#D3ABFF",
38762
- "light-high-contrast": "#6639ba",
38762
+ "light-high-contrast": "#5e2bb4",
38763
38763
  "light-protanopia-deuteranopia-high-contrast": "#6639ba",
38764
38764
  "light-tritanopia-high-contrast": "#6639ba"
38765
38765
  },
@@ -38789,7 +38789,7 @@
38789
38789
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38790
38790
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38791
38791
  "dark-tritanopia-high-contrast": "#D3ABFF",
38792
- "light-high-contrast": "{base.color.purple.6}",
38792
+ "light-high-contrast": "#5e2bb4",
38793
38793
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38794
38794
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38795
38795
  },
@@ -39325,7 +39325,7 @@
39325
39325
  "dark": "#4ac26b",
39326
39326
  "dark-high-contrast": "#2BD853",
39327
39327
  "dark-dimmed-high-contrast": "#dafbe1",
39328
- "light-high-contrast": "#116329",
39328
+ "light-high-contrast": "#04591f",
39329
39329
  "dark-protanopia-deuteranopia": "#54aeff",
39330
39330
  "dark-protanopia-deuteranopia-high-contrast": "#b6e3ff",
39331
39331
  "light-protanopia-deuteranopia": "#0969da",
@@ -39359,7 +39359,7 @@
39359
39359
  "dark": "{base.color.green.3}",
39360
39360
  "dark-high-contrast": "#2BD853",
39361
39361
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39362
- "light-high-contrast": "{base.color.green.6}",
39362
+ "light-high-contrast": "#04591f",
39363
39363
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39364
39364
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39365
39365
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49128,176 +49128,6 @@
49128
49128
  "type": "shadow",
49129
49129
  "description": "Large floating shadow for modals and dialogs"
49130
49130
  },
49131
- "shadow-floating-legacy": {
49132
- "key": "{shadow.floating.legacy}",
49133
- "$extensions": {
49134
- "org.primer.figma": {},
49135
- "org.primer.overrides": {
49136
- "dark": {
49137
- "$value": [
49138
- {
49139
- "color": "#ffffff",
49140
- "alpha": 0.4,
49141
- "offsetX": {
49142
- "value": 0,
49143
- "unit": "px"
49144
- },
49145
- "offsetY": {
49146
- "value": 6,
49147
- "unit": "px"
49148
- },
49149
- "blur": {
49150
- "value": 12,
49151
- "unit": "px"
49152
- },
49153
- "spread": {
49154
- "value": -3,
49155
- "unit": "px"
49156
- }
49157
- },
49158
- {
49159
- "color": "#ffffff",
49160
- "alpha": 0.4,
49161
- "offsetX": {
49162
- "value": 0,
49163
- "unit": "px"
49164
- },
49165
- "offsetY": {
49166
- "value": 6,
49167
- "unit": "px"
49168
- },
49169
- "blur": {
49170
- "value": 18,
49171
- "unit": "px"
49172
- },
49173
- "spread": {
49174
- "value": 0,
49175
- "unit": "px"
49176
- }
49177
- }
49178
- ],
49179
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49180
- "isSource": true,
49181
- "$type": "shadow"
49182
- }
49183
- },
49184
- "org.primer.llm": {
49185
- "usage": ["legacy-component", "backward-compatibility"],
49186
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49187
- }
49188
- },
49189
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49190
- "isSource": true,
49191
- "original": {
49192
- "$value": [
49193
- {
49194
- "color": "{base.color.neutral.12}",
49195
- "alpha": 0.04,
49196
- "offsetX": {
49197
- "value": 0,
49198
- "unit": "px"
49199
- },
49200
- "offsetY": {
49201
- "value": 6,
49202
- "unit": "px"
49203
- },
49204
- "blur": {
49205
- "value": 12,
49206
- "unit": "px"
49207
- },
49208
- "spread": {
49209
- "value": -3,
49210
- "unit": "px"
49211
- }
49212
- },
49213
- {
49214
- "color": "{base.color.neutral.12}",
49215
- "alpha": 0.12,
49216
- "offsetX": {
49217
- "value": 0,
49218
- "unit": "px"
49219
- },
49220
- "offsetY": {
49221
- "value": 6,
49222
- "unit": "px"
49223
- },
49224
- "blur": {
49225
- "value": 18,
49226
- "unit": "px"
49227
- },
49228
- "spread": {
49229
- "value": 0,
49230
- "unit": "px"
49231
- }
49232
- }
49233
- ],
49234
- "$type": "shadow",
49235
- "$description": "Legacy floating shadow for backward compatibility",
49236
- "$extensions": {
49237
- "org.primer.figma": {},
49238
- "org.primer.overrides": {
49239
- "dark": {
49240
- "$value": [
49241
- {
49242
- "color": "{base.color.neutral.0}",
49243
- "alpha": 0.4,
49244
- "offsetX": {
49245
- "value": 0,
49246
- "unit": "px"
49247
- },
49248
- "offsetY": {
49249
- "value": 6,
49250
- "unit": "px"
49251
- },
49252
- "blur": {
49253
- "value": 12,
49254
- "unit": "px"
49255
- },
49256
- "spread": {
49257
- "value": -3,
49258
- "unit": "px"
49259
- }
49260
- },
49261
- {
49262
- "color": "{base.color.neutral.0}",
49263
- "alpha": 0.4,
49264
- "offsetX": {
49265
- "value": 0,
49266
- "unit": "px"
49267
- },
49268
- "offsetY": {
49269
- "value": 6,
49270
- "unit": "px"
49271
- },
49272
- "blur": {
49273
- "value": 18,
49274
- "unit": "px"
49275
- },
49276
- "spread": {
49277
- "value": 0,
49278
- "unit": "px"
49279
- }
49280
- }
49281
- ],
49282
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49283
- "isSource": true,
49284
- "$type": "shadow"
49285
- }
49286
- },
49287
- "org.primer.llm": {
49288
- "usage": ["legacy-component", "backward-compatibility"],
49289
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49290
- }
49291
- },
49292
- "key": "{shadow.floating.legacy}"
49293
- },
49294
- "name": "shadow-floating-legacy",
49295
- "attributes": {},
49296
- "path": ["shadow", "floating", "legacy"],
49297
- "value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49298
- "type": "shadow",
49299
- "description": "Legacy floating shadow for backward compatibility"
49300
- },
49301
49131
  "shadow-floating-medium": {
49302
49132
  "key": "{shadow.floating.medium}",
49303
49133
  "$extensions": {
@@ -50383,7 +50213,7 @@
50383
50213
  "$value": [
50384
50214
  {
50385
50215
  "color": "{overlay.borderColor}",
50386
- "alpha": 0.5,
50216
+ "alpha": 0.25,
50387
50217
  "offsetX": {
50388
50218
  "value": 0,
50389
50219
  "unit": "px"
@@ -50528,7 +50358,7 @@
50528
50358
  "name": "shadow-floating-small",
50529
50359
  "attributes": {},
50530
50360
  "path": ["shadow", "floating", "small"],
50531
- "value": "0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50361
+ "value": "0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50532
50362
  "type": "shadow",
50533
50363
  "description": "Small floating shadow for dropdowns, tooltips, and small overlays"
50534
50364
  },