@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
@@ -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": {
@@ -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
  },
@@ -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
  },