@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
@@ -38575,7 +38575,7 @@
38575
38575
  "dark-high-contrast": "#ee5a5d",
38576
38576
  "dark-dimmed-high-contrast": "#ffc1bc",
38577
38577
  "dark-tritanopia-high-contrast": "#ee5a5d",
38578
- "light-high-contrast": "#86061d",
38578
+ "light-high-contrast": "#960d1e",
38579
38579
  "light-tritanopia-high-contrast": "#86061d"
38580
38580
  },
38581
38581
  "org.primer.llm": {
@@ -38607,7 +38607,7 @@
38607
38607
  "dark-high-contrast": "{base.color.red.3}",
38608
38608
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38609
38609
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38610
- "light-high-contrast": "{base.color.red.6}",
38610
+ "light-high-contrast": "#960d1e",
38611
38611
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38612
38612
  },
38613
38613
  "org.primer.llm": {
@@ -38773,7 +38773,7 @@
38773
38773
  "dark-dimmed-high-contrast": "#e0c5ff",
38774
38774
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38775
38775
  "dark-tritanopia-high-contrast": "#D3ABFF",
38776
- "light-high-contrast": "#512598",
38776
+ "light-high-contrast": "#5e2bb4",
38777
38777
  "light-protanopia-deuteranopia-high-contrast": "#512598",
38778
38778
  "light-tritanopia-high-contrast": "#512598"
38779
38779
  },
@@ -38803,7 +38803,7 @@
38803
38803
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38804
38804
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38805
38805
  "dark-tritanopia-high-contrast": "#D3ABFF",
38806
- "light-high-contrast": "{base.color.purple.6}",
38806
+ "light-high-contrast": "#5e2bb4",
38807
38807
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38808
38808
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38809
38809
  },
@@ -39339,7 +39339,7 @@
39339
39339
  "dark": "#26a148",
39340
39340
  "dark-high-contrast": "#2BD853",
39341
39341
  "dark-dimmed-high-contrast": "#d2fedb",
39342
- "light-high-contrast": "#024c1a",
39342
+ "light-high-contrast": "#04591f",
39343
39343
  "dark-protanopia-deuteranopia": "#368cf9",
39344
39344
  "dark-protanopia-deuteranopia-high-contrast": "#9cd7ff",
39345
39345
  "light-protanopia-deuteranopia": "#0349b4",
@@ -39373,7 +39373,7 @@
39373
39373
  "dark": "{base.color.green.3}",
39374
39374
  "dark-high-contrast": "#2BD853",
39375
39375
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39376
- "light-high-contrast": "{base.color.green.6}",
39376
+ "light-high-contrast": "#04591f",
39377
39377
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39378
39378
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39379
39379
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49142,176 +49142,6 @@
49142
49142
  "type": "shadow",
49143
49143
  "description": "Large floating shadow for modals and dialogs"
49144
49144
  },
