@primer/primitives 11.6.0 → 11.6.1-rc.0b7e3805

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 (63) 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 +2 -4
  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 +0 -170
  17. package/dist/docs/functional/themes/dark-colorblind.json +0 -170
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +0 -170
  19. package/dist/docs/functional/themes/dark-dimmed.json +0 -170
  20. package/dist/docs/functional/themes/dark-high-contrast.json +0 -170
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +0 -170
  22. package/dist/docs/functional/themes/dark-tritanopia.json +0 -170
  23. package/dist/docs/functional/themes/dark.json +0 -170
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2 -172
  25. package/dist/docs/functional/themes/light-colorblind.json +2 -172
  26. package/dist/docs/functional/themes/light-high-contrast.json +2 -172
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2 -172
  28. package/dist/docs/functional/themes/light-tritanopia.json +2 -172
  29. package/dist/docs/functional/themes/light.json +2 -172
  30. package/dist/figma/themes/light-colorblind.json +1 -1
  31. package/dist/figma/themes/light-high-contrast.json +1 -1
  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 +2 -4
  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 +0 -170
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +0 -170
  50. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +0 -170
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +0 -170
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +0 -170
  53. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +0 -170
  54. package/dist/styleLint/functional/themes/dark-tritanopia.json +0 -170
  55. package/dist/styleLint/functional/themes/dark.json +0 -170
  56. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2 -172
  57. package/dist/styleLint/functional/themes/light-colorblind.json +2 -172
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +2 -172
  59. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2 -172
  60. package/dist/styleLint/functional/themes/light-tritanopia.json +2 -172
  61. package/dist/styleLint/functional/themes/light.json +2 -172
  62. package/package.json +2 -2
  63. package/src/tokens/functional/shadow/shadow.json5 +1 -100
@@ -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 #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50369
+ "value": "0 0 0 1px #454c5440, 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
  },
@@ -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
  },
@@ -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
  },