49145
- "shadow-floating-legacy": {
49146
- "key": "{shadow.floating.legacy}",
49147
- "$extensions": {
49148
- "org.primer.figma": {},
49149
- "org.primer.overrides": {
49150
- "dark": {
49151
- "$value": [
49152
- {
49153
- "color": "#ffffff",
49154
- "alpha": 0.4,
49155
- "offsetX": {
49156
- "value": 0,
49157
- "unit": "px"
49158
- },
49159
- "offsetY": {
49160
- "value": 6,
49161
- "unit": "px"
49162
- },
49163
- "blur": {
49164
- "value": 12,
49165
- "unit": "px"
49166
- },
49167
- "spread": {
49168
- "value": -3,
49169
- "unit": "px"
49170
- }
49171
- },
49172
- {
49173
- "color": "#ffffff",
49174
- "alpha": 0.4,
49175
- "offsetX": {
49176
- "value": 0,
49177
- "unit": "px"
49178
- },
49179
- "offsetY": {
49180
- "value": 6,
49181
- "unit": "px"
49182
- },
49183
- "blur": {
49184
- "value": 18,
49185
- "unit": "px"
49186
- },
49187
- "spread": {
49188
- "value": 0,
49189
- "unit": "px"
49190
- }
49191
- }
49192
- ],
49193
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49194
- "isSource": true,
49195
- "$type": "shadow"
49196
- }
49197
- },
49198
- "org.primer.llm": {
49199
- "usage": ["legacy-component", "backward-compatibility"],
49200
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49201
- }
49202
- },
49203
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49204
- "isSource": true,
49205
- "original": {
49206
- "$value": [
49207
- {
49208
- "color": "{base.color.neutral.12}",
49209
- "alpha": 0.04,
49210
- "offsetX": {
49211
- "value": 0,
49212
- "unit": "px"
49213
- },
49214
- "offsetY": {
49215
- "value": 6,
49216
- "unit": "px"
49217
- },
49218
- "blur": {
49219
- "value": 12,
49220
- "unit": "px"
49221
- },
49222
- "spread": {
49223
- "value": -3,
49224
- "unit": "px"
49225
- }
49226
- },
49227
- {
49228
- "color": "{base.color.neutral.12}",
49229
- "alpha": 0.12,
49230
- "offsetX": {
49231
- "value": 0,
49232
- "unit": "px"
49233
- },
49234
- "offsetY": {
49235
- "value": 6,
49236
- "unit": "px"
49237
- },
49238
- "blur": {
49239
- "value": 18,
49240
- "unit": "px"
49241
- },
49242
- "spread": {
49243
- "value": 0,
49244
- "unit": "px"
49245
- }
49246
- }
49247
- ],
49248
- "$type": "shadow",
49249
- "$description": "Legacy floating shadow for backward compatibility",
49250
- "$extensions": {
49251
- "org.primer.figma": {},
49252
- "org.primer.overrides": {
49253
- "dark": {
49254
- "$value": [
49255
- {
49256
- "color": "{base.color.neutral.0}",
49257
- "alpha": 0.4,
49258
- "offsetX": {
49259
- "value": 0,
49260
- "unit": "px"
49261
- },
49262
- "offsetY": {
49263
- "value": 6,
49264
- "unit": "px"
49265
- },
49266
- "blur": {
49267
- "value": 12,
49268
- "unit": "px"
49269
- },
49270
- "spread": {
49271
- "value": -3,
49272
- "unit": "px"
49273
- }
49274
- },
49275
- {
49276
- "color": "{base.color.neutral.0}",
49277
- "alpha": 0.4,
49278
- "offsetX": {
49279
- "value": 0,
49280
- "unit": "px"
49281
- },
49282
- "offsetY": {
49283
- "value": 6,
49284
- "unit": "px"
49285
- },
49286
- "blur": {
49287
- "value": 18,
49288
- "unit": "px"
49289
- },
49290
- "spread": {
49291
- "value": 0,
49292
- "unit": "px"
49293
- }
49294
- }
49295
- ],
49296
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49297
- "isSource": true,
49298
- "$type": "shadow"
49299
- }
49300
- },
49301
- "org.primer.llm": {
49302
- "usage": ["legacy-component", "backward-compatibility"],
49303
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49304
- }
49305
- },
49306
- "key": "{shadow.floating.legacy}"
49307
- },
49308
- "name": "shadow-floating-legacy",
49309
- "attributes": {},
49310
- "path": ["shadow", "floating", "legacy"],
49311
- "value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49312
- "type": "shadow",
49313
- "description": "Legacy floating shadow for backward compatibility"
49314
- },
49315
49145
  "shadow-floating-medium": {
49316
49146
  "key": "{shadow.floating.medium}",
49317
49147
  "$extensions": {
@@ -50397,7 +50227,7 @@
50397
50227
  "$value": [
50398
50228
  {
50399
50229
  "color": "{overlay.borderColor}",
50400
- "alpha": 0.5,
50230
+ "alpha": 0.25,
50401
50231
  "offsetX": {
50402
50232
  "value": 0,
50403
50233
  "unit": "px"
@@ -50542,7 +50372,7 @@
50542
50372
  "name": "shadow-floating-small",
50543
50373
  "attributes": {},
50544
50374
  "path": ["shadow", "floating", "small"],
50545
- "value": "0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50375
+ "value": "0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50546
50376
  "type": "shadow",
50547
50377
  "description": "Small floating shadow for dropdowns, tooltips, and small overlays"
50548
50378
  },
@@ -38565,7 +38565,7 @@
38565
38565
  "dark-high-contrast": "#ff8182",
38566
38566
  "dark-dimmed-high-contrast": "#ffcecb",
38567
38567
  "dark-tritanopia-high-contrast": "#ff8182",
38568
- "light-high-contrast": "#a40e26",
38568
+ "light-high-contrast": "#960d1e",
38569
38569
  "light-tritanopia-high-contrast": "#a40e26"
38570
38570
  },
38571
38571
  "org.primer.llm": {
@@ -38601,7 +38601,7 @@
38601
38601
  "dark-high-contrast": "{base.color.red.3}",
38602
38602
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38603
38603
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38604
- "light-high-contrast": "{base.color.red.6}",
38604
+ "light-high-contrast": "#960d1e",
38605
38605
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38606
38606
  },
38607
38607
  "org.primer.llm": {
@@ -38767,7 +38767,7 @@
38767
38767
  "dark-dimmed-high-contrast": "#ecd8ff",
38768
38768
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38769
38769
  "dark-tritanopia-high-contrast": "#D3ABFF",
38770
- "light-high-contrast": "#6639ba",
38770
+ "light-high-contrast": "#5e2bb4",
38771
38771
  "light-protanopia-deuteranopia-high-contrast": "#6639ba",
38772
38772
  "light-tritanopia-high-contrast": "#6639ba"
38773
38773
  },
@@ -38797,7 +38797,7 @@
38797
38797
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38798
38798
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38799
38799
  "dark-tritanopia-high-contrast": "#D3ABFF",
38800
- "light-high-contrast": "{base.color.purple.6}",
38800
+ "light-high-contrast": "#5e2bb4",
38801
38801
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38802
38802
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38803
38803
  },
@@ -39333,7 +39333,7 @@
39333
39333
  "dark": "#4ac26b",
39334
39334
  "dark-high-contrast": "#2BD853",
39335
39335
  "dark-dimmed-high-contrast": "#dafbe1",
39336
- "light-high-contrast": "#116329",
39336
+ "light-high-contrast": "#04591f",
39337
39337
  "dark-protanopia-deuteranopia": "#54aeff",
39338
39338
  "dark-protanopia-deuteranopia-high-contrast": "#b6e3ff",
39339
39339
  "light-protanopia-deuteranopia": "#0969da",
@@ -39367,7 +39367,7 @@
39367
39367
  "dark": "{base.color.green.3}",
39368
39368
  "dark-high-contrast": "#2BD853",
39369
39369
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39370
- "light-high-contrast": "{base.color.green.6}",
39370
+ "light-high-contrast": "#04591f",
39371
39371
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39372
39372
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39373
39373
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49136,176 +49136,6 @@
49136
49136
  "type": "shadow",
49137
49137
  "description": "Large floating shadow for modals and dialogs"
49138
49138
  },
49139
- "shadow-floating-legacy": {
49140
- "key": "{shadow.floating.legacy}",
49141
- "$extensions": {
49142
- "org.primer.figma": {},
49143
- "org.primer.overrides": {
49144
- "dark": {
49145
- "$value": [
49146
- {
49147
- "color": "#ffffff",
49148
- "alpha": 0.4,
49149
- "offsetX": {
49150
- "value": 0,
49151
- "unit": "px"
49152
- },
49153
- "offsetY": {
49154
- "value": 6,
49155
- "unit": "px"
49156
- },
49157
- "blur": {
49158
- "value": 12,
49159
- "unit": "px"
49160
- },
49161
- "spread": {
49162
- "value": -3,
49163
- "unit": "px"
49164
- }
49165
- },
49166
- {
49167
- "color": "#ffffff",
49168
- "alpha": 0.4,
49169
- "offsetX": {
49170
- "value": 0,
49171
- "unit": "px"
49172
- },
49173
- "offsetY": {
49174
- "value": 6,
49175
- "unit": "px"
49176
- },
49177
- "blur": {
49178
- "value": 18,
49179
- "unit": "px"
49180
- },
49181
- "spread": {
49182
- "value": 0,
49183
- "unit": "px"
49184
- }
49185
- }
49186
- ],
49187
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49188
- "isSource": true,
49189
- "$type": "shadow"
49190
- }
49191
- },
49192
- "org.primer.llm": {
49193
- "usage": ["legacy-component", "backward-compatibility"],
49194
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49195
- }
49196
- },
49197
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49198
- "isSource": true,
49199
- "original": {
49200
- "$value": [
49201
- {
49202
- "color": "{base.color.neutral.12}",
49203
- "alpha": 0.04,
49204
- "offsetX": {
49205
- "value": 0,
49206
- "unit": "px"
49207
- },
49208
- "offsetY": {
49209
- "value": 6,
49210
- "unit": "px"
49211
- },
49212
- "blur": {
49213
- "value": 12,
49214
- "unit": "px"
49215
- },
49216
- "spread": {
49217
- "value": -3,
49218
- "unit": "px"
49219
- }
49220
- },
49221
- {
49222
- "color": "{base.color.neutral.12}",
49223
- "alpha": 0.12,
49224
- "offsetX": {
49225
- "value": 0,
49226
- "unit": "px"
49227
- },
49228
- "offsetY": {
49229
- "value": 6,
49230
- "unit": "px"
49231
- },
49232
- "blur": {
49233
- "value": 18,
49234
- "unit": "px"
49235
- },
49236
- "spread": {
49237
- "value": 0,
49238
- "unit": "px"
49239
- }
49240
- }
49241
- ],
49242
- "$type": "shadow",
49243
- "$description": "Legacy floating shadow for backward compatibility",
49244
- "$extensions": {
49245
- "org.primer.figma": {},
49246
- "org.primer.overrides": {
49247
- "dark": {
49248
- "$value": [
49249
- {
49250
- "color": "{base.color.neutral.0}",
49251
- "alpha": 0.4,
49252
- "offsetX": {
49253
- "value": 0,
49254
- "unit": "px"
49255
- },
49256
- "offsetY": {
49257
- "value": 6,
49258
- "unit": "px"
49259
- },
49260
- "blur": {
49261
- "value": 12,
49262
- "unit": "px"
49263
- },
49264
- "spread": {
49265
- "value": -3,
49266
- "unit": "px"
49267
- }
49268
- },
49269
- {
49270
- "color": "{base.color.neutral.0}",
49271
- "alpha": 0.4,
49272
- "offsetX": {
49273
- "value": 0,
49274
- "unit": "px"
49275
- },
49276
- "offsetY": {
49277
- "value": 6,
49278
- "unit": "px"
49279
- },
49280
- "blur": {
49281
- "value": 18,
49282
- "unit": "px"
49283
- },
49284
- "spread": {
49285
- "value": 0,
49286
- "unit": "px"
49287
- }
49288
- }
49289
- ],
49290
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49291
- "isSource": true,
49292
- "$type": "shadow"
49293
- }
49294
- },
49295
- "org.primer.llm": {
49296
- "usage": ["legacy-component", "backward-compatibility"],
49297
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49298
- }
49299
- },
49300
- "key": "{shadow.floating.legacy}"
49301
- },
49302
- "name": "shadow-floating-legacy",
49303
- "attributes": {},
49304
- "path": ["shadow", "floating", "legacy"],
49305
- "value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49306
- "type": "shadow",
49307
- "description": "Legacy floating shadow for backward compatibility"
49308
- },
49309
49139
  "shadow-floating-medium": {
49310
49140
  "key": "{shadow.floating.medium}",
49311
49141
  "$extensions": {
@@ -50391,7 +50221,7 @@
50391
50221
  "$value": [
50392
50222
  {
50393
50223
  "color": "{overlay.borderColor}",
50394
- "alpha": 0.5,
50224
+ "alpha": 0.25,
50395
50225
  "offsetX": {
50396
50226
  "value": 0,
50397
50227
  "unit": "px"
@@ -50536,7 +50366,7 @@
50536
50366
  "name": "shadow-floating-small",
50537
50367
  "attributes": {},
50538
50368
  "path": ["shadow", "floating", "small"],
50539
- "value": "0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50369
+ "value": "0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50540
50370
  "type": "shadow",
50541
50371
  "description": "Small floating shadow for dropdowns, tooltips, and small overlays"
50542
50372
  },