@primer/primitives 11.4.0 → 11.4.1-rc.14fb4bb1
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.
- package/DESIGN_TOKENS_GUIDE.md +185 -0
- package/DESIGN_TOKENS_SPEC.md +565 -0
- package/dist/build/formats/jsonFigma.js +8 -1
- package/dist/build/formats/markdownLlmGuidelines.d.ts +7 -6
- package/dist/build/formats/markdownLlmGuidelines.js +1034 -60
- package/dist/build/schemas/borderToken.d.ts +61 -5
- package/dist/build/schemas/borderToken.js +2 -1
- package/dist/build/schemas/colorToken.d.ts +639 -30
- package/dist/build/schemas/colorToken.js +3 -2
- package/dist/build/schemas/colorW3cValue.d.ts +28 -0
- package/dist/build/schemas/colorW3cValue.js +42 -0
- package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
- package/dist/build/schemas/dimensionToken.d.ts +9 -2
- package/dist/build/schemas/dimensionValue.d.ts +12 -1
- package/dist/build/schemas/dimensionValue.js +10 -13
- package/dist/build/schemas/durationToken.d.ts +8 -2
- package/dist/build/schemas/durationValue.d.ts +11 -1
- package/dist/build/schemas/durationValue.js +13 -3
- package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
- package/dist/build/schemas/fontWeightToken.d.ts +1 -1
- package/dist/build/schemas/gradientToken.d.ts +23 -2
- package/dist/build/schemas/gradientToken.js +2 -1
- package/dist/build/schemas/numberToken.d.ts +1 -1
- package/dist/build/schemas/shadowToken.d.ts +1751 -127
- package/dist/build/schemas/shadowToken.js +8 -2
- package/dist/build/schemas/stringToken.d.ts +1 -1
- package/dist/build/schemas/stringToken.js +1 -1
- package/dist/build/schemas/tokenType.d.ts +1 -1
- package/dist/build/schemas/transitionToken.d.ts +15 -3
- package/dist/build/schemas/typographyToken.d.ts +19 -5
- package/dist/build/schemas/typographyToken.js +1 -1
- package/dist/build/schemas/validTokenType.d.ts +1 -1
- package/dist/build/schemas/validTokenType.js +1 -1
- package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
- package/dist/build/transformers/borderToCss.js +19 -1
- package/dist/build/transformers/colorAlphaToCss.js +6 -3
- package/dist/build/transformers/colorToHex.js +5 -2
- package/dist/build/transformers/colorToRgbAlpha.js +5 -2
- package/dist/build/transformers/colorToRgbaFloat.js +5 -0
- package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
- package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
- package/dist/build/transformers/dimensionToRem.d.ts +2 -1
- package/dist/build/transformers/dimensionToRem.js +21 -22
- package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
- package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
- package/dist/build/transformers/durationToCss.d.ts +2 -1
- package/dist/build/transformers/durationToCss.js +18 -11
- package/dist/build/transformers/gradientToCss.js +2 -1
- package/dist/build/transformers/shadowToCss.js +15 -1
- package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
- package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
- package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
- package/dist/build/transformers/utilities/parseDimension.js +31 -0
- package/dist/build/types/borderTokenValue.d.ts +5 -2
- package/dist/build/types/dimensionTokenValue.d.ts +9 -0
- package/dist/build/types/shadowTokenValue.d.ts +8 -5
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-colorblind.css +32 -28
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-dimmed.css +32 -28
- package/dist/css/functional/themes/dark-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-tritanopia.css +32 -28
- package/dist/css/functional/themes/dark.css +32 -28
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-colorblind.css +32 -28
- package/dist/css/functional/themes/light-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-tritanopia.css +32 -28
- package/dist/css/functional/themes/light.css +32 -28
- package/dist/css/primitives.css +4 -0
- package/dist/docs/base/motion/motion.json +96 -24
- package/dist/docs/base/size/size.json +76 -19
- package/dist/docs/base/typography/typography.json +24 -6
- package/dist/docs/functional/size/border.json +26 -11
- package/dist/docs/functional/size/breakpoints.json +24 -6
- package/dist/docs/functional/size/radius.json +16 -4
- package/dist/docs/functional/size/size.json +60 -15
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-colorblind.json +2629 -346
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-dimmed.json +2629 -346
- package/dist/docs/functional/themes/dark-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-tritanopia.json +2629 -346
- package/dist/docs/functional/themes/dark.json +2629 -346
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-colorblind.json +2632 -349
- package/dist/docs/functional/themes/light-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-tritanopia.json +2632 -349
- package/dist/docs/functional/themes/light.json +2632 -349
- package/dist/docs/functional/typography/typography.json +8 -2
- package/dist/fallbacks/base/motion/motion.json +48 -12
- package/dist/figma/themes/light-colorblind.json +4 -4
- package/dist/figma/themes/light-high-contrast.json +4 -4
- package/dist/figma/themes/light-tritanopia.json +4 -4
- package/dist/figma/themes/light.json +4 -4
- package/dist/internalCss/dark-colorblind-high-contrast.css +28 -28
- package/dist/internalCss/dark-colorblind.css +28 -28
- package/dist/internalCss/dark-dimmed-high-contrast.css +28 -28
- package/dist/internalCss/dark-dimmed.css +28 -28
- package/dist/internalCss/dark-high-contrast.css +28 -28
- package/dist/internalCss/dark-tritanopia-high-contrast.css +28 -28
- package/dist/internalCss/dark-tritanopia.css +28 -28
- package/dist/internalCss/dark.css +28 -28
- package/dist/internalCss/light-colorblind-high-contrast.css +28 -28
- package/dist/internalCss/light-colorblind.css +28 -28
- package/dist/internalCss/light-high-contrast.css +28 -28
- package/dist/internalCss/light-tritanopia-high-contrast.css +28 -28
- package/dist/internalCss/light-tritanopia.css +28 -28
- package/dist/internalCss/light.css +28 -28
- package/dist/styleLint/base/motion/motion.json +96 -24
- package/dist/styleLint/base/size/size.json +76 -19
- package/dist/styleLint/base/typography/typography.json +30 -12
- package/dist/styleLint/functional/size/border.json +27 -12
- package/dist/styleLint/functional/size/breakpoints.json +24 -6
- package/dist/styleLint/functional/size/radius.json +17 -5
- package/dist/styleLint/functional/size/size-coarse.json +3 -3
- package/dist/styleLint/functional/size/size-fine.json +3 -3
- package/dist/styleLint/functional/size/size.json +111 -66
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-colorblind.json +2757 -366
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-dimmed.json +2757 -366
- package/dist/styleLint/functional/themes/dark-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-tritanopia.json +2757 -366
- package/dist/styleLint/functional/themes/dark.json +2757 -366
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-colorblind.json +2760 -369
- package/dist/styleLint/functional/themes/light-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-tritanopia.json +2760 -369
- package/dist/styleLint/functional/themes/light.json +2760 -369
- package/dist/styleLint/functional/typography/typography.json +28 -22
- package/package.json +9 -7
- package/src/tokens/base/motion/timing.json5 +12 -12
- package/src/tokens/base/size/size.json5 +194 -194
- package/src/tokens/base/typography/typography.json5 +6 -6
- package/src/tokens/component/avatar.json5 +72 -44
- package/src/tokens/component/button.json5 +1545 -1193
- package/src/tokens/functional/border/border.json5 +4 -1
- package/src/tokens/functional/color/bgColor.json5 +8 -0
- package/src/tokens/functional/color/display.json5 +7 -0
- package/src/tokens/functional/color/fgColor.json5 +8 -0
- package/src/tokens/functional/color/syntax.json5 +14 -0
- package/src/tokens/functional/shadow/shadow.json5 +1254 -163
- package/src/tokens/functional/size/border.json5 +8 -8
- package/src/tokens/functional/size/breakpoints.json5 +6 -6
- package/src/tokens/functional/size/radius.json5 +4 -4
- package/src/tokens/functional/size/size.json5 +15 -15
- package/src/tokens/functional/typography/typography.json5 +8 -4
- package/dist/build/parsers/index.d.ts +0 -1
- package/dist/build/parsers/index.js +0 -1
- package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
- package/dist/build/parsers/w3cJsonParser.js +0 -25
- package/dist/removed/testing.json5 +0 -4
- package/guidelines/color.llm.md +0 -16
- package/guidelines/guidelines.llm.md +0 -34
- package/guidelines/motion.llm.md +0 -41
- package/guidelines/spacing.llm.md +0 -20
- package/guidelines/typography.llm.md +0 -14
- package/src/tokens/removed/testing.json5 +0 -4
- package/token-guidelines.llm.md +0 -695
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
},
|
|
166
166
|
"avatar-shadow": {
|
|
167
167
|
"key": "{avatar.shadow}",
|
|
168
|
-
"$value": "
|
|
168
|
+
"$value": "0 0 0 2px #ffffffcc",
|
|
169
169
|
"$type": "shadow",
|
|
170
170
|
"$extensions": {
|
|
171
171
|
"org.primer.figma": {
|
|
@@ -178,10 +178,22 @@
|
|
|
178
178
|
{
|
|
179
179
|
"color": "#f6f8fa",
|
|
180
180
|
"alpha": 1,
|
|
181
|
-
"offsetX":
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
181
|
+
"offsetX": {
|
|
182
|
+
"value": 0,
|
|
183
|
+
"unit": "px"
|
|
184
|
+
},
|
|
185
|
+
"offsetY": {
|
|
186
|
+
"value": 0,
|
|
187
|
+
"unit": "px"
|
|
188
|
+
},
|
|
189
|
+
"blur": {
|
|
190
|
+
"value": 0,
|
|
191
|
+
"unit": "px"
|
|
192
|
+
},
|
|
193
|
+
"spread": {
|
|
194
|
+
"value": 2,
|
|
195
|
+
"unit": "px"
|
|
196
|
+
}
|
|
185
197
|
}
|
|
186
198
|
],
|
|
187
199
|
"filePath": "src/tokens/component/avatar.json5",
|
|
@@ -197,10 +209,22 @@
|
|
|
197
209
|
{
|
|
198
210
|
"color": "{base.color.neutral.0}",
|
|
199
211
|
"alpha": 0.8,
|
|
200
|
-
"offsetX":
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
212
|
+
"offsetX": {
|
|
213
|
+
"value": 0,
|
|
214
|
+
"unit": "px"
|
|
215
|
+
},
|
|
216
|
+
"offsetY": {
|
|
217
|
+
"value": 0,
|
|
218
|
+
"unit": "px"
|
|
219
|
+
},
|
|
220
|
+
"blur": {
|
|
221
|
+
"value": 0,
|
|
222
|
+
"unit": "px"
|
|
223
|
+
},
|
|
224
|
+
"spread": {
|
|
225
|
+
"value": 2,
|
|
226
|
+
"unit": "px"
|
|
227
|
+
}
|
|
204
228
|
}
|
|
205
229
|
],
|
|
206
230
|
"$type": "shadow",
|
|
@@ -215,10 +239,22 @@
|
|
|
215
239
|
{
|
|
216
240
|
"color": "{base.color.neutral.1}",
|
|
217
241
|
"alpha": 1,
|
|
218
|
-
"offsetX":
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
242
|
+
"offsetX": {
|
|
243
|
+
"value": 0,
|
|
244
|
+
"unit": "px"
|
|
245
|
+
},
|
|
246
|
+
"offsetY": {
|
|
247
|
+
"value": 0,
|
|
248
|
+
"unit": "px"
|
|
249
|
+
},
|
|
250
|
+
"blur": {
|
|
251
|
+
"value": 0,
|
|
252
|
+
"unit": "px"
|
|
253
|
+
},
|
|
254
|
+
"spread": {
|
|
255
|
+
"value": 2,
|
|
256
|
+
"unit": "px"
|
|
257
|
+
}
|
|
222
258
|
}
|
|
223
259
|
],
|
|
224
260
|
"filePath": "src/tokens/component/avatar.json5",
|
|
@@ -546,6 +582,10 @@
|
|
|
546
582
|
},
|
|
547
583
|
"org.primer.overrides": {
|
|
548
584
|
"dark": "#ffffff"
|
|
585
|
+
},
|
|
586
|
+
"org.primer.llm": {
|
|
587
|
+
"doNotUse": true,
|
|
588
|
+
"rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
549
589
|
}
|
|
550
590
|
},
|
|
551
591
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -562,6 +602,10 @@
|
|
|
562
602
|
},
|
|
563
603
|
"org.primer.overrides": {
|
|
564
604
|
"dark": "{base.color.neutral.0}"
|
|
605
|
+
},
|
|
606
|
+
"org.primer.llm": {
|
|
607
|
+
"doNotUse": true,
|
|
608
|
+
"rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
565
609
|
}
|
|
566
610
|
},
|
|
567
611
|
"key": "{bgColor.black}"
|
|
@@ -2438,6 +2482,10 @@
|
|
|
2438
2482
|
},
|
|
2439
2483
|
"org.primer.overrides": {
|
|
2440
2484
|
"dark": "#1f2328"
|
|
2485
|
+
},
|
|
2486
|
+
"org.primer.llm": {
|
|
2487
|
+
"doNotUse": true,
|
|
2488
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2441
2489
|
}
|
|
2442
2490
|
},
|
|
2443
2491
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2454,6 +2502,10 @@
|
|
|
2454
2502
|
},
|
|
2455
2503
|
"org.primer.overrides": {
|
|
2456
2504
|
"dark": "{base.color.neutral.13}"
|
|
2505
|
+
},
|
|
2506
|
+
"org.primer.llm": {
|
|
2507
|
+
"doNotUse": true,
|
|
2508
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2457
2509
|
}
|
|
2458
2510
|
},
|
|
2459
2511
|
"key": "{bgColor.white}"
|
|
@@ -2464,7 +2516,11 @@
|
|
|
2464
2516
|
},
|
|
2465
2517
|
"border-accent-emphasis": {
|
|
2466
2518
|
"key": "{border.accent.emphasis}",
|
|
2467
|
-
"$value":
|
|
2519
|
+
"$value": {
|
|
2520
|
+
"color": "#0969da",
|
|
2521
|
+
"style": "solid",
|
|
2522
|
+
"width": ["0.0625rem", "1px"]
|
|
2523
|
+
},
|
|
2468
2524
|
"$type": "border",
|
|
2469
2525
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2470
2526
|
"isSource": true,
|
|
@@ -2483,7 +2539,11 @@
|
|
|
2483
2539
|
},
|
|
2484
2540
|
"border-accent-muted": {
|
|
2485
2541
|
"key": "{border.accent.muted}",
|
|
2486
|
-
"$value":
|
|
2542
|
+
"$value": {
|
|
2543
|
+
"color": "#54aeff66",
|
|
2544
|
+
"style": "solid",
|
|
2545
|
+
"width": ["0.0625rem", "1px"]
|
|
2546
|
+
},
|
|
2487
2547
|
"$type": "border",
|
|
2488
2548
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2489
2549
|
"isSource": true,
|
|
@@ -2502,7 +2562,11 @@
|
|
|
2502
2562
|
},
|
|
2503
2563
|
"border-attention-emphasis": {
|
|
2504
2564
|
"key": "{border.attention.emphasis}",
|
|
2505
|
-
"$value":
|
|
2565
|
+
"$value": {
|
|
2566
|
+
"color": "#9a6700",
|
|
2567
|
+
"style": "solid",
|
|
2568
|
+
"width": ["0.0625rem", "1px"]
|
|
2569
|
+
},
|
|
2506
2570
|
"$type": "border",
|
|
2507
2571
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2508
2572
|
"isSource": true,
|
|
@@ -2521,7 +2585,11 @@
|
|
|
2521
2585
|
},
|
|
2522
2586
|
"border-attention-muted": {
|
|
2523
2587
|
"key": "{border.attention.muted}",
|
|
2524
|
-
"$value":
|
|
2588
|
+
"$value": {
|
|
2589
|
+
"color": "#d4a72c66",
|
|
2590
|
+
"style": "solid",
|
|
2591
|
+
"width": ["0.0625rem", "1px"]
|
|
2592
|
+
},
|
|
2525
2593
|
"$type": "border",
|
|
2526
2594
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2527
2595
|
"isSource": true,
|
|
@@ -2540,7 +2608,11 @@
|
|
|
2540
2608
|
},
|
|
2541
2609
|
"border-closed-emphasis": {
|
|
2542
2610
|
"key": "{border.closed.emphasis}",
|
|
2543
|
-
"$value":
|
|
2611
|
+
"$value": {
|
|
2612
|
+
"color": "#bc4c00",
|
|
2613
|
+
"style": "solid",
|
|
2614
|
+
"width": ["0.0625rem", "1px"]
|
|
2615
|
+
},
|
|
2544
2616
|
"$type": "border",
|
|
2545
2617
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2546
2618
|
"isSource": true,
|
|
@@ -2555,7 +2627,11 @@
|
|
|
2555
2627
|
},
|
|
2556
2628
|
"border-closed-muted": {
|
|
2557
2629
|
"key": "{border.closed.muted}",
|
|
2558
|
-
"$value":
|
|
2630
|
+
"$value": {
|
|
2631
|
+
"color": "#fff1e5",
|
|
2632
|
+
"style": "solid",
|
|
2633
|
+
"width": ["0.0625rem", "1px"]
|
|
2634
|
+
},
|
|
2559
2635
|
"$type": "border",
|
|
2560
2636
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2561
2637
|
"isSource": true,
|
|
@@ -2570,7 +2646,11 @@
|
|
|
2570
2646
|
},
|
|
2571
2647
|
"border-danger-emphasis": {
|
|
2572
2648
|
"key": "{border.danger.emphasis}",
|
|
2573
|
-
"$value":
|
|
2649
|
+
"$value": {
|
|
2650
|
+
"color": "#bc4c00",
|
|
2651
|
+
"style": "solid",
|
|
2652
|
+
"width": ["0.0625rem", "1px"]
|
|
2653
|
+
},
|
|
2574
2654
|
"$type": "border",
|
|
2575
2655
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2576
2656
|
"isSource": true,
|
|
@@ -2589,7 +2669,11 @@
|
|
|
2589
2669
|
},
|
|
2590
2670
|
"border-danger-muted": {
|
|
2591
2671
|
"key": "{border.danger.muted}",
|
|
2592
|
-
"$value":
|
|
2672
|
+
"$value": {
|
|
2673
|
+
"color": "#fff1e5",
|
|
2674
|
+
"style": "solid",
|
|
2675
|
+
"width": ["0.0625rem", "1px"]
|
|
2676
|
+
},
|
|
2593
2677
|
"$type": "border",
|
|
2594
2678
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2595
2679
|
"isSource": true,
|
|
@@ -2608,7 +2692,11 @@
|
|
|
2608
2692
|
},
|
|
2609
2693
|
"border-default": {
|
|
2610
2694
|
"key": "{border.default}",
|
|
2611
|
-
"$value":
|
|
2695
|
+
"$value": {
|
|
2696
|
+
"color": "#d1d9e0",
|
|
2697
|
+
"style": "solid",
|
|
2698
|
+
"width": ["0.0625rem", "1px"]
|
|
2699
|
+
},
|
|
2612
2700
|
"$type": "border",
|
|
2613
2701
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2614
2702
|
"isSource": true,
|
|
@@ -2627,7 +2715,11 @@
|
|
|
2627
2715
|
},
|
|
2628
2716
|
"border-disabled": {
|
|
2629
2717
|
"key": "{border.disabled}",
|
|
2630
|
-
"$value":
|
|
2718
|
+
"$value": {
|
|
2719
|
+
"color": "#818b981a",
|
|
2720
|
+
"style": "solid",
|
|
2721
|
+
"width": ["0.0625rem", "1px"]
|
|
2722
|
+
},
|
|
2631
2723
|
"$type": "border",
|
|
2632
2724
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2633
2725
|
"isSource": true,
|
|
@@ -2646,7 +2738,11 @@
|
|
|
2646
2738
|
},
|
|
2647
2739
|
"border-done-emphasis": {
|
|
2648
2740
|
"key": "{border.done.emphasis}",
|
|
2649
|
-
"$value":
|
|
2741
|
+
"$value": {
|
|
2742
|
+
"color": "#8250df",
|
|
2743
|
+
"style": "solid",
|
|
2744
|
+
"width": ["0.0625rem", "1px"]
|
|
2745
|
+
},
|
|
2650
2746
|
"$type": "border",
|
|
2651
2747
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2652
2748
|
"isSource": true,
|
|
@@ -2665,7 +2761,11 @@
|
|
|
2665
2761
|
},
|
|
2666
2762
|
"border-done-muted": {
|
|
2667
2763
|
"key": "{border.done.muted}",
|
|
2668
|
-
"$value":
|
|
2764
|
+
"$value": {
|
|
2765
|
+
"color": "#c297ff66",
|
|
2766
|
+
"style": "solid",
|
|
2767
|
+
"width": ["0.0625rem", "1px"]
|
|
2768
|
+
},
|
|
2669
2769
|
"$type": "border",
|
|
2670
2770
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2671
2771
|
"isSource": true,
|
|
@@ -2684,7 +2784,11 @@
|
|
|
2684
2784
|
},
|
|
2685
2785
|
"border-emphasis": {
|
|
2686
2786
|
"key": "{border.emphasis}",
|
|
2687
|
-
"$value":
|
|
2787
|
+
"$value": {
|
|
2788
|
+
"color": "#818b98",
|
|
2789
|
+
"style": "solid",
|
|
2790
|
+
"width": ["0.0625rem", "1px"]
|
|
2791
|
+
},
|
|
2688
2792
|
"$type": "border",
|
|
2689
2793
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2690
2794
|
"isSource": true,
|
|
@@ -2703,7 +2807,11 @@
|
|
|
2703
2807
|
},
|
|
2704
2808
|
"border-muted": {
|
|
2705
2809
|
"key": "{border.muted}",
|
|
2706
|
-
"$value":
|
|
2810
|
+
"$value": {
|
|
2811
|
+
"color": "#d1d9e0b3",
|
|
2812
|
+
"style": "solid",
|
|
2813
|
+
"width": ["0.0625rem", "1px"]
|
|
2814
|
+
},
|
|
2707
2815
|
"$type": "border",
|
|
2708
2816
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2709
2817
|
"isSource": true,
|
|
@@ -2722,7 +2830,11 @@
|
|
|
2722
2830
|
},
|
|
2723
2831
|
"border-neutral-emphasis": {
|
|
2724
2832
|
"key": "{border.neutral.emphasis}",
|
|
2725
|
-
"$value":
|
|
2833
|
+
"$value": {
|
|
2834
|
+
"color": "#59636e",
|
|
2835
|
+
"style": "solid",
|
|
2836
|
+
"width": ["0.0625rem", "1px"]
|
|
2837
|
+
},
|
|
2726
2838
|
"$type": "border",
|
|
2727
2839
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2728
2840
|
"isSource": true,
|
|
@@ -2741,7 +2853,11 @@
|
|
|
2741
2853
|
},
|
|
2742
2854
|
"border-neutral-muted": {
|
|
2743
2855
|
"key": "{border.neutral.muted}",
|
|
2744
|
-
"$value":
|
|
2856
|
+
"$value": {
|
|
2857
|
+
"color": "#d1d9e0b3",
|
|
2858
|
+
"style": "solid",
|
|
2859
|
+
"width": ["0.0625rem", "1px"]
|
|
2860
|
+
},
|
|
2745
2861
|
"$type": "border",
|
|
2746
2862
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2747
2863
|
"isSource": true,
|
|
@@ -2760,7 +2876,11 @@
|
|
|
2760
2876
|
},
|
|
2761
2877
|
"border-open-emphasis": {
|
|
2762
2878
|
"key": "{border.open.emphasis}",
|
|
2763
|
-
"$value":
|
|
2879
|
+
"$value": {
|
|
2880
|
+
"color": "#0969da",
|
|
2881
|
+
"style": "solid",
|
|
2882
|
+
"width": ["0.0625rem", "1px"]
|
|
2883
|
+
},
|
|
2764
2884
|
"$type": "border",
|
|
2765
2885
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2766
2886
|
"isSource": true,
|
|
@@ -2775,7 +2895,11 @@
|
|
|
2775
2895
|
},
|
|
2776
2896
|
"border-open-muted": {
|
|
2777
2897
|
"key": "{border.open.muted}",
|
|
2778
|
-
"$value":
|
|
2898
|
+
"$value": {
|
|
2899
|
+
"color": "#ddf4ff",
|
|
2900
|
+
"style": "solid",
|
|
2901
|
+
"width": ["0.0625rem", "1px"]
|
|
2902
|
+
},
|
|
2779
2903
|
"$type": "border",
|
|
2780
2904
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2781
2905
|
"isSource": true,
|
|
@@ -2790,7 +2914,11 @@
|
|
|
2790
2914
|
},
|
|
2791
2915
|
"border-severe-emphasis": {
|
|
2792
2916
|
"key": "{border.severe.emphasis}",
|
|
2793
|
-
"$value":
|
|
2917
|
+
"$value": {
|
|
2918
|
+
"color": "#bc4c00",
|
|
2919
|
+
"style": "solid",
|
|
2920
|
+
"width": ["0.0625rem", "1px"]
|
|
2921
|
+
},
|
|
2794
2922
|
"$type": "border",
|
|
2795
2923
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2796
2924
|
"isSource": true,
|
|
@@ -2809,7 +2937,11 @@
|
|
|
2809
2937
|
},
|
|
2810
2938
|
"border-severe-muted": {
|
|
2811
2939
|
"key": "{border.severe.muted}",
|
|
2812
|
-
"$value":
|
|
2940
|
+
"$value": {
|
|
2941
|
+
"color": "#fb8f4466",
|
|
2942
|
+
"style": "solid",
|
|
2943
|
+
"width": ["0.0625rem", "1px"]
|
|
2944
|
+
},
|
|
2813
2945
|
"$type": "border",
|
|
2814
2946
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2815
2947
|
"isSource": true,
|
|
@@ -2828,7 +2960,11 @@
|
|
|
2828
2960
|
},
|
|
2829
2961
|
"border-sponsors-emphasis": {
|
|
2830
2962
|
"key": "{border.sponsors.emphasis}",
|
|
2831
|
-
"$value":
|
|
2963
|
+
"$value": {
|
|
2964
|
+
"color": "#bf3989",
|
|
2965
|
+
"style": "solid",
|
|
2966
|
+
"width": ["0.0625rem", "1px"]
|
|
2967
|
+
},
|
|
2832
2968
|
"$type": "border",
|
|
2833
2969
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2834
2970
|
"isSource": true,
|
|
@@ -2847,7 +2983,11 @@
|
|
|
2847
2983
|
},
|
|
2848
2984
|
"border-sponsors-muted": {
|
|
2849
2985
|
"key": "{border.sponsors.muted}",
|
|
2850
|
-
"$value":
|
|
2986
|
+
"$value": {
|
|
2987
|
+
"color": "#ff80c866",
|
|
2988
|
+
"style": "solid",
|
|
2989
|
+
"width": ["0.0625rem", "1px"]
|
|
2990
|
+
},
|
|
2851
2991
|
"$type": "border",
|
|
2852
2992
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2853
2993
|
"isSource": true,
|
|
@@ -2866,7 +3006,11 @@
|
|
|
2866
3006
|
},
|
|
2867
3007
|
"border-success-emphasis": {
|
|
2868
3008
|
"key": "{border.success.emphasis}",
|
|
2869
|
-
"$value":
|
|
3009
|
+
"$value": {
|
|
3010
|
+
"color": "#0969da",
|
|
3011
|
+
"style": "solid",
|
|
3012
|
+
"width": ["0.0625rem", "1px"]
|
|
3013
|
+
},
|
|
2870
3014
|
"$type": "border",
|
|
2871
3015
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2872
3016
|
"isSource": true,
|
|
@@ -2885,7 +3029,11 @@
|
|
|
2885
3029
|
},
|
|
2886
3030
|
"border-success-muted": {
|
|
2887
3031
|
"key": "{border.success.muted}",
|
|
2888
|
-
"$value":
|
|
3032
|
+
"$value": {
|
|
3033
|
+
"color": "#ddf4ff",
|
|
3034
|
+
"style": "solid",
|
|
3035
|
+
"width": ["0.0625rem", "1px"]
|
|
3036
|
+
},
|
|
2889
3037
|
"$type": "border",
|
|
2890
3038
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2891
3039
|
"isSource": true,
|
|
@@ -2904,7 +3052,11 @@
|
|
|
2904
3052
|
},
|
|
2905
3053
|
"border-transparent": {
|
|
2906
3054
|
"key": "{border.transparent}",
|
|
2907
|
-
"$value":
|
|
3055
|
+
"$value": {
|
|
3056
|
+
"color": "#ffffff00",
|
|
3057
|
+
"style": "solid",
|
|
3058
|
+
"width": ["0.0625rem", "1px"]
|
|
3059
|
+
},
|
|
2908
3060
|
"$type": "border",
|
|
2909
3061
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2910
3062
|
"isSource": true,
|
|
@@ -2923,7 +3075,11 @@
|
|
|
2923
3075
|
},
|
|
2924
3076
|
"border-upsell-emphasis": {
|
|
2925
3077
|
"key": "{border.upsell.emphasis}",
|
|
2926
|
-
"$value":
|
|
3078
|
+
"$value": {
|
|
3079
|
+
"color": "#8250df",
|
|
3080
|
+
"style": "solid",
|
|
3081
|
+
"width": ["0.0625rem", "1px"]
|
|
3082
|
+
},
|
|
2927
3083
|
"$type": "border",
|
|
2928
3084
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2929
3085
|
"isSource": true,
|
|
@@ -2942,7 +3098,11 @@
|
|
|
2942
3098
|
},
|
|
2943
3099
|
"border-upsell-muted": {
|
|
2944
3100
|
"key": "{border.upsell.muted}",
|
|
2945
|
-
"$value":
|
|
3101
|
+
"$value": {
|
|
3102
|
+
"color": "#c297ff66",
|
|
3103
|
+
"style": "solid",
|
|
3104
|
+
"width": ["0.0625rem", "1px"]
|
|
3105
|
+
},
|
|
2946
3106
|
"$type": "border",
|
|
2947
3107
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2948
3108
|
"isSource": true,
|
|
@@ -6934,7 +7094,7 @@
|
|
|
6934
7094
|
},
|
|
6935
7095
|
"button-danger-shadow-selected": {
|
|
6936
7096
|
"key": "{button.danger.shadow.selected}",
|
|
6937
|
-
"$value": "inset
|
|
7097
|
+
"$value": "inset 0 1px 0 0 #47170033",
|
|
6938
7098
|
"$type": "shadow",
|
|
6939
7099
|
"$extensions": {
|
|
6940
7100
|
"org.primer.figma": {
|
|
@@ -6947,10 +7107,22 @@
|
|
|
6947
7107
|
{
|
|
6948
7108
|
"color": "#471700",
|
|
6949
7109
|
"alpha": 0.2,
|
|
6950
|
-
"offsetX":
|
|
6951
|
-
|
|
6952
|
-
|
|
6953
|
-
|
|
7110
|
+
"offsetX": {
|
|
7111
|
+
"value": 0,
|
|
7112
|
+
"unit": "px"
|
|
7113
|
+
},
|
|
7114
|
+
"offsetY": {
|
|
7115
|
+
"value": 1,
|
|
7116
|
+
"unit": "px"
|
|
7117
|
+
},
|
|
7118
|
+
"blur": {
|
|
7119
|
+
"value": 0,
|
|
7120
|
+
"unit": "px"
|
|
7121
|
+
},
|
|
7122
|
+
"spread": {
|
|
7123
|
+
"value": 0,
|
|
7124
|
+
"unit": "px"
|
|
7125
|
+
},
|
|
6954
7126
|
"inset": true
|
|
6955
7127
|
}
|
|
6956
7128
|
],
|
|
@@ -6963,10 +7135,22 @@
|
|
|
6963
7135
|
{
|
|
6964
7136
|
"color": "#ffffff00",
|
|
6965
7137
|
"alpha": 0,
|
|
6966
|
-
"offsetX":
|
|
6967
|
-
|
|
6968
|
-
|
|
6969
|
-
|
|
7138
|
+
"offsetX": {
|
|
7139
|
+
"value": 0,
|
|
7140
|
+
"unit": "px"
|
|
7141
|
+
},
|
|
7142
|
+
"offsetY": {
|
|
7143
|
+
"value": 0,
|
|
7144
|
+
"unit": "px"
|
|
7145
|
+
},
|
|
7146
|
+
"blur": {
|
|
7147
|
+
"value": 0,
|
|
7148
|
+
"unit": "px"
|
|
7149
|
+
},
|
|
7150
|
+
"spread": {
|
|
7151
|
+
"value": 0,
|
|
7152
|
+
"unit": "px"
|
|
7153
|
+
},
|
|
6970
7154
|
"inset": false
|
|
6971
7155
|
}
|
|
6972
7156
|
],
|
|
@@ -6983,10 +7167,22 @@
|
|
|
6983
7167
|
{
|
|
6984
7168
|
"color": "{base.color.orange.9}",
|
|
6985
7169
|
"alpha": 0.2,
|
|
6986
|
-
"offsetX":
|
|
6987
|
-
|
|
6988
|
-
|
|
6989
|
-
|
|
7170
|
+
"offsetX": {
|
|
7171
|
+
"value": 0,
|
|
7172
|
+
"unit": "px"
|
|
7173
|
+
},
|
|
7174
|
+
"offsetY": {
|
|
7175
|
+
"value": 1,
|
|
7176
|
+
"unit": "px"
|
|
7177
|
+
},
|
|
7178
|
+
"blur": {
|
|
7179
|
+
"value": 0,
|
|
7180
|
+
"unit": "px"
|
|
7181
|
+
},
|
|
7182
|
+
"spread": {
|
|
7183
|
+
"value": 0,
|
|
7184
|
+
"unit": "px"
|
|
7185
|
+
},
|
|
6990
7186
|
"inset": true
|
|
6991
7187
|
}
|
|
6992
7188
|
],
|
|
@@ -7002,10 +7198,22 @@
|
|
|
7002
7198
|
{
|
|
7003
7199
|
"color": "{base.color.orange.9}",
|
|
7004
7200
|
"alpha": 0.2,
|
|
7005
|
-
"offsetX":
|
|
7006
|
-
|
|
7007
|
-
|
|
7008
|
-
|
|
7201
|
+
"offsetX": {
|
|
7202
|
+
"value": 0,
|
|
7203
|
+
"unit": "px"
|
|
7204
|
+
},
|
|
7205
|
+
"offsetY": {
|
|
7206
|
+
"value": 1,
|
|
7207
|
+
"unit": "px"
|
|
7208
|
+
},
|
|
7209
|
+
"blur": {
|
|
7210
|
+
"value": 0,
|
|
7211
|
+
"unit": "px"
|
|
7212
|
+
},
|
|
7213
|
+
"spread": {
|
|
7214
|
+
"value": 0,
|
|
7215
|
+
"unit": "px"
|
|
7216
|
+
},
|
|
7009
7217
|
"inset": true
|
|
7010
7218
|
}
|
|
7011
7219
|
],
|
|
@@ -7018,10 +7226,22 @@
|
|
|
7018
7226
|
{
|
|
7019
7227
|
"color": "{base.color.transparent}",
|
|
7020
7228
|
"alpha": 0,
|
|
7021
|
-
"offsetX":
|
|
7022
|
-
|
|
7023
|
-
|
|
7024
|
-
|
|
7229
|
+
"offsetX": {
|
|
7230
|
+
"value": 0,
|
|
7231
|
+
"unit": "px"
|
|
7232
|
+
},
|
|
7233
|
+
"offsetY": {
|
|
7234
|
+
"value": 0,
|
|
7235
|
+
"unit": "px"
|
|
7236
|
+
},
|
|
7237
|
+
"blur": {
|
|
7238
|
+
"value": 0,
|
|
7239
|
+
"unit": "px"
|
|
7240
|
+
},
|
|
7241
|
+
"spread": {
|
|
7242
|
+
"value": 0,
|
|
7243
|
+
"unit": "px"
|
|
7244
|
+
},
|
|
7025
7245
|
"inset": false
|
|
7026
7246
|
}
|
|
7027
7247
|
],
|
|
@@ -7397,7 +7617,7 @@
|
|
|
7397
7617
|
},
|
|
7398
7618
|
"button-default-shadow-resting": {
|
|
7399
7619
|
"key": "{button.default.shadow.resting}",
|
|
7400
|
-
"$value": "
|
|
7620
|
+
"$value": "0 1px 0 0 #1f23280a",
|
|
7401
7621
|
"$type": "shadow",
|
|
7402
7622
|
"$extensions": {
|
|
7403
7623
|
"org.primer.figma": {
|
|
@@ -7410,10 +7630,22 @@
|
|
|
7410
7630
|
{
|
|
7411
7631
|
"color": "#ffffff00",
|
|
7412
7632
|
"alpha": 0,
|
|
7413
|
-
"offsetX":
|
|
7414
|
-
|
|
7415
|
-
|
|
7416
|
-
|
|
7633
|
+
"offsetX": {
|
|
7634
|
+
"value": 0,
|
|
7635
|
+
"unit": "px"
|
|
7636
|
+
},
|
|
7637
|
+
"offsetY": {
|
|
7638
|
+
"value": 0,
|
|
7639
|
+
"unit": "px"
|
|
7640
|
+
},
|
|
7641
|
+
"blur": {
|
|
7642
|
+
"value": 0,
|
|
7643
|
+
"unit": "px"
|
|
7644
|
+
},
|
|
7645
|
+
"spread": {
|
|
7646
|
+
"value": 0,
|
|
7647
|
+
"unit": "px"
|
|
7648
|
+
},
|
|
7417
7649
|
"inset": false
|
|
7418
7650
|
}
|
|
7419
7651
|
],
|
|
@@ -7430,10 +7662,22 @@
|
|
|
7430
7662
|
{
|
|
7431
7663
|
"color": "{base.color.neutral.13}",
|
|
7432
7664
|
"alpha": 0.04,
|
|
7433
|
-
"offsetX":
|
|
7434
|
-
|
|
7435
|
-
|
|
7436
|
-
|
|
7665
|
+
"offsetX": {
|
|
7666
|
+
"value": 0,
|
|
7667
|
+
"unit": "px"
|
|
7668
|
+
},
|
|
7669
|
+
"offsetY": {
|
|
7670
|
+
"value": 1,
|
|
7671
|
+
"unit": "px"
|
|
7672
|
+
},
|
|
7673
|
+
"blur": {
|
|
7674
|
+
"value": 0,
|
|
7675
|
+
"unit": "px"
|
|
7676
|
+
},
|
|
7677
|
+
"spread": {
|
|
7678
|
+
"value": 0,
|
|
7679
|
+
"unit": "px"
|
|
7680
|
+
},
|
|
7437
7681
|
"inset": false
|
|
7438
7682
|
}
|
|
7439
7683
|
],
|
|
@@ -7449,10 +7693,22 @@
|
|
|
7449
7693
|
{
|
|
7450
7694
|
"color": "{base.color.transparent}",
|
|
7451
7695
|
"alpha": 0,
|
|
7452
|
-
"offsetX":
|
|
7453
|
-
|
|
7454
|
-
|
|
7455
|
-
|
|
7696
|
+
"offsetX": {
|
|
7697
|
+
"value": 0,
|
|
7698
|
+
"unit": "px"
|
|
7699
|
+
},
|
|
7700
|
+
"offsetY": {
|
|
7701
|
+
"value": 0,
|
|
7702
|
+
"unit": "px"
|
|
7703
|
+
},
|
|
7704
|
+
"blur": {
|
|
7705
|
+
"value": 0,
|
|
7706
|
+
"unit": "px"
|
|
7707
|
+
},
|
|
7708
|
+
"spread": {
|
|
7709
|
+
"value": 0,
|
|
7710
|
+
"unit": "px"
|
|
7711
|
+
},
|
|
7456
7712
|
"inset": false
|
|
7457
7713
|
}
|
|
7458
7714
|
],
|
|
@@ -9156,7 +9412,7 @@
|
|
|
9156
9412
|
},
|
|
9157
9413
|
"button-outline-shadow-selected": {
|
|
9158
9414
|
"key": "{button.outline.shadow.selected}",
|
|
9159
|
-
"$value": "inset
|
|
9415
|
+
"$value": "inset 0 1px 0 0 #00215533",
|
|
9160
9416
|
"$type": "shadow",
|
|
9161
9417
|
"$extensions": {
|
|
9162
9418
|
"org.primer.figma": {
|
|
@@ -9169,10 +9425,22 @@
|
|
|
9169
9425
|
{
|
|
9170
9426
|
"color": "#ffffff00",
|
|
9171
9427
|
"alpha": 0,
|
|
9172
|
-
"offsetX":
|
|
9173
|
-
|
|
9174
|
-
|
|
9175
|
-
|
|
9428
|
+
"offsetX": {
|
|
9429
|
+
"value": 0,
|
|
9430
|
+
"unit": "px"
|
|
9431
|
+
},
|
|
9432
|
+
"offsetY": {
|
|
9433
|
+
"value": 0,
|
|
9434
|
+
"unit": "px"
|
|
9435
|
+
},
|
|
9436
|
+
"blur": {
|
|
9437
|
+
"value": 0,
|
|
9438
|
+
"unit": "px"
|
|
9439
|
+
},
|
|
9440
|
+
"spread": {
|
|
9441
|
+
"value": 0,
|
|
9442
|
+
"unit": "px"
|
|
9443
|
+
},
|
|
9176
9444
|
"inset": false
|
|
9177
9445
|
}
|
|
9178
9446
|
],
|
|
@@ -9189,10 +9457,22 @@
|
|
|
9189
9457
|
{
|
|
9190
9458
|
"color": "{base.color.blue.9}",
|
|
9191
9459
|
"alpha": 0.2,
|
|
9192
|
-
"offsetX":
|
|
9193
|
-
|
|
9194
|
-
|
|
9195
|
-
|
|
9460
|
+
"offsetX": {
|
|
9461
|
+
"value": 0,
|
|
9462
|
+
"unit": "px"
|
|
9463
|
+
},
|
|
9464
|
+
"offsetY": {
|
|
9465
|
+
"value": 1,
|
|
9466
|
+
"unit": "px"
|
|
9467
|
+
},
|
|
9468
|
+
"blur": {
|
|
9469
|
+
"value": 0,
|
|
9470
|
+
"unit": "px"
|
|
9471
|
+
},
|
|
9472
|
+
"spread": {
|
|
9473
|
+
"value": 0,
|
|
9474
|
+
"unit": "px"
|
|
9475
|
+
},
|
|
9196
9476
|
"inset": true
|
|
9197
9477
|
}
|
|
9198
9478
|
],
|
|
@@ -9208,10 +9488,22 @@
|
|
|
9208
9488
|
{
|
|
9209
9489
|
"color": "{base.color.transparent}",
|
|
9210
9490
|
"alpha": 0,
|
|
9211
|
-
"offsetX":
|
|
9212
|
-
|
|
9213
|
-
|
|
9214
|
-
|
|
9491
|
+
"offsetX": {
|
|
9492
|
+
"value": 0,
|
|
9493
|
+
"unit": "px"
|
|
9494
|
+
},
|
|
9495
|
+
"offsetY": {
|
|
9496
|
+
"value": 0,
|
|
9497
|
+
"unit": "px"
|
|
9498
|
+
},
|
|
9499
|
+
"blur": {
|
|
9500
|
+
"value": 0,
|
|
9501
|
+
"unit": "px"
|
|
9502
|
+
},
|
|
9503
|
+
"spread": {
|
|
9504
|
+
"value": 0,
|
|
9505
|
+
"unit": "px"
|
|
9506
|
+
},
|
|
9215
9507
|
"inset": false
|
|
9216
9508
|
}
|
|
9217
9509
|
],
|
|
@@ -10364,7 +10656,7 @@
|
|
|
10364
10656
|
},
|
|
10365
10657
|
"button-primary-shadow-selected": {
|
|
10366
10658
|
"key": "{button.primary.shadow.selected}",
|
|
10367
|
-
"$value": "inset
|
|
10659
|
+
"$value": "inset 0 1px 0 0 #0021554d",
|
|
10368
10660
|
"$type": "shadow",
|
|
10369
10661
|
"$extensions": {
|
|
10370
10662
|
"org.primer.figma": {
|
|
@@ -10377,10 +10669,22 @@
|
|
|
10377
10669
|
{
|
|
10378
10670
|
"color": "#002155",
|
|
10379
10671
|
"alpha": 0.3,
|
|
10380
|
-
"offsetX":
|
|
10381
|
-
|
|
10382
|
-
|
|
10383
|
-
|
|
10672
|
+
"offsetX": {
|
|
10673
|
+
"value": 0,
|
|
10674
|
+
"unit": "px"
|
|
10675
|
+
},
|
|
10676
|
+
"offsetY": {
|
|
10677
|
+
"value": 1,
|
|
10678
|
+
"unit": "px"
|
|
10679
|
+
},
|
|
10680
|
+
"blur": {
|
|
10681
|
+
"value": 0,
|
|
10682
|
+
"unit": "px"
|
|
10683
|
+
},
|
|
10684
|
+
"spread": {
|
|
10685
|
+
"value": 0,
|
|
10686
|
+
"unit": "px"
|
|
10687
|
+
},
|
|
10384
10688
|
"inset": true
|
|
10385
10689
|
}
|
|
10386
10690
|
],
|
|
@@ -10393,10 +10697,22 @@
|
|
|
10393
10697
|
{
|
|
10394
10698
|
"color": "#002155",
|
|
10395
10699
|
"alpha": 0.3,
|
|
10396
|
-
"offsetX":
|
|
10397
|
-
|
|
10398
|
-
|
|
10399
|
-
|
|
10700
|
+
"offsetX": {
|
|
10701
|
+
"value": 0,
|
|
10702
|
+
"unit": "px"
|
|
10703
|
+
},
|
|
10704
|
+
"offsetY": {
|
|
10705
|
+
"value": 1,
|
|
10706
|
+
"unit": "px"
|
|
10707
|
+
},
|
|
10708
|
+
"blur": {
|
|
10709
|
+
"value": 0,
|
|
10710
|
+
"unit": "px"
|
|
10711
|
+
},
|
|
10712
|
+
"spread": {
|
|
10713
|
+
"value": 0,
|
|
10714
|
+
"unit": "px"
|
|
10715
|
+
},
|
|
10400
10716
|
"inset": true
|
|
10401
10717
|
}
|
|
10402
10718
|
],
|
|
@@ -10409,10 +10725,22 @@
|
|
|
10409
10725
|
{
|
|
10410
10726
|
"color": "#ffffff00",
|
|
10411
10727
|
"alpha": 0,
|
|
10412
|
-
"offsetX":
|
|
10413
|
-
|
|
10414
|
-
|
|
10415
|
-
|
|
10728
|
+
"offsetX": {
|
|
10729
|
+
"value": 0,
|
|
10730
|
+
"unit": "px"
|
|
10731
|
+
},
|
|
10732
|
+
"offsetY": {
|
|
10733
|
+
"value": 0,
|
|
10734
|
+
"unit": "px"
|
|
10735
|
+
},
|
|
10736
|
+
"blur": {
|
|
10737
|
+
"value": 0,
|
|
10738
|
+
"unit": "px"
|
|
10739
|
+
},
|
|
10740
|
+
"spread": {
|
|
10741
|
+
"value": 0,
|
|
10742
|
+
"unit": "px"
|
|
10743
|
+
},
|
|
10416
10744
|
"inset": false
|
|
10417
10745
|
}
|
|
10418
10746
|
],
|
|
@@ -10429,10 +10757,22 @@
|
|
|
10429
10757
|
{
|
|
10430
10758
|
"color": "{base.color.blue.9}",
|
|
10431
10759
|
"alpha": 0.3,
|
|
10432
|
-
"offsetX":
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
|
|
10760
|
+
"offsetX": {
|
|
10761
|
+
"value": 0,
|
|
10762
|
+
"unit": "px"
|
|
10763
|
+
},
|
|
10764
|
+
"offsetY": {
|
|
10765
|
+
"value": 1,
|
|
10766
|
+
"unit": "px"
|
|
10767
|
+
},
|
|
10768
|
+
"blur": {
|
|
10769
|
+
"value": 0,
|
|
10770
|
+
"unit": "px"
|
|
10771
|
+
},
|
|
10772
|
+
"spread": {
|
|
10773
|
+
"value": 0,
|
|
10774
|
+
"unit": "px"
|
|
10775
|
+
},
|
|
10436
10776
|
"inset": true
|
|
10437
10777
|
}
|
|
10438
10778
|
],
|
|
@@ -10448,10 +10788,22 @@
|
|
|
10448
10788
|
{
|
|
10449
10789
|
"color": "{base.color.blue.9}",
|
|
10450
10790
|
"alpha": 0.3,
|
|
10451
|
-
"offsetX":
|
|
10452
|
-
|
|
10453
|
-
|
|
10454
|
-
|
|
10791
|
+
"offsetX": {
|
|
10792
|
+
"value": 0,
|
|
10793
|
+
"unit": "px"
|
|
10794
|
+
},
|
|
10795
|
+
"offsetY": {
|
|
10796
|
+
"value": 1,
|
|
10797
|
+
"unit": "px"
|
|
10798
|
+
},
|
|
10799
|
+
"blur": {
|
|
10800
|
+
"value": 0,
|
|
10801
|
+
"unit": "px"
|
|
10802
|
+
},
|
|
10803
|
+
"spread": {
|
|
10804
|
+
"value": 0,
|
|
10805
|
+
"unit": "px"
|
|
10806
|
+
},
|
|
10455
10807
|
"inset": true
|
|
10456
10808
|
}
|
|
10457
10809
|
],
|
|
@@ -10464,10 +10816,22 @@
|
|
|
10464
10816
|
{
|
|
10465
10817
|
"color": "{base.color.blue.9}",
|
|
10466
10818
|
"alpha": 0.3,
|
|
10467
|
-
"offsetX":
|
|
10468
|
-
|
|
10469
|
-
|
|
10470
|
-
|
|
10819
|
+
"offsetX": {
|
|
10820
|
+
"value": 0,
|
|
10821
|
+
"unit": "px"
|
|
10822
|
+
},
|
|
10823
|
+
"offsetY": {
|
|
10824
|
+
"value": 1,
|
|
10825
|
+
"unit": "px"
|
|
10826
|
+
},
|
|
10827
|
+
"blur": {
|
|
10828
|
+
"value": 0,
|
|
10829
|
+
"unit": "px"
|
|
10830
|
+
},
|
|
10831
|
+
"spread": {
|
|
10832
|
+
"value": 0,
|
|
10833
|
+
"unit": "px"
|
|
10834
|
+
},
|
|
10471
10835
|
"inset": true
|
|
10472
10836
|
}
|
|
10473
10837
|
],
|
|
@@ -10480,10 +10844,22 @@
|
|
|
10480
10844
|
{
|
|
10481
10845
|
"color": "{base.color.transparent}",
|
|
10482
10846
|
"alpha": 0,
|
|
10483
|
-
"offsetX":
|
|
10484
|
-
|
|
10485
|
-
|
|
10486
|
-
|
|
10847
|
+
"offsetX": {
|
|
10848
|
+
"value": 0,
|
|
10849
|
+
"unit": "px"
|
|
10850
|
+
},
|
|
10851
|
+
"offsetY": {
|
|
10852
|
+
"value": 0,
|
|
10853
|
+
"unit": "px"
|
|
10854
|
+
},
|
|
10855
|
+
"blur": {
|
|
10856
|
+
"value": 0,
|
|
10857
|
+
"unit": "px"
|
|
10858
|
+
},
|
|
10859
|
+
"spread": {
|
|
10860
|
+
"value": 0,
|
|
10861
|
+
"unit": "px"
|
|
10862
|
+
},
|
|
10487
10863
|
"inset": false
|
|
10488
10864
|
}
|
|
10489
10865
|
],
|
|
@@ -37220,6 +37596,10 @@
|
|
|
37220
37596
|
},
|
|
37221
37597
|
"org.primer.overrides": {
|
|
37222
37598
|
"dark": "#ffffff"
|
|
37599
|
+
},
|
|
37600
|
+
"org.primer.llm": {
|
|
37601
|
+
"doNotUse": true,
|
|
37602
|
+
"rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
|
|
37223
37603
|
}
|
|
37224
37604
|
},
|
|
37225
37605
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37236,6 +37616,10 @@
|
|
|
37236
37616
|
},
|
|
37237
37617
|
"org.primer.overrides": {
|
|
37238
37618
|
"dark": "{base.color.neutral.0}"
|
|
37619
|
+
},
|
|
37620
|
+
"org.primer.llm": {
|
|
37621
|
+
"doNotUse": true,
|
|
37622
|
+
"rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
|
|
37239
37623
|
}
|
|
37240
37624
|
},
|
|
37241
37625
|
"key": "{fgColor.black}"
|
|
@@ -38209,6 +38593,10 @@
|
|
|
38209
38593
|
},
|
|
38210
38594
|
"org.primer.overrides": {
|
|
38211
38595
|
"dark": "#1f2328"
|
|
38596
|
+
},
|
|
38597
|
+
"org.primer.llm": {
|
|
38598
|
+
"doNotUse": true,
|
|
38599
|
+
"rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
38212
38600
|
}
|
|
38213
38601
|
},
|
|
38214
38602
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38225,6 +38613,10 @@
|
|
|
38225
38613
|
},
|
|
38226
38614
|
"org.primer.overrides": {
|
|
38227
38615
|
"dark": "{base.color.neutral.13}"
|
|
38616
|
+
},
|
|
38617
|
+
"org.primer.llm": {
|
|
38618
|
+
"doNotUse": true,
|
|
38619
|
+
"rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
38228
38620
|
}
|
|
38229
38621
|
},
|
|
38230
38622
|
"key": "{fgColor.white}"
|
|
@@ -38250,7 +38642,10 @@
|
|
|
38250
38642
|
"$value": {
|
|
38251
38643
|
"color": "{focus.outlineColor}",
|
|
38252
38644
|
"style": "solid",
|
|
38253
|
-
"width":
|
|
38645
|
+
"width": {
|
|
38646
|
+
"value": 2,
|
|
38647
|
+
"unit": "px"
|
|
38648
|
+
}
|
|
38254
38649
|
},
|
|
38255
38650
|
"$type": "border",
|
|
38256
38651
|
"$description": "Focus ring outline for keyboard navigation and accessibility.",
|
|
@@ -47401,7 +47796,7 @@
|
|
|
47401
47796
|
},
|
|
47402
47797
|
"shadow-floating-large": {
|
|
47403
47798
|
"key": "{shadow.floating.large}",
|
|
47404
|
-
"$value": "
|
|
47799
|
+
"$value": "0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d",
|
|
47405
47800
|
"$type": "shadow",
|
|
47406
47801
|
"$description": "Large floating shadow for modals and dialogs",
|
|
47407
47802
|
"$extensions": {
|
|
@@ -47415,18 +47810,183 @@
|
|
|
47415
47810
|
{
|
|
47416
47811
|
"color": "#d1d9e080",
|
|
47417
47812
|
"alpha": 1,
|
|
47418
|
-
"offsetX":
|
|
47419
|
-
|
|
47420
|
-
|
|
47421
|
-
|
|
47813
|
+
"offsetX": {
|
|
47814
|
+
"value": 0,
|
|
47815
|
+
"unit": "px"
|
|
47816
|
+
},
|
|
47817
|
+
"offsetY": {
|
|
47818
|
+
"value": 0,
|
|
47819
|
+
"unit": "px"
|
|
47820
|
+
},
|
|
47821
|
+
"blur": {
|
|
47822
|
+
"value": 0,
|
|
47823
|
+
"unit": "px"
|
|
47824
|
+
},
|
|
47825
|
+
"spread": {
|
|
47826
|
+
"value": 1,
|
|
47827
|
+
"unit": "px"
|
|
47828
|
+
}
|
|
47422
47829
|
},
|
|
47423
47830
|
{
|
|
47424
47831
|
"color": "#ffffff",
|
|
47425
47832
|
"alpha": 1,
|
|
47426
|
-
"offsetX":
|
|
47427
|
-
|
|
47428
|
-
|
|
47429
|
-
|
|
47833
|
+
"offsetX": {
|
|
47834
|
+
"value": 0,
|
|
47835
|
+
"unit": "px"
|
|
47836
|
+
},
|
|
47837
|
+
"offsetY": {
|
|
47838
|
+
"value": 24,
|
|
47839
|
+
"unit": "px"
|
|
47840
|
+
},
|
|
47841
|
+
"blur": {
|
|
47842
|
+
"value": 48,
|
|
47843
|
+
"unit": "px"
|
|
47844
|
+
},
|
|
47845
|
+
"spread": {
|
|
47846
|
+
"value": 0,
|
|
47847
|
+
"unit": "px"
|
|
47848
|
+
}
|
|
47849
|
+
}
|
|
47850
|
+
],
|
|
47851
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47852
|
+
"isSource": true,
|
|
47853
|
+
"$type": "shadow"
|
|
47854
|
+
},
|
|
47855
|
+
"light-high-contrast": {
|
|
47856
|
+
"$value": [
|
|
47857
|
+
{
|
|
47858
|
+
"color": "#d1d9e080",
|
|
47859
|
+
"alpha": 1,
|
|
47860
|
+
"offsetX": {
|
|
47861
|
+
"value": 0,
|
|
47862
|
+
"unit": "px"
|
|
47863
|
+
},
|
|
47864
|
+
"offsetY": {
|
|
47865
|
+
"value": 0,
|
|
47866
|
+
"unit": "px"
|
|
47867
|
+
},
|
|
47868
|
+
"blur": {
|
|
47869
|
+
"value": 0,
|
|
47870
|
+
"unit": "px"
|
|
47871
|
+
},
|
|
47872
|
+
"spread": {
|
|
47873
|
+
"value": 1,
|
|
47874
|
+
"unit": "px"
|
|
47875
|
+
}
|
|
47876
|
+
},
|
|
47877
|
+
{
|
|
47878
|
+
"color": "#25292e",
|
|
47879
|
+
"alpha": 0.24,
|
|
47880
|
+
"offsetX": {
|
|
47881
|
+
"value": 0,
|
|
47882
|
+
"unit": "px"
|
|
47883
|
+
},
|
|
47884
|
+
"offsetY": {
|
|
47885
|
+
"value": 40,
|
|
47886
|
+
"unit": "px"
|
|
47887
|
+
},
|
|
47888
|
+
"blur": {
|
|
47889
|
+
"value": 80,
|
|
47890
|
+
"unit": "px"
|
|
47891
|
+
},
|
|
47892
|
+
"spread": {
|
|
47893
|
+
"value": 0,
|
|
47894
|
+
"unit": "px"
|
|
47895
|
+
}
|
|
47896
|
+
}
|
|
47897
|
+
],
|
|
47898
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47899
|
+
"isSource": true,
|
|
47900
|
+
"$type": "shadow"
|
|
47901
|
+
},
|
|
47902
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
47903
|
+
"$value": [
|
|
47904
|
+
{
|
|
47905
|
+
"color": "#d1d9e080",
|
|
47906
|
+
"alpha": 1,
|
|
47907
|
+
"offsetX": {
|
|
47908
|
+
"value": 0,
|
|
47909
|
+
"unit": "px"
|
|
47910
|
+
},
|
|
47911
|
+
"offsetY": {
|
|
47912
|
+
"value": 0,
|
|
47913
|
+
"unit": "px"
|
|
47914
|
+
},
|
|
47915
|
+
"blur": {
|
|
47916
|
+
"value": 0,
|
|
47917
|
+
"unit": "px"
|
|
47918
|
+
},
|
|
47919
|
+
"spread": {
|
|
47920
|
+
"value": 1,
|
|
47921
|
+
"unit": "px"
|
|
47922
|
+
}
|
|
47923
|
+
},
|
|
47924
|
+
{
|
|
47925
|
+
"color": "#25292e",
|
|
47926
|
+
"alpha": 0.24,
|
|
47927
|
+
"offsetX": {
|
|
47928
|
+
"value": 0,
|
|
47929
|
+
"unit": "px"
|
|
47930
|
+
},
|
|
47931
|
+
"offsetY": {
|
|
47932
|
+
"value": 40,
|
|
47933
|
+
"unit": "px"
|
|
47934
|
+
},
|
|
47935
|
+
"blur": {
|
|
47936
|
+
"value": 80,
|
|
47937
|
+
"unit": "px"
|
|
47938
|
+
},
|
|
47939
|
+
"spread": {
|
|
47940
|
+
"value": 0,
|
|
47941
|
+
"unit": "px"
|
|
47942
|
+
}
|
|
47943
|
+
}
|
|
47944
|
+
],
|
|
47945
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47946
|
+
"isSource": true,
|
|
47947
|
+
"$type": "shadow"
|
|
47948
|
+
},
|
|
47949
|
+
"light-tritanopia-high-contrast": {
|
|
47950
|
+
"$value": [
|
|
47951
|
+
{
|
|
47952
|
+
"color": "#d1d9e080",
|
|
47953
|
+
"alpha": 1,
|
|
47954
|
+
"offsetX": {
|
|
47955
|
+
"value": 0,
|
|
47956
|
+
"unit": "px"
|
|
47957
|
+
},
|
|
47958
|
+
"offsetY": {
|
|
47959
|
+
"value": 0,
|
|
47960
|
+
"unit": "px"
|
|
47961
|
+
},
|
|
47962
|
+
"blur": {
|
|
47963
|
+
"value": 0,
|
|
47964
|
+
"unit": "px"
|
|
47965
|
+
},
|
|
47966
|
+
"spread": {
|
|
47967
|
+
"value": 1,
|
|
47968
|
+
"unit": "px"
|
|
47969
|
+
}
|
|
47970
|
+
},
|
|
47971
|
+
{
|
|
47972
|
+
"color": "#25292e",
|
|
47973
|
+
"alpha": 0.24,
|
|
47974
|
+
"offsetX": {
|
|
47975
|
+
"value": 0,
|
|
47976
|
+
"unit": "px"
|
|
47977
|
+
},
|
|
47978
|
+
"offsetY": {
|
|
47979
|
+
"value": 40,
|
|
47980
|
+
"unit": "px"
|
|
47981
|
+
},
|
|
47982
|
+
"blur": {
|
|
47983
|
+
"value": 80,
|
|
47984
|
+
"unit": "px"
|
|
47985
|
+
},
|
|
47986
|
+
"spread": {
|
|
47987
|
+
"value": 0,
|
|
47988
|
+
"unit": "px"
|
|
47989
|
+
}
|
|
47430
47990
|
}
|
|
47431
47991
|
],
|
|
47432
47992
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47446,18 +48006,42 @@
|
|
|
47446
48006
|
{
|
|
47447
48007
|
"color": "{overlay.borderColor}",
|
|
47448
48008
|
"alpha": 0,
|
|
47449
|
-
"offsetX":
|
|
47450
|
-
|
|
47451
|
-
|
|
47452
|
-
|
|
48009
|
+
"offsetX": {
|
|
48010
|
+
"value": 0,
|
|
48011
|
+
"unit": "px"
|
|
48012
|
+
},
|
|
48013
|
+
"offsetY": {
|
|
48014
|
+
"value": 0,
|
|
48015
|
+
"unit": "px"
|
|
48016
|
+
},
|
|
48017
|
+
"blur": {
|
|
48018
|
+
"value": 0,
|
|
48019
|
+
"unit": "px"
|
|
48020
|
+
},
|
|
48021
|
+
"spread": {
|
|
48022
|
+
"value": 1,
|
|
48023
|
+
"unit": "px"
|
|
48024
|
+
}
|
|
47453
48025
|
},
|
|
47454
48026
|
{
|
|
47455
48027
|
"color": "{base.color.neutral.12}",
|
|
47456
48028
|
"alpha": 0.24,
|
|
47457
|
-
"offsetX":
|
|
47458
|
-
|
|
47459
|
-
|
|
47460
|
-
|
|
48029
|
+
"offsetX": {
|
|
48030
|
+
"value": 0,
|
|
48031
|
+
"unit": "px"
|
|
48032
|
+
},
|
|
48033
|
+
"offsetY": {
|
|
48034
|
+
"value": 40,
|
|
48035
|
+
"unit": "px"
|
|
48036
|
+
},
|
|
48037
|
+
"blur": {
|
|
48038
|
+
"value": 80,
|
|
48039
|
+
"unit": "px"
|
|
48040
|
+
},
|
|
48041
|
+
"spread": {
|
|
48042
|
+
"value": 0,
|
|
48043
|
+
"unit": "px"
|
|
48044
|
+
}
|
|
47461
48045
|
}
|
|
47462
48046
|
],
|
|
47463
48047
|
"$type": "shadow",
|
|
@@ -47473,18 +48057,183 @@
|
|
|
47473
48057
|
{
|
|
47474
48058
|
"color": "{overlay.borderColor}",
|
|
47475
48059
|
"alpha": 1,
|
|
47476
|
-
"offsetX":
|
|
47477
|
-
|
|
47478
|
-
|
|
47479
|
-
|
|
48060
|
+
"offsetX": {
|
|
48061
|
+
"value": 0,
|
|
48062
|
+
"unit": "px"
|
|
48063
|
+
},
|
|
48064
|
+
"offsetY": {
|
|
48065
|
+
"value": 0,
|
|
48066
|
+
"unit": "px"
|
|
48067
|
+
},
|
|
48068
|
+
"blur": {
|
|
48069
|
+
"value": 0,
|
|
48070
|
+
"unit": "px"
|
|
48071
|
+
},
|
|
48072
|
+
"spread": {
|
|
48073
|
+
"value": 1,
|
|
48074
|
+
"unit": "px"
|
|
48075
|
+
}
|
|
47480
48076
|
},
|
|
47481
48077
|
{
|
|
47482
48078
|
"color": "{base.color.neutral.0}",
|
|
47483
48079
|
"alpha": 1,
|
|
47484
|
-
"offsetX":
|
|
47485
|
-
|
|
47486
|
-
|
|
47487
|
-
|
|
48080
|
+
"offsetX": {
|
|
48081
|
+
"value": 0,
|
|
48082
|
+
"unit": "px"
|
|
48083
|
+
},
|
|
48084
|
+
"offsetY": {
|
|
48085
|
+
"value": 24,
|
|
48086
|
+
"unit": "px"
|
|
48087
|
+
},
|
|
48088
|
+
"blur": {
|
|
48089
|
+
"value": 48,
|
|
48090
|
+
"unit": "px"
|
|
48091
|
+
},
|
|
48092
|
+
"spread": {
|
|
48093
|
+
"value": 0,
|
|
48094
|
+
"unit": "px"
|
|
48095
|
+
}
|
|
48096
|
+
}
|
|
48097
|
+
],
|
|
48098
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48099
|
+
"isSource": true,
|
|
48100
|
+
"$type": "shadow"
|
|
48101
|
+
},
|
|
48102
|
+
"light-high-contrast": {
|
|
48103
|
+
"$value": [
|
|
48104
|
+
{
|
|
48105
|
+
"color": "{overlay.borderColor}",
|
|
48106
|
+
"alpha": 1,
|
|
48107
|
+
"offsetX": {
|
|
48108
|
+
"value": 0,
|
|
48109
|
+
"unit": "px"
|
|
48110
|
+
},
|
|
48111
|
+
"offsetY": {
|
|
48112
|
+
"value": 0,
|
|
48113
|
+
"unit": "px"
|
|
48114
|
+
},
|
|
48115
|
+
"blur": {
|
|
48116
|
+
"value": 0,
|
|
48117
|
+
"unit": "px"
|
|
48118
|
+
},
|
|
48119
|
+
"spread": {
|
|
48120
|
+
"value": 1,
|
|
48121
|
+
"unit": "px"
|
|
48122
|
+
}
|
|
48123
|
+
},
|
|
48124
|
+
{
|
|
48125
|
+
"color": "{base.color.neutral.12}",
|
|
48126
|
+
"alpha": 0.24,
|
|
48127
|
+
"offsetX": {
|
|
48128
|
+
"value": 0,
|
|
48129
|
+
"unit": "px"
|
|
48130
|
+
},
|
|
48131
|
+
"offsetY": {
|
|
48132
|
+
"value": 40,
|
|
48133
|
+
"unit": "px"
|
|
48134
|
+
},
|
|
48135
|
+
"blur": {
|
|
48136
|
+
"value": 80,
|
|
48137
|
+
"unit": "px"
|
|
48138
|
+
},
|
|
48139
|
+
"spread": {
|
|
48140
|
+
"value": 0,
|
|
48141
|
+
"unit": "px"
|
|
48142
|
+
}
|
|
48143
|
+
}
|
|
48144
|
+
],
|
|
48145
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48146
|
+
"isSource": true,
|
|
48147
|
+
"$type": "shadow"
|
|
48148
|
+
},
|
|
48149
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48150
|
+
"$value": [
|
|
48151
|
+
{
|
|
48152
|
+
"color": "{overlay.borderColor}",
|
|
48153
|
+
"alpha": 1,
|
|
48154
|
+
"offsetX": {
|
|
48155
|
+
"value": 0,
|
|
48156
|
+
"unit": "px"
|
|
48157
|
+
},
|
|
48158
|
+
"offsetY": {
|
|
48159
|
+
"value": 0,
|
|
48160
|
+
"unit": "px"
|
|
48161
|
+
},
|
|
48162
|
+
"blur": {
|
|
48163
|
+
"value": 0,
|
|
48164
|
+
"unit": "px"
|
|
48165
|
+
},
|
|
48166
|
+
"spread": {
|
|
48167
|
+
"value": 1,
|
|
48168
|
+
"unit": "px"
|
|
48169
|
+
}
|
|
48170
|
+
},
|
|
48171
|
+
{
|
|
48172
|
+
"color": "{base.color.neutral.12}",
|
|
48173
|
+
"alpha": 0.24,
|
|
48174
|
+
"offsetX": {
|
|
48175
|
+
"value": 0,
|
|
48176
|
+
"unit": "px"
|
|
48177
|
+
},
|
|
48178
|
+
"offsetY": {
|
|
48179
|
+
"value": 40,
|
|
48180
|
+
"unit": "px"
|
|
48181
|
+
},
|
|
48182
|
+
"blur": {
|
|
48183
|
+
"value": 80,
|
|
48184
|
+
"unit": "px"
|
|
48185
|
+
},
|
|
48186
|
+
"spread": {
|
|
48187
|
+
"value": 0,
|
|
48188
|
+
"unit": "px"
|
|
48189
|
+
}
|
|
48190
|
+
}
|
|
48191
|
+
],
|
|
48192
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48193
|
+
"isSource": true,
|
|
48194
|
+
"$type": "shadow"
|
|
48195
|
+
},
|
|
48196
|
+
"light-tritanopia-high-contrast": {
|
|
48197
|
+
"$value": [
|
|
48198
|
+
{
|
|
48199
|
+
"color": "{overlay.borderColor}",
|
|
48200
|
+
"alpha": 1,
|
|
48201
|
+
"offsetX": {
|
|
48202
|
+
"value": 0,
|
|
48203
|
+
"unit": "px"
|
|
48204
|
+
},
|
|
48205
|
+
"offsetY": {
|
|
48206
|
+
"value": 0,
|
|
48207
|
+
"unit": "px"
|
|
48208
|
+
},
|
|
48209
|
+
"blur": {
|
|
48210
|
+
"value": 0,
|
|
48211
|
+
"unit": "px"
|
|
48212
|
+
},
|
|
48213
|
+
"spread": {
|
|
48214
|
+
"value": 1,
|
|
48215
|
+
"unit": "px"
|
|
48216
|
+
}
|
|
48217
|
+
},
|
|
48218
|
+
{
|
|
48219
|
+
"color": "{base.color.neutral.12}",
|
|
48220
|
+
"alpha": 0.24,
|
|
48221
|
+
"offsetX": {
|
|
48222
|
+
"value": 0,
|
|
48223
|
+
"unit": "px"
|
|
48224
|
+
},
|
|
48225
|
+
"offsetY": {
|
|
48226
|
+
"value": 40,
|
|
48227
|
+
"unit": "px"
|
|
48228
|
+
},
|
|
48229
|
+
"blur": {
|
|
48230
|
+
"value": 80,
|
|
48231
|
+
"unit": "px"
|
|
48232
|
+
},
|
|
48233
|
+
"spread": {
|
|
48234
|
+
"value": 0,
|
|
48235
|
+
"unit": "px"
|
|
48236
|
+
}
|
|
47488
48237
|
}
|
|
47489
48238
|
],
|
|
47490
48239
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47505,8 +48254,9 @@
|
|
|
47505
48254
|
},
|
|
47506
48255
|
"shadow-floating-legacy": {
|
|
47507
48256
|
"key": "{shadow.floating.legacy}",
|
|
47508
|
-
"$value": "
|
|
48257
|
+
"$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
|
|
47509
48258
|
"$type": "shadow",
|
|
48259
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47510
48260
|
"$extensions": {
|
|
47511
48261
|
"org.primer.figma": {},
|
|
47512
48262
|
"org.primer.overrides": {
|
|
@@ -47515,24 +48265,52 @@
|
|
|
47515
48265
|
{
|
|
47516
48266
|
"color": "#ffffff",
|
|
47517
48267
|
"alpha": 0.4,
|
|
47518
|
-
"offsetX":
|
|
47519
|
-
|
|
47520
|
-
|
|
47521
|
-
|
|
48268
|
+
"offsetX": {
|
|
48269
|
+
"value": 0,
|
|
48270
|
+
"unit": "px"
|
|
48271
|
+
},
|
|
48272
|
+
"offsetY": {
|
|
48273
|
+
"value": 6,
|
|
48274
|
+
"unit": "px"
|
|
48275
|
+
},
|
|
48276
|
+
"blur": {
|
|
48277
|
+
"value": 12,
|
|
48278
|
+
"unit": "px"
|
|
48279
|
+
},
|
|
48280
|
+
"spread": {
|
|
48281
|
+
"value": -3,
|
|
48282
|
+
"unit": "px"
|
|
48283
|
+
}
|
|
47522
48284
|
},
|
|
47523
48285
|
{
|
|
47524
48286
|
"color": "#ffffff",
|
|
47525
48287
|
"alpha": 0.4,
|
|
47526
|
-
"offsetX":
|
|
47527
|
-
|
|
47528
|
-
|
|
47529
|
-
|
|
48288
|
+
"offsetX": {
|
|
48289
|
+
"value": 0,
|
|
48290
|
+
"unit": "px"
|
|
48291
|
+
},
|
|
48292
|
+
"offsetY": {
|
|
48293
|
+
"value": 6,
|
|
48294
|
+
"unit": "px"
|
|
48295
|
+
},
|
|
48296
|
+
"blur": {
|
|
48297
|
+
"value": 18,
|
|
48298
|
+
"unit": "px"
|
|
48299
|
+
},
|
|
48300
|
+
"spread": {
|
|
48301
|
+
"value": 0,
|
|
48302
|
+
"unit": "px"
|
|
48303
|
+
}
|
|
47530
48304
|
}
|
|
47531
48305
|
],
|
|
47532
48306
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47533
48307
|
"isSource": true,
|
|
47534
48308
|
"$type": "shadow"
|
|
47535
48309
|
}
|
|
48310
|
+
},
|
|
48311
|
+
"org.primer.llm": {
|
|
48312
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48313
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47536
48314
|
}
|
|
47537
48315
|
},
|
|
47538
48316
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47542,21 +48320,46 @@
|
|
|
47542
48320
|
{
|
|
47543
48321
|
"color": "{base.color.neutral.12}",
|
|
47544
48322
|
"alpha": 0.04,
|
|
47545
|
-
"offsetX":
|
|
47546
|
-
|
|
47547
|
-
|
|
47548
|
-
|
|
48323
|
+
"offsetX": {
|
|
48324
|
+
"value": 0,
|
|
48325
|
+
"unit": "px"
|
|
48326
|
+
},
|
|
48327
|
+
"offsetY": {
|
|
48328
|
+
"value": 6,
|
|
48329
|
+
"unit": "px"
|
|
48330
|
+
},
|
|
48331
|
+
"blur": {
|
|
48332
|
+
"value": 12,
|
|
48333
|
+
"unit": "px"
|
|
48334
|
+
},
|
|
48335
|
+
"spread": {
|
|
48336
|
+
"value": -3,
|
|
48337
|
+
"unit": "px"
|
|
48338
|
+
}
|
|
47549
48339
|
},
|
|
47550
48340
|
{
|
|
47551
48341
|
"color": "{base.color.neutral.12}",
|
|
47552
48342
|
"alpha": 0.12,
|
|
47553
|
-
"offsetX":
|
|
47554
|
-
|
|
47555
|
-
|
|
47556
|
-
|
|
48343
|
+
"offsetX": {
|
|
48344
|
+
"value": 0,
|
|
48345
|
+
"unit": "px"
|
|
48346
|
+
},
|
|
48347
|
+
"offsetY": {
|
|
48348
|
+
"value": 6,
|
|
48349
|
+
"unit": "px"
|
|
48350
|
+
},
|
|
48351
|
+
"blur": {
|
|
48352
|
+
"value": 18,
|
|
48353
|
+
"unit": "px"
|
|
48354
|
+
},
|
|
48355
|
+
"spread": {
|
|
48356
|
+
"value": 0,
|
|
48357
|
+
"unit": "px"
|
|
48358
|
+
}
|
|
47557
48359
|
}
|
|
47558
48360
|
],
|
|
47559
48361
|
"$type": "shadow",
|
|
48362
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47560
48363
|
"$extensions": {
|
|
47561
48364
|
"org.primer.figma": {},
|
|
47562
48365
|
"org.primer.overrides": {
|
|
@@ -47565,24 +48368,52 @@
|
|
|
47565
48368
|
{
|
|
47566
48369
|
"color": "{base.color.neutral.0}",
|
|
47567
48370
|
"alpha": 0.4,
|
|
47568
|
-
"offsetX":
|
|
47569
|
-
|
|
47570
|
-
|
|
47571
|
-
|
|
48371
|
+
"offsetX": {
|
|
48372
|
+
"value": 0,
|
|
48373
|
+
"unit": "px"
|
|
48374
|
+
},
|
|
48375
|
+
"offsetY": {
|
|
48376
|
+
"value": 6,
|
|
48377
|
+
"unit": "px"
|
|
48378
|
+
},
|
|
48379
|
+
"blur": {
|
|
48380
|
+
"value": 12,
|
|
48381
|
+
"unit": "px"
|
|
48382
|
+
},
|
|
48383
|
+
"spread": {
|
|
48384
|
+
"value": -3,
|
|
48385
|
+
"unit": "px"
|
|
48386
|
+
}
|
|
47572
48387
|
},
|
|
47573
48388
|
{
|
|
47574
48389
|
"color": "{base.color.neutral.0}",
|
|
47575
48390
|
"alpha": 0.4,
|
|
47576
|
-
"offsetX":
|
|
47577
|
-
|
|
47578
|
-
|
|
47579
|
-
|
|
48391
|
+
"offsetX": {
|
|
48392
|
+
"value": 0,
|
|
48393
|
+
"unit": "px"
|
|
48394
|
+
},
|
|
48395
|
+
"offsetY": {
|
|
48396
|
+
"value": 6,
|
|
48397
|
+
"unit": "px"
|
|
48398
|
+
},
|
|
48399
|
+
"blur": {
|
|
48400
|
+
"value": 18,
|
|
48401
|
+
"unit": "px"
|
|
48402
|
+
},
|
|
48403
|
+
"spread": {
|
|
48404
|
+
"value": 0,
|
|
48405
|
+
"unit": "px"
|
|
48406
|
+
}
|
|
47580
48407
|
}
|
|
47581
48408
|
],
|
|
47582
48409
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47583
48410
|
"isSource": true,
|
|
47584
48411
|
"$type": "shadow"
|
|
47585
48412
|
}
|
|
48413
|
+
},
|
|
48414
|
+
"org.primer.llm": {
|
|
48415
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48416
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47586
48417
|
}
|
|
47587
48418
|
},
|
|
47588
48419
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47593,8 +48424,9 @@
|
|
|
47593
48424
|
},
|
|
47594
48425
|
"shadow-floating-medium": {
|
|
47595
48426
|
"key": "{shadow.floating.medium}",
|
|
47596
|
-
"$value": "
|
|
48427
|
+
"$value": "0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14",
|
|
47597
48428
|
"$type": "shadow",
|
|
48429
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47598
48430
|
"$extensions": {
|
|
47599
48431
|
"org.primer.figma": {
|
|
47600
48432
|
"collection": "mode",
|
|
@@ -47606,48 +48438,433 @@
|
|
|
47606
48438
|
{
|
|
47607
48439
|
"color": "#d1d9e080",
|
|
47608
48440
|
"alpha": 1,
|
|
47609
|
-
"offsetX":
|
|
47610
|
-
|
|
47611
|
-
|
|
47612
|
-
|
|
48441
|
+
"offsetX": {
|
|
48442
|
+
"value": 0,
|
|
48443
|
+
"unit": "px"
|
|
48444
|
+
},
|
|
48445
|
+
"offsetY": {
|
|
48446
|
+
"value": 0,
|
|
48447
|
+
"unit": "px"
|
|
48448
|
+
},
|
|
48449
|
+
"blur": {
|
|
48450
|
+
"value": 0,
|
|
48451
|
+
"unit": "px"
|
|
48452
|
+
},
|
|
48453
|
+
"spread": {
|
|
48454
|
+
"value": 1,
|
|
48455
|
+
"unit": "px"
|
|
48456
|
+
}
|
|
47613
48457
|
},
|
|
47614
48458
|
{
|
|
47615
48459
|
"color": "#ffffff",
|
|
47616
48460
|
"alpha": 0.4,
|
|
47617
|
-
"offsetX":
|
|
47618
|
-
|
|
47619
|
-
|
|
47620
|
-
|
|
48461
|
+
"offsetX": {
|
|
48462
|
+
"value": 0,
|
|
48463
|
+
"unit": "px"
|
|
48464
|
+
},
|
|
48465
|
+
"offsetY": {
|
|
48466
|
+
"value": 8,
|
|
48467
|
+
"unit": "px"
|
|
48468
|
+
},
|
|
48469
|
+
"blur": {
|
|
48470
|
+
"value": 16,
|
|
48471
|
+
"unit": "px"
|
|
48472
|
+
},
|
|
48473
|
+
"spread": {
|
|
48474
|
+
"value": -4,
|
|
48475
|
+
"unit": "px"
|
|
48476
|
+
}
|
|
47621
48477
|
},
|
|
47622
48478
|
{
|
|
47623
48479
|
"color": "#ffffff",
|
|
47624
48480
|
"alpha": 0.4,
|
|
47625
|
-
"offsetX":
|
|
47626
|
-
|
|
47627
|
-
|
|
47628
|
-
|
|
48481
|
+
"offsetX": {
|
|
48482
|
+
"value": 0,
|
|
48483
|
+
"unit": "px"
|
|
48484
|
+
},
|
|
48485
|
+
"offsetY": {
|
|
48486
|
+
"value": 4,
|
|
48487
|
+
"unit": "px"
|
|
48488
|
+
},
|
|
48489
|
+
"blur": {
|
|
48490
|
+
"value": 32,
|
|
48491
|
+
"unit": "px"
|
|
48492
|
+
},
|
|
48493
|
+
"spread": {
|
|
48494
|
+
"value": -4,
|
|
48495
|
+
"unit": "px"
|
|
48496
|
+
}
|
|
47629
48497
|
},
|
|
47630
48498
|
{
|
|
47631
48499
|
"color": "#ffffff",
|
|
47632
48500
|
"alpha": 0.4,
|
|
47633
|
-
"offsetX":
|
|
47634
|
-
|
|
47635
|
-
|
|
47636
|
-
|
|
48501
|
+
"offsetX": {
|
|
48502
|
+
"value": 0,
|
|
48503
|
+
"unit": "px"
|
|
48504
|
+
},
|
|
48505
|
+
"offsetY": {
|
|
48506
|
+
"value": 24,
|
|
48507
|
+
"unit": "px"
|
|
48508
|
+
},
|
|
48509
|
+
"blur": {
|
|
48510
|
+
"value": 48,
|
|
48511
|
+
"unit": "px"
|
|
48512
|
+
},
|
|
48513
|
+
"spread": {
|
|
48514
|
+
"value": -12,
|
|
48515
|
+
"unit": "px"
|
|
48516
|
+
}
|
|
47637
48517
|
},
|
|
47638
48518
|
{
|
|
47639
48519
|
"color": "#ffffff",
|
|
47640
48520
|
"alpha": 0.4,
|
|
47641
|
-
"offsetX":
|
|
47642
|
-
|
|
47643
|
-
|
|
47644
|
-
|
|
48521
|
+
"offsetX": {
|
|
48522
|
+
"value": 0,
|
|
48523
|
+
"unit": "px"
|
|
48524
|
+
},
|
|
48525
|
+
"offsetY": {
|
|
48526
|
+
"value": 48,
|
|
48527
|
+
"unit": "px"
|
|
48528
|
+
},
|
|
48529
|
+
"blur": {
|
|
48530
|
+
"value": 96,
|
|
48531
|
+
"unit": "px"
|
|
48532
|
+
},
|
|
48533
|
+
"spread": {
|
|
48534
|
+
"value": -24,
|
|
48535
|
+
"unit": "px"
|
|
48536
|
+
}
|
|
48537
|
+
}
|
|
48538
|
+
],
|
|
48539
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48540
|
+
"isSource": true,
|
|
48541
|
+
"$type": "shadow"
|
|
48542
|
+
},
|
|
48543
|
+
"light-high-contrast": {
|
|
48544
|
+
"$value": [
|
|
48545
|
+
{
|
|
48546
|
+
"color": "#d1d9e080",
|
|
48547
|
+
"alpha": 1,
|
|
48548
|
+
"offsetX": {
|
|
48549
|
+
"value": 0,
|
|
48550
|
+
"unit": "px"
|
|
48551
|
+
},
|
|
48552
|
+
"offsetY": {
|
|
48553
|
+
"value": 0,
|
|
48554
|
+
"unit": "px"
|
|
48555
|
+
},
|
|
48556
|
+
"blur": {
|
|
48557
|
+
"value": 0,
|
|
48558
|
+
"unit": "px"
|
|
48559
|
+
},
|
|
48560
|
+
"spread": {
|
|
48561
|
+
"value": 1,
|
|
48562
|
+
"unit": "px"
|
|
48563
|
+
}
|
|
48564
|
+
},
|
|
48565
|
+
{
|
|
48566
|
+
"color": "#25292e",
|
|
48567
|
+
"alpha": 0.08,
|
|
48568
|
+
"offsetX": {
|
|
48569
|
+
"value": 0,
|
|
48570
|
+
"unit": "px"
|
|
48571
|
+
},
|
|
48572
|
+
"offsetY": {
|
|
48573
|
+
"value": 8,
|
|
48574
|
+
"unit": "px"
|
|
48575
|
+
},
|
|
48576
|
+
"blur": {
|
|
48577
|
+
"value": 16,
|
|
48578
|
+
"unit": "px"
|
|
48579
|
+
},
|
|
48580
|
+
"spread": {
|
|
48581
|
+
"value": -4,
|
|
48582
|
+
"unit": "px"
|
|
48583
|
+
}
|
|
48584
|
+
},
|
|
48585
|
+
{
|
|
48586
|
+
"color": "#25292e",
|
|
48587
|
+
"alpha": 0.08,
|
|
48588
|
+
"offsetX": {
|
|
48589
|
+
"value": 0,
|
|
48590
|
+
"unit": "px"
|
|
48591
|
+
},
|
|
48592
|
+
"offsetY": {
|
|
48593
|
+
"value": 4,
|
|
48594
|
+
"unit": "px"
|
|
48595
|
+
},
|
|
48596
|
+
"blur": {
|
|
48597
|
+
"value": 32,
|
|
48598
|
+
"unit": "px"
|
|
48599
|
+
},
|
|
48600
|
+
"spread": {
|
|
48601
|
+
"value": -4,
|
|
48602
|
+
"unit": "px"
|
|
48603
|
+
}
|
|
48604
|
+
},
|
|
48605
|
+
{
|
|
48606
|
+
"color": "#25292e",
|
|
48607
|
+
"alpha": 0.08,
|
|
48608
|
+
"offsetX": {
|
|
48609
|
+
"value": 0,
|
|
48610
|
+
"unit": "px"
|
|
48611
|
+
},
|
|
48612
|
+
"offsetY": {
|
|
48613
|
+
"value": 24,
|
|
48614
|
+
"unit": "px"
|
|
48615
|
+
},
|
|
48616
|
+
"blur": {
|
|
48617
|
+
"value": 48,
|
|
48618
|
+
"unit": "px"
|
|
48619
|
+
},
|
|
48620
|
+
"spread": {
|
|
48621
|
+
"value": -12,
|
|
48622
|
+
"unit": "px"
|
|
48623
|
+
}
|
|
48624
|
+
},
|
|
48625
|
+
{
|
|
48626
|
+
"color": "#25292e",
|
|
48627
|
+
"alpha": 0.08,
|
|
48628
|
+
"offsetX": {
|
|
48629
|
+
"value": 0,
|
|
48630
|
+
"unit": "px"
|
|
48631
|
+
},
|
|
48632
|
+
"offsetY": {
|
|
48633
|
+
"value": 48,
|
|
48634
|
+
"unit": "px"
|
|
48635
|
+
},
|
|
48636
|
+
"blur": {
|
|
48637
|
+
"value": 96,
|
|
48638
|
+
"unit": "px"
|
|
48639
|
+
},
|
|
48640
|
+
"spread": {
|
|
48641
|
+
"value": -24,
|
|
48642
|
+
"unit": "px"
|
|
48643
|
+
}
|
|
48644
|
+
}
|
|
48645
|
+
],
|
|
48646
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48647
|
+
"isSource": true,
|
|
48648
|
+
"$type": "shadow"
|
|
48649
|
+
},
|
|
48650
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48651
|
+
"$value": [
|
|
48652
|
+
{
|
|
48653
|
+
"color": "#d1d9e080",
|
|
48654
|
+
"alpha": 1,
|
|
48655
|
+
"offsetX": {
|
|
48656
|
+
"value": 0,
|
|
48657
|
+
"unit": "px"
|
|
48658
|
+
},
|
|
48659
|
+
"offsetY": {
|
|
48660
|
+
"value": 0,
|
|
48661
|
+
"unit": "px"
|
|
48662
|
+
},
|
|
48663
|
+
"blur": {
|
|
48664
|
+
"value": 0,
|
|
48665
|
+
"unit": "px"
|
|
48666
|
+
},
|
|
48667
|
+
"spread": {
|
|
48668
|
+
"value": 1,
|
|
48669
|
+
"unit": "px"
|
|
48670
|
+
}
|
|
48671
|
+
},
|
|
48672
|
+
{
|
|
48673
|
+
"color": "#25292e",
|
|
48674
|
+
"alpha": 0.08,
|
|
48675
|
+
"offsetX": {
|
|
48676
|
+
"value": 0,
|
|
48677
|
+
"unit": "px"
|
|
48678
|
+
},
|
|
48679
|
+
"offsetY": {
|
|
48680
|
+
"value": 8,
|
|
48681
|
+
"unit": "px"
|
|
48682
|
+
},
|
|
48683
|
+
"blur": {
|
|
48684
|
+
"value": 16,
|
|
48685
|
+
"unit": "px"
|
|
48686
|
+
},
|
|
48687
|
+
"spread": {
|
|
48688
|
+
"value": -4,
|
|
48689
|
+
"unit": "px"
|
|
48690
|
+
}
|
|
48691
|
+
},
|
|
48692
|
+
{
|
|
48693
|
+
"color": "#25292e",
|
|
48694
|
+
"alpha": 0.08,
|
|
48695
|
+
"offsetX": {
|
|
48696
|
+
"value": 0,
|
|
48697
|
+
"unit": "px"
|
|
48698
|
+
},
|
|
48699
|
+
"offsetY": {
|
|
48700
|
+
"value": 4,
|
|
48701
|
+
"unit": "px"
|
|
48702
|
+
},
|
|
48703
|
+
"blur": {
|
|
48704
|
+
"value": 32,
|
|
48705
|
+
"unit": "px"
|
|
48706
|
+
},
|
|
48707
|
+
"spread": {
|
|
48708
|
+
"value": -4,
|
|
48709
|
+
"unit": "px"
|
|
48710
|
+
}
|
|
48711
|
+
},
|
|
48712
|
+
{
|
|
48713
|
+
"color": "#25292e",
|
|
48714
|
+
"alpha": 0.08,
|
|
48715
|
+
"offsetX": {
|
|
48716
|
+
"value": 0,
|
|
48717
|
+
"unit": "px"
|
|
48718
|
+
},
|
|
48719
|
+
"offsetY": {
|
|
48720
|
+
"value": 24,
|
|
48721
|
+
"unit": "px"
|
|
48722
|
+
},
|
|
48723
|
+
"blur": {
|
|
48724
|
+
"value": 48,
|
|
48725
|
+
"unit": "px"
|
|
48726
|
+
},
|
|
48727
|
+
"spread": {
|
|
48728
|
+
"value": -12,
|
|
48729
|
+
"unit": "px"
|
|
48730
|
+
}
|
|
48731
|
+
},
|
|
48732
|
+
{
|
|
48733
|
+
"color": "#25292e",
|
|
48734
|
+
"alpha": 0.08,
|
|
48735
|
+
"offsetX": {
|
|
48736
|
+
"value": 0,
|
|
48737
|
+
"unit": "px"
|
|
48738
|
+
},
|
|
48739
|
+
"offsetY": {
|
|
48740
|
+
"value": 48,
|
|
48741
|
+
"unit": "px"
|
|
48742
|
+
},
|
|
48743
|
+
"blur": {
|
|
48744
|
+
"value": 96,
|
|
48745
|
+
"unit": "px"
|
|
48746
|
+
},
|
|
48747
|
+
"spread": {
|
|
48748
|
+
"value": -24,
|
|
48749
|
+
"unit": "px"
|
|
48750
|
+
}
|
|
48751
|
+
}
|
|
48752
|
+
],
|
|
48753
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48754
|
+
"isSource": true,
|
|
48755
|
+
"$type": "shadow"
|
|
48756
|
+
},
|
|
48757
|
+
"light-tritanopia-high-contrast": {
|
|
48758
|
+
"$value": [
|
|
48759
|
+
{
|
|
48760
|
+
"color": "#d1d9e080",
|
|
48761
|
+
"alpha": 1,
|
|
48762
|
+
"offsetX": {
|
|
48763
|
+
"value": 0,
|
|
48764
|
+
"unit": "px"
|
|
48765
|
+
},
|
|
48766
|
+
"offsetY": {
|
|
48767
|
+
"value": 0,
|
|
48768
|
+
"unit": "px"
|
|
48769
|
+
},
|
|
48770
|
+
"blur": {
|
|
48771
|
+
"value": 0,
|
|
48772
|
+
"unit": "px"
|
|
48773
|
+
},
|
|
48774
|
+
"spread": {
|
|
48775
|
+
"value": 1,
|
|
48776
|
+
"unit": "px"
|
|
48777
|
+
}
|
|
48778
|
+
},
|
|
48779
|
+
{
|
|
48780
|
+
"color": "#25292e",
|
|
48781
|
+
"alpha": 0.08,
|
|
48782
|
+
"offsetX": {
|
|
48783
|
+
"value": 0,
|
|
48784
|
+
"unit": "px"
|
|
48785
|
+
},
|
|
48786
|
+
"offsetY": {
|
|
48787
|
+
"value": 8,
|
|
48788
|
+
"unit": "px"
|
|
48789
|
+
},
|
|
48790
|
+
"blur": {
|
|
48791
|
+
"value": 16,
|
|
48792
|
+
"unit": "px"
|
|
48793
|
+
},
|
|
48794
|
+
"spread": {
|
|
48795
|
+
"value": -4,
|
|
48796
|
+
"unit": "px"
|
|
48797
|
+
}
|
|
48798
|
+
},
|
|
48799
|
+
{
|
|
48800
|
+
"color": "#25292e",
|
|
48801
|
+
"alpha": 0.08,
|
|
48802
|
+
"offsetX": {
|
|
48803
|
+
"value": 0,
|
|
48804
|
+
"unit": "px"
|
|
48805
|
+
},
|
|
48806
|
+
"offsetY": {
|
|
48807
|
+
"value": 4,
|
|
48808
|
+
"unit": "px"
|
|
48809
|
+
},
|
|
48810
|
+
"blur": {
|
|
48811
|
+
"value": 32,
|
|
48812
|
+
"unit": "px"
|
|
48813
|
+
},
|
|
48814
|
+
"spread": {
|
|
48815
|
+
"value": -4,
|
|
48816
|
+
"unit": "px"
|
|
48817
|
+
}
|
|
48818
|
+
},
|
|
48819
|
+
{
|
|
48820
|
+
"color": "#25292e",
|
|
48821
|
+
"alpha": 0.08,
|
|
48822
|
+
"offsetX": {
|
|
48823
|
+
"value": 0,
|
|
48824
|
+
"unit": "px"
|
|
48825
|
+
},
|
|
48826
|
+
"offsetY": {
|
|
48827
|
+
"value": 24,
|
|
48828
|
+
"unit": "px"
|
|
48829
|
+
},
|
|
48830
|
+
"blur": {
|
|
48831
|
+
"value": 48,
|
|
48832
|
+
"unit": "px"
|
|
48833
|
+
},
|
|
48834
|
+
"spread": {
|
|
48835
|
+
"value": -12,
|
|
48836
|
+
"unit": "px"
|
|
48837
|
+
}
|
|
48838
|
+
},
|
|
48839
|
+
{
|
|
48840
|
+
"color": "#25292e",
|
|
48841
|
+
"alpha": 0.08,
|
|
48842
|
+
"offsetX": {
|
|
48843
|
+
"value": 0,
|
|
48844
|
+
"unit": "px"
|
|
48845
|
+
},
|
|
48846
|
+
"offsetY": {
|
|
48847
|
+
"value": 48,
|
|
48848
|
+
"unit": "px"
|
|
48849
|
+
},
|
|
48850
|
+
"blur": {
|
|
48851
|
+
"value": 96,
|
|
48852
|
+
"unit": "px"
|
|
48853
|
+
},
|
|
48854
|
+
"spread": {
|
|
48855
|
+
"value": -24,
|
|
48856
|
+
"unit": "px"
|
|
48857
|
+
}
|
|
47645
48858
|
}
|
|
47646
48859
|
],
|
|
47647
48860
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47648
48861
|
"isSource": true,
|
|
47649
48862
|
"$type": "shadow"
|
|
47650
48863
|
}
|
|
48864
|
+
},
|
|
48865
|
+
"org.primer.llm": {
|
|
48866
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
48867
|
+
"rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
|
|
47651
48868
|
}
|
|
47652
48869
|
},
|
|
47653
48870
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47657,45 +48874,106 @@
|
|
|
47657
48874
|
{
|
|
47658
48875
|
"color": "{overlay.borderColor}",
|
|
47659
48876
|
"alpha": 0,
|
|
47660
|
-
"offsetX":
|
|
47661
|
-
|
|
47662
|
-
|
|
47663
|
-
|
|
48877
|
+
"offsetX": {
|
|
48878
|
+
"value": 0,
|
|
48879
|
+
"unit": "px"
|
|
48880
|
+
},
|
|
48881
|
+
"offsetY": {
|
|
48882
|
+
"value": 0,
|
|
48883
|
+
"unit": "px"
|
|
48884
|
+
},
|
|
48885
|
+
"blur": {
|
|
48886
|
+
"value": 0,
|
|
48887
|
+
"unit": "px"
|
|
48888
|
+
},
|
|
48889
|
+
"spread": {
|
|
48890
|
+
"value": 1,
|
|
48891
|
+
"unit": "px"
|
|
48892
|
+
}
|
|
47664
48893
|
},
|
|
47665
48894
|
{
|
|
47666
48895
|
"color": "{base.color.neutral.12}",
|
|
47667
48896
|
"alpha": 0.08,
|
|
47668
|
-
"offsetX":
|
|
47669
|
-
|
|
47670
|
-
|
|
47671
|
-
|
|
48897
|
+
"offsetX": {
|
|
48898
|
+
"value": 0,
|
|
48899
|
+
"unit": "px"
|
|
48900
|
+
},
|
|
48901
|
+
"offsetY": {
|
|
48902
|
+
"value": 8,
|
|
48903
|
+
"unit": "px"
|
|
48904
|
+
},
|
|
48905
|
+
"blur": {
|
|
48906
|
+
"value": 16,
|
|
48907
|
+
"unit": "px"
|
|
48908
|
+
},
|
|
48909
|
+
"spread": {
|
|
48910
|
+
"value": -4,
|
|
48911
|
+
"unit": "px"
|
|
48912
|
+
}
|
|
47672
48913
|
},
|
|
47673
48914
|
{
|
|
47674
48915
|
"color": "{base.color.neutral.12}",
|
|
47675
48916
|
"alpha": 0.08,
|
|
47676
|
-
"offsetX":
|
|
47677
|
-
|
|
47678
|
-
|
|
47679
|
-
|
|
48917
|
+
"offsetX": {
|
|
48918
|
+
"value": 0,
|
|
48919
|
+
"unit": "px"
|
|
48920
|
+
},
|
|
48921
|
+
"offsetY": {
|
|
48922
|
+
"value": 4,
|
|
48923
|
+
"unit": "px"
|
|
48924
|
+
},
|
|
48925
|
+
"blur": {
|
|
48926
|
+
"value": 32,
|
|
48927
|
+
"unit": "px"
|
|
48928
|
+
},
|
|
48929
|
+
"spread": {
|
|
48930
|
+
"value": -4,
|
|
48931
|
+
"unit": "px"
|
|
48932
|
+
}
|
|
47680
48933
|
},
|
|
47681
48934
|
{
|
|
47682
48935
|
"color": "{base.color.neutral.12}",
|
|
47683
48936
|
"alpha": 0.08,
|
|
47684
|
-
"offsetX":
|
|
47685
|
-
|
|
47686
|
-
|
|
47687
|
-
|
|
48937
|
+
"offsetX": {
|
|
48938
|
+
"value": 0,
|
|
48939
|
+
"unit": "px"
|
|
48940
|
+
},
|
|
48941
|
+
"offsetY": {
|
|
48942
|
+
"value": 24,
|
|
48943
|
+
"unit": "px"
|
|
48944
|
+
},
|
|
48945
|
+
"blur": {
|
|
48946
|
+
"value": 48,
|
|
48947
|
+
"unit": "px"
|
|
48948
|
+
},
|
|
48949
|
+
"spread": {
|
|
48950
|
+
"value": -12,
|
|
48951
|
+
"unit": "px"
|
|
48952
|
+
}
|
|
47688
48953
|
},
|
|
47689
48954
|
{
|
|
47690
48955
|
"color": "{base.color.neutral.12}",
|
|
47691
48956
|
"alpha": 0.08,
|
|
47692
|
-
"offsetX":
|
|
47693
|
-
|
|
47694
|
-
|
|
47695
|
-
|
|
48957
|
+
"offsetX": {
|
|
48958
|
+
"value": 0,
|
|
48959
|
+
"unit": "px"
|
|
48960
|
+
},
|
|
48961
|
+
"offsetY": {
|
|
48962
|
+
"value": 48,
|
|
48963
|
+
"unit": "px"
|
|
48964
|
+
},
|
|
48965
|
+
"blur": {
|
|
48966
|
+
"value": 96,
|
|
48967
|
+
"unit": "px"
|
|
48968
|
+
},
|
|
48969
|
+
"spread": {
|
|
48970
|
+
"value": -24,
|
|
48971
|
+
"unit": "px"
|
|
48972
|
+
}
|
|
47696
48973
|
}
|
|
47697
48974
|
],
|
|
47698
48975
|
"$type": "shadow",
|
|
48976
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47699
48977
|
"$extensions": {
|
|
47700
48978
|
"org.primer.figma": {
|
|
47701
48979
|
"collection": "mode",
|
|
@@ -47707,48 +48985,433 @@
|
|
|
47707
48985
|
{
|
|
47708
48986
|
"color": "{overlay.borderColor}",
|
|
47709
48987
|
"alpha": 1,
|
|
47710
|
-
"offsetX":
|
|
47711
|
-
|
|
47712
|
-
|
|
47713
|
-
|
|
48988
|
+
"offsetX": {
|
|
48989
|
+
"value": 0,
|
|
48990
|
+
"unit": "px"
|
|
48991
|
+
},
|
|
48992
|
+
"offsetY": {
|
|
48993
|
+
"value": 0,
|
|
48994
|
+
"unit": "px"
|
|
48995
|
+
},
|
|
48996
|
+
"blur": {
|
|
48997
|
+
"value": 0,
|
|
48998
|
+
"unit": "px"
|
|
48999
|
+
},
|
|
49000
|
+
"spread": {
|
|
49001
|
+
"value": 1,
|
|
49002
|
+
"unit": "px"
|
|
49003
|
+
}
|
|
47714
49004
|
},
|
|
47715
49005
|
{
|
|
47716
49006
|
"color": "{base.color.neutral.0}",
|
|
47717
49007
|
"alpha": 0.4,
|
|
47718
|
-
"offsetX":
|
|
47719
|
-
|
|
47720
|
-
|
|
47721
|
-
|
|
49008
|
+
"offsetX": {
|
|
49009
|
+
"value": 0,
|
|
49010
|
+
"unit": "px"
|
|
49011
|
+
},
|
|
49012
|
+
"offsetY": {
|
|
49013
|
+
"value": 8,
|
|
49014
|
+
"unit": "px"
|
|
49015
|
+
},
|
|
49016
|
+
"blur": {
|
|
49017
|
+
"value": 16,
|
|
49018
|
+
"unit": "px"
|
|
49019
|
+
},
|
|
49020
|
+
"spread": {
|
|
49021
|
+
"value": -4,
|
|
49022
|
+
"unit": "px"
|
|
49023
|
+
}
|
|
47722
49024
|
},
|
|
47723
49025
|
{
|
|
47724
49026
|
"color": "{base.color.neutral.0}",
|
|
47725
49027
|
"alpha": 0.4,
|
|
47726
|
-
"offsetX":
|
|
47727
|
-
|
|
47728
|
-
|
|
47729
|
-
|
|
49028
|
+
"offsetX": {
|
|
49029
|
+
"value": 0,
|
|
49030
|
+
"unit": "px"
|
|
49031
|
+
},
|
|
49032
|
+
"offsetY": {
|
|
49033
|
+
"value": 4,
|
|
49034
|
+
"unit": "px"
|
|
49035
|
+
},
|
|
49036
|
+
"blur": {
|
|
49037
|
+
"value": 32,
|
|
49038
|
+
"unit": "px"
|
|
49039
|
+
},
|
|
49040
|
+
"spread": {
|
|
49041
|
+
"value": -4,
|
|
49042
|
+
"unit": "px"
|
|
49043
|
+
}
|
|
47730
49044
|
},
|
|
47731
49045
|
{
|
|
47732
49046
|
"color": "{base.color.neutral.0}",
|
|
47733
49047
|
"alpha": 0.4,
|
|
47734
|
-
"offsetX":
|
|
47735
|
-
|
|
47736
|
-
|
|
47737
|
-
|
|
49048
|
+
"offsetX": {
|
|
49049
|
+
"value": 0,
|
|
49050
|
+
"unit": "px"
|
|
49051
|
+
},
|
|
49052
|
+
"offsetY": {
|
|
49053
|
+
"value": 24,
|
|
49054
|
+
"unit": "px"
|
|
49055
|
+
},
|
|
49056
|
+
"blur": {
|
|
49057
|
+
"value": 48,
|
|
49058
|
+
"unit": "px"
|
|
49059
|
+
},
|
|
49060
|
+
"spread": {
|
|
49061
|
+
"value": -12,
|
|
49062
|
+
"unit": "px"
|
|
49063
|
+
}
|
|
47738
49064
|
},
|
|
47739
49065
|
{
|
|
47740
49066
|
"color": "{base.color.neutral.0}",
|
|
47741
49067
|
"alpha": 0.4,
|
|
47742
|
-
"offsetX":
|
|
47743
|
-
|
|
47744
|
-
|
|
47745
|
-
|
|
49068
|
+
"offsetX": {
|
|
49069
|
+
"value": 0,
|
|
49070
|
+
"unit": "px"
|
|
49071
|
+
},
|
|
49072
|
+
"offsetY": {
|
|
49073
|
+
"value": 48,
|
|
49074
|
+
"unit": "px"
|
|
49075
|
+
},
|
|
49076
|
+
"blur": {
|
|
49077
|
+
"value": 96,
|
|
49078
|
+
"unit": "px"
|
|
49079
|
+
},
|
|
49080
|
+
"spread": {
|
|
49081
|
+
"value": -24,
|
|
49082
|
+
"unit": "px"
|
|
49083
|
+
}
|
|
49084
|
+
}
|
|
49085
|
+
],
|
|
49086
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49087
|
+
"isSource": true,
|
|
49088
|
+
"$type": "shadow"
|
|
49089
|
+
},
|
|
49090
|
+
"light-high-contrast": {
|
|
49091
|
+
"$value": [
|
|
49092
|
+
{
|
|
49093
|
+
"color": "{overlay.borderColor}",
|
|
49094
|
+
"alpha": 1,
|
|
49095
|
+
"offsetX": {
|
|
49096
|
+
"value": 0,
|
|
49097
|
+
"unit": "px"
|
|
49098
|
+
},
|
|
49099
|
+
"offsetY": {
|
|
49100
|
+
"value": 0,
|
|
49101
|
+
"unit": "px"
|
|
49102
|
+
},
|
|
49103
|
+
"blur": {
|
|
49104
|
+
"value": 0,
|
|
49105
|
+
"unit": "px"
|
|
49106
|
+
},
|
|
49107
|
+
"spread": {
|
|
49108
|
+
"value": 1,
|
|
49109
|
+
"unit": "px"
|
|
49110
|
+
}
|
|
49111
|
+
},
|
|
49112
|
+
{
|
|
49113
|
+
"color": "{base.color.neutral.12}",
|
|
49114
|
+
"alpha": 0.08,
|
|
49115
|
+
"offsetX": {
|
|
49116
|
+
"value": 0,
|
|
49117
|
+
"unit": "px"
|
|
49118
|
+
},
|
|
49119
|
+
"offsetY": {
|
|
49120
|
+
"value": 8,
|
|
49121
|
+
"unit": "px"
|
|
49122
|
+
},
|
|
49123
|
+
"blur": {
|
|
49124
|
+
"value": 16,
|
|
49125
|
+
"unit": "px"
|
|
49126
|
+
},
|
|
49127
|
+
"spread": {
|
|
49128
|
+
"value": -4,
|
|
49129
|
+
"unit": "px"
|
|
49130
|
+
}
|
|
49131
|
+
},
|
|
49132
|
+
{
|
|
49133
|
+
"color": "{base.color.neutral.12}",
|
|
49134
|
+
"alpha": 0.08,
|
|
49135
|
+
"offsetX": {
|
|
49136
|
+
"value": 0,
|
|
49137
|
+
"unit": "px"
|
|
49138
|
+
},
|
|
49139
|
+
"offsetY": {
|
|
49140
|
+
"value": 4,
|
|
49141
|
+
"unit": "px"
|
|
49142
|
+
},
|
|
49143
|
+
"blur": {
|
|
49144
|
+
"value": 32,
|
|
49145
|
+
"unit": "px"
|
|
49146
|
+
},
|
|
49147
|
+
"spread": {
|
|
49148
|
+
"value": -4,
|
|
49149
|
+
"unit": "px"
|
|
49150
|
+
}
|
|
49151
|
+
},
|
|
49152
|
+
{
|
|
49153
|
+
"color": "{base.color.neutral.12}",
|
|
49154
|
+
"alpha": 0.08,
|
|
49155
|
+
"offsetX": {
|
|
49156
|
+
"value": 0,
|
|
49157
|
+
"unit": "px"
|
|
49158
|
+
},
|
|
49159
|
+
"offsetY": {
|
|
49160
|
+
"value": 24,
|
|
49161
|
+
"unit": "px"
|
|
49162
|
+
},
|
|
49163
|
+
"blur": {
|
|
49164
|
+
"value": 48,
|
|
49165
|
+
"unit": "px"
|
|
49166
|
+
},
|
|
49167
|
+
"spread": {
|
|
49168
|
+
"value": -12,
|
|
49169
|
+
"unit": "px"
|
|
49170
|
+
}
|
|
49171
|
+
},
|
|
49172
|
+
{
|
|
49173
|
+
"color": "{base.color.neutral.12}",
|
|
49174
|
+
"alpha": 0.08,
|
|
49175
|
+
"offsetX": {
|
|
49176
|
+
"value": 0,
|
|
49177
|
+
"unit": "px"
|
|
49178
|
+
},
|
|
49179
|
+
"offsetY": {
|
|
49180
|
+
"value": 48,
|
|
49181
|
+
"unit": "px"
|
|
49182
|
+
},
|
|
49183
|
+
"blur": {
|
|
49184
|
+
"value": 96,
|
|
49185
|
+
"unit": "px"
|
|
49186
|
+
},
|
|
49187
|
+
"spread": {
|
|
49188
|
+
"value": -24,
|
|
49189
|
+
"unit": "px"
|
|
49190
|
+
}
|
|
49191
|
+
}
|
|
49192
|
+
],
|
|
49193
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49194
|
+
"isSource": true,
|
|
49195
|
+
"$type": "shadow"
|
|
49196
|
+
},
|
|
49197
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49198
|
+
"$value": [
|
|
49199
|
+
{
|
|
49200
|
+
"color": "{overlay.borderColor}",
|
|
49201
|
+
"alpha": 1,
|
|
49202
|
+
"offsetX": {
|
|
49203
|
+
"value": 0,
|
|
49204
|
+
"unit": "px"
|
|
49205
|
+
},
|
|
49206
|
+
"offsetY": {
|
|
49207
|
+
"value": 0,
|
|
49208
|
+
"unit": "px"
|
|
49209
|
+
},
|
|
49210
|
+
"blur": {
|
|
49211
|
+
"value": 0,
|
|
49212
|
+
"unit": "px"
|
|
49213
|
+
},
|
|
49214
|
+
"spread": {
|
|
49215
|
+
"value": 1,
|
|
49216
|
+
"unit": "px"
|
|
49217
|
+
}
|
|
49218
|
+
},
|
|
49219
|
+
{
|
|
49220
|
+
"color": "{base.color.neutral.12}",
|
|
49221
|
+
"alpha": 0.08,
|
|
49222
|
+
"offsetX": {
|
|
49223
|
+
"value": 0,
|
|
49224
|
+
"unit": "px"
|
|
49225
|
+
},
|
|
49226
|
+
"offsetY": {
|
|
49227
|
+
"value": 8,
|
|
49228
|
+
"unit": "px"
|
|
49229
|
+
},
|
|
49230
|
+
"blur": {
|
|
49231
|
+
"value": 16,
|
|
49232
|
+
"unit": "px"
|
|
49233
|
+
},
|
|
49234
|
+
"spread": {
|
|
49235
|
+
"value": -4,
|
|
49236
|
+
"unit": "px"
|
|
49237
|
+
}
|
|
49238
|
+
},
|
|
49239
|
+
{
|
|
49240
|
+
"color": "{base.color.neutral.12}",
|
|
49241
|
+
"alpha": 0.08,
|
|
49242
|
+
"offsetX": {
|
|
49243
|
+
"value": 0,
|
|
49244
|
+
"unit": "px"
|
|
49245
|
+
},
|
|
49246
|
+
"offsetY": {
|
|
49247
|
+
"value": 4,
|
|
49248
|
+
"unit": "px"
|
|
49249
|
+
},
|
|
49250
|
+
"blur": {
|
|
49251
|
+
"value": 32,
|
|
49252
|
+
"unit": "px"
|
|
49253
|
+
},
|
|
49254
|
+
"spread": {
|
|
49255
|
+
"value": -4,
|
|
49256
|
+
"unit": "px"
|
|
49257
|
+
}
|
|
49258
|
+
},
|
|
49259
|
+
{
|
|
49260
|
+
"color": "{base.color.neutral.12}",
|
|
49261
|
+
"alpha": 0.08,
|
|
49262
|
+
"offsetX": {
|
|
49263
|
+
"value": 0,
|
|
49264
|
+
"unit": "px"
|
|
49265
|
+
},
|
|
49266
|
+
"offsetY": {
|
|
49267
|
+
"value": 24,
|
|
49268
|
+
"unit": "px"
|
|
49269
|
+
},
|
|
49270
|
+
"blur": {
|
|
49271
|
+
"value": 48,
|
|
49272
|
+
"unit": "px"
|
|
49273
|
+
},
|
|
49274
|
+
"spread": {
|
|
49275
|
+
"value": -12,
|
|
49276
|
+
"unit": "px"
|
|
49277
|
+
}
|
|
49278
|
+
},
|
|
49279
|
+
{
|
|
49280
|
+
"color": "{base.color.neutral.12}",
|
|
49281
|
+
"alpha": 0.08,
|
|
49282
|
+
"offsetX": {
|
|
49283
|
+
"value": 0,
|
|
49284
|
+
"unit": "px"
|
|
49285
|
+
},
|
|
49286
|
+
"offsetY": {
|
|
49287
|
+
"value": 48,
|
|
49288
|
+
"unit": "px"
|
|
49289
|
+
},
|
|
49290
|
+
"blur": {
|
|
49291
|
+
"value": 96,
|
|
49292
|
+
"unit": "px"
|
|
49293
|
+
},
|
|
49294
|
+
"spread": {
|
|
49295
|
+
"value": -24,
|
|
49296
|
+
"unit": "px"
|
|
49297
|
+
}
|
|
49298
|
+
}
|
|
49299
|
+
],
|
|
49300
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49301
|
+
"isSource": true,
|
|
49302
|
+
"$type": "shadow"
|
|
49303
|
+
},
|
|
49304
|
+
"light-tritanopia-high-contrast": {
|
|
49305
|
+
"$value": [
|
|
49306
|
+
{
|
|
49307
|
+
"color": "{overlay.borderColor}",
|
|
49308
|
+
"alpha": 1,
|
|
49309
|
+
"offsetX": {
|
|
49310
|
+
"value": 0,
|
|
49311
|
+
"unit": "px"
|
|
49312
|
+
},
|
|
49313
|
+
"offsetY": {
|
|
49314
|
+
"value": 0,
|
|
49315
|
+
"unit": "px"
|
|
49316
|
+
},
|
|
49317
|
+
"blur": {
|
|
49318
|
+
"value": 0,
|
|
49319
|
+
"unit": "px"
|
|
49320
|
+
},
|
|
49321
|
+
"spread": {
|
|
49322
|
+
"value": 1,
|
|
49323
|
+
"unit": "px"
|
|
49324
|
+
}
|
|
49325
|
+
},
|
|
49326
|
+
{
|
|
49327
|
+
"color": "{base.color.neutral.12}",
|
|
49328
|
+
"alpha": 0.08,
|
|
49329
|
+
"offsetX": {
|
|
49330
|
+
"value": 0,
|
|
49331
|
+
"unit": "px"
|
|
49332
|
+
},
|
|
49333
|
+
"offsetY": {
|
|
49334
|
+
"value": 8,
|
|
49335
|
+
"unit": "px"
|
|
49336
|
+
},
|
|
49337
|
+
"blur": {
|
|
49338
|
+
"value": 16,
|
|
49339
|
+
"unit": "px"
|
|
49340
|
+
},
|
|
49341
|
+
"spread": {
|
|
49342
|
+
"value": -4,
|
|
49343
|
+
"unit": "px"
|
|
49344
|
+
}
|
|
49345
|
+
},
|
|
49346
|
+
{
|
|
49347
|
+
"color": "{base.color.neutral.12}",
|
|
49348
|
+
"alpha": 0.08,
|
|
49349
|
+
"offsetX": {
|
|
49350
|
+
"value": 0,
|
|
49351
|
+
"unit": "px"
|
|
49352
|
+
},
|
|
49353
|
+
"offsetY": {
|
|
49354
|
+
"value": 4,
|
|
49355
|
+
"unit": "px"
|
|
49356
|
+
},
|
|
49357
|
+
"blur": {
|
|
49358
|
+
"value": 32,
|
|
49359
|
+
"unit": "px"
|
|
49360
|
+
},
|
|
49361
|
+
"spread": {
|
|
49362
|
+
"value": -4,
|
|
49363
|
+
"unit": "px"
|
|
49364
|
+
}
|
|
49365
|
+
},
|
|
49366
|
+
{
|
|
49367
|
+
"color": "{base.color.neutral.12}",
|
|
49368
|
+
"alpha": 0.08,
|
|
49369
|
+
"offsetX": {
|
|
49370
|
+
"value": 0,
|
|
49371
|
+
"unit": "px"
|
|
49372
|
+
},
|
|
49373
|
+
"offsetY": {
|
|
49374
|
+
"value": 24,
|
|
49375
|
+
"unit": "px"
|
|
49376
|
+
},
|
|
49377
|
+
"blur": {
|
|
49378
|
+
"value": 48,
|
|
49379
|
+
"unit": "px"
|
|
49380
|
+
},
|
|
49381
|
+
"spread": {
|
|
49382
|
+
"value": -12,
|
|
49383
|
+
"unit": "px"
|
|
49384
|
+
}
|
|
49385
|
+
},
|
|
49386
|
+
{
|
|
49387
|
+
"color": "{base.color.neutral.12}",
|
|
49388
|
+
"alpha": 0.08,
|
|
49389
|
+
"offsetX": {
|
|
49390
|
+
"value": 0,
|
|
49391
|
+
"unit": "px"
|
|
49392
|
+
},
|
|
49393
|
+
"offsetY": {
|
|
49394
|
+
"value": 48,
|
|
49395
|
+
"unit": "px"
|
|
49396
|
+
},
|
|
49397
|
+
"blur": {
|
|
49398
|
+
"value": 96,
|
|
49399
|
+
"unit": "px"
|
|
49400
|
+
},
|
|
49401
|
+
"spread": {
|
|
49402
|
+
"value": -24,
|
|
49403
|
+
"unit": "px"
|
|
49404
|
+
}
|
|
47746
49405
|
}
|
|
47747
49406
|
],
|
|
47748
49407
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47749
49408
|
"isSource": true,
|
|
47750
49409
|
"$type": "shadow"
|
|
47751
49410
|
}
|
|
49411
|
+
},
|
|
49412
|
+
"org.primer.llm": {
|
|
49413
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
49414
|
+
"rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
|
|
47752
49415
|
}
|
|
47753
49416
|
},
|
|
47754
49417
|
"key": "{shadow.floating.medium}"
|
|
@@ -47759,7 +49422,7 @@
|
|
|
47759
49422
|
},
|
|
47760
49423
|
"shadow-floating-small": {
|
|
47761
49424
|
"key": "{shadow.floating.small}",
|
|
47762
|
-
"$value": "
|
|
49425
|
+
"$value": "0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
|
|
47763
49426
|
"$type": "shadow",
|
|
47764
49427
|
"$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
|
|
47765
49428
|
"$extensions": {
|
|
@@ -47773,26 +49436,62 @@
|
|
|
47773
49436
|
{
|
|
47774
49437
|
"color": "#d1d9e080",
|
|
47775
49438
|
"alpha": 1,
|
|
47776
|
-
"offsetX":
|
|
47777
|
-
|
|
47778
|
-
|
|
47779
|
-
|
|
49439
|
+
"offsetX": {
|
|
49440
|
+
"value": 0,
|
|
49441
|
+
"unit": "px"
|
|
49442
|
+
},
|
|
49443
|
+
"offsetY": {
|
|
49444
|
+
"value": 0,
|
|
49445
|
+
"unit": "px"
|
|
49446
|
+
},
|
|
49447
|
+
"blur": {
|
|
49448
|
+
"value": 0,
|
|
49449
|
+
"unit": "px"
|
|
49450
|
+
},
|
|
49451
|
+
"spread": {
|
|
49452
|
+
"value": 1,
|
|
49453
|
+
"unit": "px"
|
|
49454
|
+
}
|
|
47780
49455
|
},
|
|
47781
49456
|
{
|
|
47782
49457
|
"color": "#ffffff",
|
|
47783
49458
|
"alpha": 0.4,
|
|
47784
|
-
"offsetX":
|
|
47785
|
-
|
|
47786
|
-
|
|
47787
|
-
|
|
49459
|
+
"offsetX": {
|
|
49460
|
+
"value": 0,
|
|
49461
|
+
"unit": "px"
|
|
49462
|
+
},
|
|
49463
|
+
"offsetY": {
|
|
49464
|
+
"value": 6,
|
|
49465
|
+
"unit": "px"
|
|
49466
|
+
},
|
|
49467
|
+
"blur": {
|
|
49468
|
+
"value": 12,
|
|
49469
|
+
"unit": "px"
|
|
49470
|
+
},
|
|
49471
|
+
"spread": {
|
|
49472
|
+
"value": -3,
|
|
49473
|
+
"unit": "px"
|
|
49474
|
+
}
|
|
47788
49475
|
},
|
|
47789
49476
|
{
|
|
47790
49477
|
"color": "#ffffff",
|
|
47791
49478
|
"alpha": 0.4,
|
|
47792
|
-
"offsetX":
|
|
47793
|
-
|
|
47794
|
-
|
|
47795
|
-
|
|
49479
|
+
"offsetX": {
|
|
49480
|
+
"value": 0,
|
|
49481
|
+
"unit": "px"
|
|
49482
|
+
},
|
|
49483
|
+
"offsetY": {
|
|
49484
|
+
"value": 6,
|
|
49485
|
+
"unit": "px"
|
|
49486
|
+
},
|
|
49487
|
+
"blur": {
|
|
49488
|
+
"value": 18,
|
|
49489
|
+
"unit": "px"
|
|
49490
|
+
},
|
|
49491
|
+
"spread": {
|
|
49492
|
+
"value": 0,
|
|
49493
|
+
"unit": "px"
|
|
49494
|
+
}
|
|
47796
49495
|
}
|
|
47797
49496
|
],
|
|
47798
49497
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47812,26 +49511,62 @@
|
|
|
47812
49511
|
{
|
|
47813
49512
|
"color": "{overlay.borderColor}",
|
|
47814
49513
|
"alpha": 0.5,
|
|
47815
|
-
"offsetX":
|
|
47816
|
-
|
|
47817
|
-
|
|
47818
|
-
|
|
49514
|
+
"offsetX": {
|
|
49515
|
+
"value": 0,
|
|
49516
|
+
"unit": "px"
|
|
49517
|
+
},
|
|
49518
|
+
"offsetY": {
|
|
49519
|
+
"value": 0,
|
|
49520
|
+
"unit": "px"
|
|
49521
|
+
},
|
|
49522
|
+
"blur": {
|
|
49523
|
+
"value": 0,
|
|
49524
|
+
"unit": "px"
|
|
49525
|
+
},
|
|
49526
|
+
"spread": {
|
|
49527
|
+
"value": 1,
|
|
49528
|
+
"unit": "px"
|
|
49529
|
+
}
|
|
47819
49530
|
},
|
|
47820
49531
|
{
|
|
47821
49532
|
"color": "{base.color.neutral.12}",
|
|
47822
49533
|
"alpha": 0.04,
|
|
47823
|
-
"offsetX":
|
|
47824
|
-
|
|
47825
|
-
|
|
47826
|
-
|
|
49534
|
+
"offsetX": {
|
|
49535
|
+
"value": 0,
|
|
49536
|
+
"unit": "px"
|
|
49537
|
+
},
|
|
49538
|
+
"offsetY": {
|
|
49539
|
+
"value": 6,
|
|
49540
|
+
"unit": "px"
|
|
49541
|
+
},
|
|
49542
|
+
"blur": {
|
|
49543
|
+
"value": 12,
|
|
49544
|
+
"unit": "px"
|
|
49545
|
+
},
|
|
49546
|
+
"spread": {
|
|
49547
|
+
"value": -3,
|
|
49548
|
+
"unit": "px"
|
|
49549
|
+
}
|
|
47827
49550
|
},
|
|
47828
49551
|
{
|
|
47829
49552
|
"color": "{base.color.neutral.12}",
|
|
47830
49553
|
"alpha": 0.12,
|
|
47831
|
-
"offsetX":
|
|
47832
|
-
|
|
47833
|
-
|
|
47834
|
-
|
|
49554
|
+
"offsetX": {
|
|
49555
|
+
"value": 0,
|
|
49556
|
+
"unit": "px"
|
|
49557
|
+
},
|
|
49558
|
+
"offsetY": {
|
|
49559
|
+
"value": 6,
|
|
49560
|
+
"unit": "px"
|
|
49561
|
+
},
|
|
49562
|
+
"blur": {
|
|
49563
|
+
"value": 18,
|
|
49564
|
+
"unit": "px"
|
|
49565
|
+
},
|
|
49566
|
+
"spread": {
|
|
49567
|
+
"value": 0,
|
|
49568
|
+
"unit": "px"
|
|
49569
|
+
}
|
|
47835
49570
|
}
|
|
47836
49571
|
],
|
|
47837
49572
|
"$type": "shadow",
|
|
@@ -47847,26 +49582,62 @@
|
|
|
47847
49582
|
{
|
|
47848
49583
|
"color": "{overlay.borderColor}",
|
|
47849
49584
|
"alpha": 1,
|
|
47850
|
-
"offsetX":
|
|
47851
|
-
|
|
47852
|
-
|
|
47853
|
-
|
|
49585
|
+
"offsetX": {
|
|
49586
|
+
"value": 0,
|
|
49587
|
+
"unit": "px"
|
|
49588
|
+
},
|
|
49589
|
+
"offsetY": {
|
|
49590
|
+
"value": 0,
|
|
49591
|
+
"unit": "px"
|
|
49592
|
+
},
|
|
49593
|
+
"blur": {
|
|
49594
|
+
"value": 0,
|
|
49595
|
+
"unit": "px"
|
|
49596
|
+
},
|
|
49597
|
+
"spread": {
|
|
49598
|
+
"value": 1,
|
|
49599
|
+
"unit": "px"
|
|
49600
|
+
}
|
|
47854
49601
|
},
|
|
47855
49602
|
{
|
|
47856
49603
|
"color": "{base.color.neutral.0}",
|
|
47857
49604
|
"alpha": 0.4,
|
|
47858
|
-
"offsetX":
|
|
47859
|
-
|
|
47860
|
-
|
|
47861
|
-
|
|
49605
|
+
"offsetX": {
|
|
49606
|
+
"value": 0,
|
|
49607
|
+
"unit": "px"
|
|
49608
|
+
},
|
|
49609
|
+
"offsetY": {
|
|
49610
|
+
"value": 6,
|
|
49611
|
+
"unit": "px"
|
|
49612
|
+
},
|
|
49613
|
+
"blur": {
|
|
49614
|
+
"value": 12,
|
|
49615
|
+
"unit": "px"
|
|
49616
|
+
},
|
|
49617
|
+
"spread": {
|
|
49618
|
+
"value": -3,
|
|
49619
|
+
"unit": "px"
|
|
49620
|
+
}
|
|
47862
49621
|
},
|
|
47863
49622
|
{
|
|
47864
49623
|
"color": "{base.color.neutral.0}",
|
|
47865
49624
|
"alpha": 0.4,
|
|
47866
|
-
"offsetX":
|
|
47867
|
-
|
|
47868
|
-
|
|
47869
|
-
|
|
49625
|
+
"offsetX": {
|
|
49626
|
+
"value": 0,
|
|
49627
|
+
"unit": "px"
|
|
49628
|
+
},
|
|
49629
|
+
"offsetY": {
|
|
49630
|
+
"value": 6,
|
|
49631
|
+
"unit": "px"
|
|
49632
|
+
},
|
|
49633
|
+
"blur": {
|
|
49634
|
+
"value": 18,
|
|
49635
|
+
"unit": "px"
|
|
49636
|
+
},
|
|
49637
|
+
"spread": {
|
|
49638
|
+
"value": 0,
|
|
49639
|
+
"unit": "px"
|
|
49640
|
+
}
|
|
47870
49641
|
}
|
|
47871
49642
|
],
|
|
47872
49643
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47887,8 +49658,9 @@
|
|
|
47887
49658
|
},
|
|
47888
49659
|
"shadow-floating-xlarge": {
|
|
47889
49660
|
"key": "{shadow.floating.xlarge}",
|
|
47890
|
-
"$value": "
|
|
49661
|
+
"$value": "0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52",
|
|
47891
49662
|
"$type": "shadow",
|
|
49663
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47892
49664
|
"$extensions": {
|
|
47893
49665
|
"org.primer.figma": {
|
|
47894
49666
|
"collection": "mode",
|
|
@@ -47900,24 +49672,193 @@
|
|
|
47900
49672
|
{
|
|
47901
49673
|
"color": "#d1d9e080",
|
|
47902
49674
|
"alpha": 1,
|
|
47903
|
-
"offsetX":
|
|
47904
|
-
|
|
47905
|
-
|
|
47906
|
-
|
|
49675
|
+
"offsetX": {
|
|
49676
|
+
"value": 0,
|
|
49677
|
+
"unit": "px"
|
|
49678
|
+
},
|
|
49679
|
+
"offsetY": {
|
|
49680
|
+
"value": 0,
|
|
49681
|
+
"unit": "px"
|
|
49682
|
+
},
|
|
49683
|
+
"blur": {
|
|
49684
|
+
"value": 0,
|
|
49685
|
+
"unit": "px"
|
|
49686
|
+
},
|
|
49687
|
+
"spread": {
|
|
49688
|
+
"value": 1,
|
|
49689
|
+
"unit": "px"
|
|
49690
|
+
}
|
|
47907
49691
|
},
|
|
47908
49692
|
{
|
|
47909
49693
|
"color": "#ffffff",
|
|
47910
49694
|
"alpha": 1,
|
|
47911
|
-
"offsetX":
|
|
47912
|
-
|
|
47913
|
-
|
|
47914
|
-
|
|
49695
|
+
"offsetX": {
|
|
49696
|
+
"value": 0,
|
|
49697
|
+
"unit": "px"
|
|
49698
|
+
},
|
|
49699
|
+
"offsetY": {
|
|
49700
|
+
"value": 32,
|
|
49701
|
+
"unit": "px"
|
|
49702
|
+
},
|
|
49703
|
+
"blur": {
|
|
49704
|
+
"value": 64,
|
|
49705
|
+
"unit": "px"
|
|
49706
|
+
},
|
|
49707
|
+
"spread": {
|
|
49708
|
+
"value": 0,
|
|
49709
|
+
"unit": "px"
|
|
49710
|
+
}
|
|
49711
|
+
}
|
|
49712
|
+
],
|
|
49713
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49714
|
+
"isSource": true,
|
|
49715
|
+
"$type": "shadow"
|
|
49716
|
+
},
|
|
49717
|
+
"light-high-contrast": {
|
|
49718
|
+
"$value": [
|
|
49719
|
+
{
|
|
49720
|
+
"color": "#d1d9e080",
|
|
49721
|
+
"alpha": 1,
|
|
49722
|
+
"offsetX": {
|
|
49723
|
+
"value": 0,
|
|
49724
|
+
"unit": "px"
|
|
49725
|
+
},
|
|
49726
|
+
"offsetY": {
|
|
49727
|
+
"value": 0,
|
|
49728
|
+
"unit": "px"
|
|
49729
|
+
},
|
|
49730
|
+
"blur": {
|
|
49731
|
+
"value": 0,
|
|
49732
|
+
"unit": "px"
|
|
49733
|
+
},
|
|
49734
|
+
"spread": {
|
|
49735
|
+
"value": 1,
|
|
49736
|
+
"unit": "px"
|
|
49737
|
+
}
|
|
49738
|
+
},
|
|
49739
|
+
{
|
|
49740
|
+
"color": "#25292e",
|
|
49741
|
+
"alpha": 0.32,
|
|
49742
|
+
"offsetX": {
|
|
49743
|
+
"value": 0,
|
|
49744
|
+
"unit": "px"
|
|
49745
|
+
},
|
|
49746
|
+
"offsetY": {
|
|
49747
|
+
"value": 56,
|
|
49748
|
+
"unit": "px"
|
|
49749
|
+
},
|
|
49750
|
+
"blur": {
|
|
49751
|
+
"value": 112,
|
|
49752
|
+
"unit": "px"
|
|
49753
|
+
},
|
|
49754
|
+
"spread": {
|
|
49755
|
+
"value": 0,
|
|
49756
|
+
"unit": "px"
|
|
49757
|
+
}
|
|
49758
|
+
}
|
|
49759
|
+
],
|
|
49760
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49761
|
+
"isSource": true,
|
|
49762
|
+
"$type": "shadow"
|
|
49763
|
+
},
|
|
49764
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49765
|
+
"$value": [
|
|
49766
|
+
{
|
|
49767
|
+
"color": "#d1d9e080",
|
|
49768
|
+
"alpha": 1,
|
|
49769
|
+
"offsetX": {
|
|
49770
|
+
"value": 0,
|
|
49771
|
+
"unit": "px"
|
|
49772
|
+
},
|
|
49773
|
+
"offsetY": {
|
|
49774
|
+
"value": 0,
|
|
49775
|
+
"unit": "px"
|
|
49776
|
+
},
|
|
49777
|
+
"blur": {
|
|
49778
|
+
"value": 0,
|
|
49779
|
+
"unit": "px"
|
|
49780
|
+
},
|
|
49781
|
+
"spread": {
|
|
49782
|
+
"value": 1,
|
|
49783
|
+
"unit": "px"
|
|
49784
|
+
}
|
|
49785
|
+
},
|
|
49786
|
+
{
|
|
49787
|
+
"color": "#25292e",
|
|
49788
|
+
"alpha": 0.32,
|
|
49789
|
+
"offsetX": {
|
|
49790
|
+
"value": 0,
|
|
49791
|
+
"unit": "px"
|
|
49792
|
+
},
|
|
49793
|
+
"offsetY": {
|
|
49794
|
+
"value": 56,
|
|
49795
|
+
"unit": "px"
|
|
49796
|
+
},
|
|
49797
|
+
"blur": {
|
|
49798
|
+
"value": 112,
|
|
49799
|
+
"unit": "px"
|
|
49800
|
+
},
|
|
49801
|
+
"spread": {
|
|
49802
|
+
"value": 0,
|
|
49803
|
+
"unit": "px"
|
|
49804
|
+
}
|
|
49805
|
+
}
|
|
49806
|
+
],
|
|
49807
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49808
|
+
"isSource": true,
|
|
49809
|
+
"$type": "shadow"
|
|
49810
|
+
},
|
|
49811
|
+
"light-tritanopia-high-contrast": {
|
|
49812
|
+
"$value": [
|
|
49813
|
+
{
|
|
49814
|
+
"color": "#d1d9e080",
|
|
49815
|
+
"alpha": 1,
|
|
49816
|
+
"offsetX": {
|
|
49817
|
+
"value": 0,
|
|
49818
|
+
"unit": "px"
|
|
49819
|
+
},
|
|
49820
|
+
"offsetY": {
|
|
49821
|
+
"value": 0,
|
|
49822
|
+
"unit": "px"
|
|
49823
|
+
},
|
|
49824
|
+
"blur": {
|
|
49825
|
+
"value": 0,
|
|
49826
|
+
"unit": "px"
|
|
49827
|
+
},
|
|
49828
|
+
"spread": {
|
|
49829
|
+
"value": 1,
|
|
49830
|
+
"unit": "px"
|
|
49831
|
+
}
|
|
49832
|
+
},
|
|
49833
|
+
{
|
|
49834
|
+
"color": "#25292e",
|
|
49835
|
+
"alpha": 0.32,
|
|
49836
|
+
"offsetX": {
|
|
49837
|
+
"value": 0,
|
|
49838
|
+
"unit": "px"
|
|
49839
|
+
},
|
|
49840
|
+
"offsetY": {
|
|
49841
|
+
"value": 56,
|
|
49842
|
+
"unit": "px"
|
|
49843
|
+
},
|
|
49844
|
+
"blur": {
|
|
49845
|
+
"value": 112,
|
|
49846
|
+
"unit": "px"
|
|
49847
|
+
},
|
|
49848
|
+
"spread": {
|
|
49849
|
+
"value": 0,
|
|
49850
|
+
"unit": "px"
|
|
49851
|
+
}
|
|
47915
49852
|
}
|
|
47916
49853
|
],
|
|
47917
49854
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47918
49855
|
"isSource": true,
|
|
47919
49856
|
"$type": "shadow"
|
|
47920
49857
|
}
|
|
49858
|
+
},
|
|
49859
|
+
"org.primer.llm": {
|
|
49860
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
49861
|
+
"rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
|
|
47921
49862
|
}
|
|
47922
49863
|
},
|
|
47923
49864
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47927,21 +49868,46 @@
|
|
|
47927
49868
|
{
|
|
47928
49869
|
"color": "{overlay.borderColor}",
|
|
47929
49870
|
"alpha": 0,
|
|
47930
|
-
"offsetX":
|
|
47931
|
-
|
|
47932
|
-
|
|
47933
|
-
|
|
49871
|
+
"offsetX": {
|
|
49872
|
+
"value": 0,
|
|
49873
|
+
"unit": "px"
|
|
49874
|
+
},
|
|
49875
|
+
"offsetY": {
|
|
49876
|
+
"value": 0,
|
|
49877
|
+
"unit": "px"
|
|
49878
|
+
},
|
|
49879
|
+
"blur": {
|
|
49880
|
+
"value": 0,
|
|
49881
|
+
"unit": "px"
|
|
49882
|
+
},
|
|
49883
|
+
"spread": {
|
|
49884
|
+
"value": 1,
|
|
49885
|
+
"unit": "px"
|
|
49886
|
+
}
|
|
47934
49887
|
},
|
|
47935
49888
|
{
|
|
47936
49889
|
"color": "{base.color.neutral.12}",
|
|
47937
49890
|
"alpha": 0.32,
|
|
47938
|
-
"offsetX":
|
|
47939
|
-
|
|
47940
|
-
|
|
47941
|
-
|
|
49891
|
+
"offsetX": {
|
|
49892
|
+
"value": 0,
|
|
49893
|
+
"unit": "px"
|
|
49894
|
+
},
|
|
49895
|
+
"offsetY": {
|
|
49896
|
+
"value": 56,
|
|
49897
|
+
"unit": "px"
|
|
49898
|
+
},
|
|
49899
|
+
"blur": {
|
|
49900
|
+
"value": 112,
|
|
49901
|
+
"unit": "px"
|
|
49902
|
+
},
|
|
49903
|
+
"spread": {
|
|
49904
|
+
"value": 0,
|
|
49905
|
+
"unit": "px"
|
|
49906
|
+
}
|
|
47942
49907
|
}
|
|
47943
49908
|
],
|
|
47944
49909
|
"$type": "shadow",
|
|
49910
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47945
49911
|
"$extensions": {
|
|
47946
49912
|
"org.primer.figma": {
|
|
47947
49913
|
"collection": "mode",
|
|
@@ -47953,24 +49919,193 @@
|
|
|
47953
49919
|
{
|
|
47954
49920
|
"color": "{overlay.borderColor}",
|
|
47955
49921
|
"alpha": 1,
|
|
47956
|
-
"offsetX":
|
|
47957
|
-
|
|
47958
|
-
|
|
47959
|
-
|
|
49922
|
+
"offsetX": {
|
|
49923
|
+
"value": 0,
|
|
49924
|
+
"unit": "px"
|
|
49925
|
+
},
|
|
49926
|
+
"offsetY": {
|
|
49927
|
+
"value": 0,
|
|
49928
|
+
"unit": "px"
|
|
49929
|
+
},
|
|
49930
|
+
"blur": {
|
|
49931
|
+
"value": 0,
|
|
49932
|
+
"unit": "px"
|
|
49933
|
+
},
|
|
49934
|
+
"spread": {
|
|
49935
|
+
"value": 1,
|
|
49936
|
+
"unit": "px"
|
|
49937
|
+
}
|
|
47960
49938
|
},
|
|
47961
49939
|
{
|
|
47962
49940
|
"color": "{base.color.neutral.0}",
|
|
47963
49941
|
"alpha": 1,
|
|
47964
|
-
"offsetX":
|
|
47965
|
-
|
|
47966
|
-
|
|
47967
|
-
|
|
49942
|
+
"offsetX": {
|
|
49943
|
+
"value": 0,
|
|
49944
|
+
"unit": "px"
|
|
49945
|
+
},
|
|
49946
|
+
"offsetY": {
|
|
49947
|
+
"value": 32,
|
|
49948
|
+
"unit": "px"
|
|
49949
|
+
},
|
|
49950
|
+
"blur": {
|
|
49951
|
+
"value": 64,
|
|
49952
|
+
"unit": "px"
|
|
49953
|
+
},
|
|
49954
|
+
"spread": {
|
|
49955
|
+
"value": 0,
|
|
49956
|
+
"unit": "px"
|
|
49957
|
+
}
|
|
49958
|
+
}
|
|
49959
|
+
],
|
|
49960
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49961
|
+
"isSource": true,
|
|
49962
|
+
"$type": "shadow"
|
|
49963
|
+
},
|
|
49964
|
+
"light-high-contrast": {
|
|
49965
|
+
"$value": [
|
|
49966
|
+
{
|
|
49967
|
+
"color": "{overlay.borderColor}",
|
|
49968
|
+
"alpha": 1,
|
|
49969
|
+
"offsetX": {
|
|
49970
|
+
"value": 0,
|
|
49971
|
+
"unit": "px"
|
|
49972
|
+
},
|
|
49973
|
+
"offsetY": {
|
|
49974
|
+
"value": 0,
|
|
49975
|
+
"unit": "px"
|
|
49976
|
+
},
|
|
49977
|
+
"blur": {
|
|
49978
|
+
"value": 0,
|
|
49979
|
+
"unit": "px"
|
|
49980
|
+
},
|
|
49981
|
+
"spread": {
|
|
49982
|
+
"value": 1,
|
|
49983
|
+
"unit": "px"
|
|
49984
|
+
}
|
|
49985
|
+
},
|
|
49986
|
+
{
|
|
49987
|
+
"color": "{base.color.neutral.12}",
|
|
49988
|
+
"alpha": 0.32,
|
|
49989
|
+
"offsetX": {
|
|
49990
|
+
"value": 0,
|
|
49991
|
+
"unit": "px"
|
|
49992
|
+
},
|
|
49993
|
+
"offsetY": {
|
|
49994
|
+
"value": 56,
|
|
49995
|
+
"unit": "px"
|
|
49996
|
+
},
|
|
49997
|
+
"blur": {
|
|
49998
|
+
"value": 112,
|
|
49999
|
+
"unit": "px"
|
|
50000
|
+
},
|
|
50001
|
+
"spread": {
|
|
50002
|
+
"value": 0,
|
|
50003
|
+
"unit": "px"
|
|
50004
|
+
}
|
|
50005
|
+
}
|
|
50006
|
+
],
|
|
50007
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50008
|
+
"isSource": true,
|
|
50009
|
+
"$type": "shadow"
|
|
50010
|
+
},
|
|
50011
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
50012
|
+
"$value": [
|
|
50013
|
+
{
|
|
50014
|
+
"color": "{overlay.borderColor}",
|
|
50015
|
+
"alpha": 1,
|
|
50016
|
+
"offsetX": {
|
|
50017
|
+
"value": 0,
|
|
50018
|
+
"unit": "px"
|
|
50019
|
+
},
|
|
50020
|
+
"offsetY": {
|
|
50021
|
+
"value": 0,
|
|
50022
|
+
"unit": "px"
|
|
50023
|
+
},
|
|
50024
|
+
"blur": {
|
|
50025
|
+
"value": 0,
|
|
50026
|
+
"unit": "px"
|
|
50027
|
+
},
|
|
50028
|
+
"spread": {
|
|
50029
|
+
"value": 1,
|
|
50030
|
+
"unit": "px"
|
|
50031
|
+
}
|
|
50032
|
+
},
|
|
50033
|
+
{
|
|
50034
|
+
"color": "{base.color.neutral.12}",
|
|
50035
|
+
"alpha": 0.32,
|
|
50036
|
+
"offsetX": {
|
|
50037
|
+
"value": 0,
|
|
50038
|
+
"unit": "px"
|
|
50039
|
+
},
|
|
50040
|
+
"offsetY": {
|
|
50041
|
+
"value": 56,
|
|
50042
|
+
"unit": "px"
|
|
50043
|
+
},
|
|
50044
|
+
"blur": {
|
|
50045
|
+
"value": 112,
|
|
50046
|
+
"unit": "px"
|
|
50047
|
+
},
|
|
50048
|
+
"spread": {
|
|
50049
|
+
"value": 0,
|
|
50050
|
+
"unit": "px"
|
|
50051
|
+
}
|
|
50052
|
+
}
|
|
50053
|
+
],
|
|
50054
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50055
|
+
"isSource": true,
|
|
50056
|
+
"$type": "shadow"
|
|
50057
|
+
},
|
|
50058
|
+
"light-tritanopia-high-contrast": {
|
|
50059
|
+
"$value": [
|
|
50060
|
+
{
|
|
50061
|
+
"color": "{overlay.borderColor}",
|
|
50062
|
+
"alpha": 1,
|
|
50063
|
+
"offsetX": {
|
|
50064
|
+
"value": 0,
|
|
50065
|
+
"unit": "px"
|
|
50066
|
+
},
|
|
50067
|
+
"offsetY": {
|
|
50068
|
+
"value": 0,
|
|
50069
|
+
"unit": "px"
|
|
50070
|
+
},
|
|
50071
|
+
"blur": {
|
|
50072
|
+
"value": 0,
|
|
50073
|
+
"unit": "px"
|
|
50074
|
+
},
|
|
50075
|
+
"spread": {
|
|
50076
|
+
"value": 1,
|
|
50077
|
+
"unit": "px"
|
|
50078
|
+
}
|
|
50079
|
+
},
|
|
50080
|
+
{
|
|
50081
|
+
"color": "{base.color.neutral.12}",
|
|
50082
|
+
"alpha": 0.32,
|
|
50083
|
+
"offsetX": {
|
|
50084
|
+
"value": 0,
|
|
50085
|
+
"unit": "px"
|
|
50086
|
+
},
|
|
50087
|
+
"offsetY": {
|
|
50088
|
+
"value": 56,
|
|
50089
|
+
"unit": "px"
|
|
50090
|
+
},
|
|
50091
|
+
"blur": {
|
|
50092
|
+
"value": 112,
|
|
50093
|
+
"unit": "px"
|
|
50094
|
+
},
|
|
50095
|
+
"spread": {
|
|
50096
|
+
"value": 0,
|
|
50097
|
+
"unit": "px"
|
|
50098
|
+
}
|
|
47968
50099
|
}
|
|
47969
50100
|
],
|
|
47970
50101
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47971
50102
|
"isSource": true,
|
|
47972
50103
|
"$type": "shadow"
|
|
47973
50104
|
}
|
|
50105
|
+
},
|
|
50106
|
+
"org.primer.llm": {
|
|
50107
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
50108
|
+
"rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
|
|
47974
50109
|
}
|
|
47975
50110
|
},
|
|
47976
50111
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -47981,8 +50116,9 @@
|
|
|
47981
50116
|
},
|
|
47982
50117
|
"shadow-inset": {
|
|
47983
50118
|
"key": "{shadow.inset}",
|
|
47984
|
-
"$value": "inset
|
|
50119
|
+
"$value": "inset 0 1px 0 0 #1f23280a",
|
|
47985
50120
|
"$type": "shadow",
|
|
50121
|
+
"$description": "Inset shadow for recessed elements",
|
|
47986
50122
|
"$extensions": {
|
|
47987
50123
|
"org.primer.figma": {
|
|
47988
50124
|
"collection": "mode",
|
|
@@ -47993,16 +50129,32 @@
|
|
|
47993
50129
|
"$value": {
|
|
47994
50130
|
"color": "#ffffff",
|
|
47995
50131
|
"alpha": 0.24,
|
|
47996
|
-
"offsetX":
|
|
47997
|
-
|
|
47998
|
-
|
|
47999
|
-
|
|
50132
|
+
"offsetX": {
|
|
50133
|
+
"value": 0,
|
|
50134
|
+
"unit": "px"
|
|
50135
|
+
},
|
|
50136
|
+
"offsetY": {
|
|
50137
|
+
"value": 1,
|
|
50138
|
+
"unit": "px"
|
|
50139
|
+
},
|
|
50140
|
+
"blur": {
|
|
50141
|
+
"value": 0,
|
|
50142
|
+
"unit": "px"
|
|
50143
|
+
},
|
|
50144
|
+
"spread": {
|
|
50145
|
+
"value": 0,
|
|
50146
|
+
"unit": "px"
|
|
50147
|
+
},
|
|
48000
50148
|
"inset": true
|
|
48001
50149
|
},
|
|
48002
50150
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48003
50151
|
"isSource": true,
|
|
48004
50152
|
"$type": "shadow"
|
|
48005
50153
|
}
|
|
50154
|
+
},
|
|
50155
|
+
"org.primer.llm": {
|
|
50156
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50157
|
+
"rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
|
|
48006
50158
|
}
|
|
48007
50159
|
},
|
|
48008
50160
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48011,13 +50163,26 @@
|
|
|
48011
50163
|
"$value": {
|
|
48012
50164
|
"color": "{base.color.neutral.13}",
|
|
48013
50165
|
"alpha": 0.04,
|
|
48014
|
-
"offsetX":
|
|
48015
|
-
|
|
48016
|
-
|
|
48017
|
-
|
|
50166
|
+
"offsetX": {
|
|
50167
|
+
"value": 0,
|
|
50168
|
+
"unit": "px"
|
|
50169
|
+
},
|
|
50170
|
+
"offsetY": {
|
|
50171
|
+
"value": 1,
|
|
50172
|
+
"unit": "px"
|
|
50173
|
+
},
|
|
50174
|
+
"blur": {
|
|
50175
|
+
"value": 0,
|
|
50176
|
+
"unit": "px"
|
|
50177
|
+
},
|
|
50178
|
+
"spread": {
|
|
50179
|
+
"value": 0,
|
|
50180
|
+
"unit": "px"
|
|
50181
|
+
},
|
|
48018
50182
|
"inset": true
|
|
48019
50183
|
},
|
|
48020
50184
|
"$type": "shadow",
|
|
50185
|
+
"$description": "Inset shadow for recessed elements",
|
|
48021
50186
|
"$extensions": {
|
|
48022
50187
|
"org.primer.figma": {
|
|
48023
50188
|
"collection": "mode",
|
|
@@ -48028,16 +50193,32 @@
|
|
|
48028
50193
|
"$value": {
|
|
48029
50194
|
"color": "{base.color.neutral.0}",
|
|
48030
50195
|
"alpha": 0.24,
|
|
48031
|
-
"offsetX":
|
|
48032
|
-
|
|
48033
|
-
|
|
48034
|
-
|
|
50196
|
+
"offsetX": {
|
|
50197
|
+
"value": 0,
|
|
50198
|
+
"unit": "px"
|
|
50199
|
+
},
|
|
50200
|
+
"offsetY": {
|
|
50201
|
+
"value": 1,
|
|
50202
|
+
"unit": "px"
|
|
50203
|
+
},
|
|
50204
|
+
"blur": {
|
|
50205
|
+
"value": 0,
|
|
50206
|
+
"unit": "px"
|
|
50207
|
+
},
|
|
50208
|
+
"spread": {
|
|
50209
|
+
"value": 0,
|
|
50210
|
+
"unit": "px"
|
|
50211
|
+
},
|
|
48035
50212
|
"inset": true
|
|
48036
50213
|
},
|
|
48037
50214
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48038
50215
|
"isSource": true,
|
|
48039
50216
|
"$type": "shadow"
|
|
48040
50217
|
}
|
|
50218
|
+
},
|
|
50219
|
+
"org.primer.llm": {
|
|
50220
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50221
|
+
"rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
|
|
48041
50222
|
}
|
|
48042
50223
|
},
|
|
48043
50224
|
"key": "{shadow.inset}"
|
|
@@ -48048,8 +50229,9 @@
|
|
|
48048
50229
|
},
|
|
48049
50230
|
"shadow-resting-medium": {
|
|
48050
50231
|
"key": "{shadow.resting.medium}",
|
|
48051
|
-
"$value": "
|
|
50232
|
+
"$value": "0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f",
|
|
48052
50233
|
"$type": "shadow",
|
|
50234
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48053
50235
|
"$extensions": {
|
|
48054
50236
|
"org.primer.figma": {
|
|
48055
50237
|
"collection": "mode",
|
|
@@ -48061,24 +50243,52 @@
|
|
|
48061
50243
|
{
|
|
48062
50244
|
"color": "#ffffff",
|
|
48063
50245
|
"alpha": 0.4,
|
|
48064
|
-
"offsetX":
|
|
48065
|
-
|
|
48066
|
-
|
|
48067
|
-
|
|
50246
|
+
"offsetX": {
|
|
50247
|
+
"value": 0,
|
|
50248
|
+
"unit": "px"
|
|
50249
|
+
},
|
|
50250
|
+
"offsetY": {
|
|
50251
|
+
"value": 1,
|
|
50252
|
+
"unit": "px"
|
|
50253
|
+
},
|
|
50254
|
+
"blur": {
|
|
50255
|
+
"value": 1,
|
|
50256
|
+
"unit": "px"
|
|
50257
|
+
},
|
|
50258
|
+
"spread": {
|
|
50259
|
+
"value": 0,
|
|
50260
|
+
"unit": "px"
|
|
50261
|
+
}
|
|
48068
50262
|
},
|
|
48069
50263
|
{
|
|
48070
50264
|
"color": "#ffffff",
|
|
48071
50265
|
"alpha": 0.8,
|
|
48072
|
-
"offsetX":
|
|
48073
|
-
|
|
48074
|
-
|
|
48075
|
-
|
|
50266
|
+
"offsetX": {
|
|
50267
|
+
"value": 0,
|
|
50268
|
+
"unit": "px"
|
|
50269
|
+
},
|
|
50270
|
+
"offsetY": {
|
|
50271
|
+
"value": 3,
|
|
50272
|
+
"unit": "px"
|
|
50273
|
+
},
|
|
50274
|
+
"blur": {
|
|
50275
|
+
"value": 6,
|
|
50276
|
+
"unit": "px"
|
|
50277
|
+
},
|
|
50278
|
+
"spread": {
|
|
50279
|
+
"value": 0,
|
|
50280
|
+
"unit": "px"
|
|
50281
|
+
}
|
|
48076
50282
|
}
|
|
48077
50283
|
],
|
|
48078
50284
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48079
50285
|
"isSource": true,
|
|
48080
50286
|
"$type": "shadow"
|
|
48081
50287
|
}
|
|
50288
|
+
},
|
|
50289
|
+
"org.primer.llm": {
|
|
50290
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50291
|
+
"rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
|
|
48082
50292
|
}
|
|
48083
50293
|
},
|
|
48084
50294
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48088,21 +50298,46 @@
|
|
|
48088
50298
|
{
|
|
48089
50299
|
"color": "{base.color.neutral.12}",
|
|
48090
50300
|
"alpha": 0.1,
|
|
48091
|
-
"offsetX":
|
|
48092
|
-
|
|
48093
|
-
|
|
48094
|
-
|
|
50301
|
+
"offsetX": {
|
|
50302
|
+
"value": 0,
|
|
50303
|
+
"unit": "px"
|
|
50304
|
+
},
|
|
50305
|
+
"offsetY": {
|
|
50306
|
+
"value": 1,
|
|
50307
|
+
"unit": "px"
|
|
50308
|
+
},
|
|
50309
|
+
"blur": {
|
|
50310
|
+
"value": 1,
|
|
50311
|
+
"unit": "px"
|
|
50312
|
+
},
|
|
50313
|
+
"spread": {
|
|
50314
|
+
"value": 0,
|
|
50315
|
+
"unit": "px"
|
|
50316
|
+
}
|
|
48095
50317
|
},
|
|
48096
50318
|
{
|
|
48097
50319
|
"color": "{base.color.neutral.12}",
|
|
48098
50320
|
"alpha": 0.12,
|
|
48099
|
-
"offsetX":
|
|
48100
|
-
|
|
48101
|
-
|
|
48102
|
-
|
|
50321
|
+
"offsetX": {
|
|
50322
|
+
"value": 0,
|
|
50323
|
+
"unit": "px"
|
|
50324
|
+
},
|
|
50325
|
+
"offsetY": {
|
|
50326
|
+
"value": 3,
|
|
50327
|
+
"unit": "px"
|
|
50328
|
+
},
|
|
50329
|
+
"blur": {
|
|
50330
|
+
"value": 6,
|
|
50331
|
+
"unit": "px"
|
|
50332
|
+
},
|
|
50333
|
+
"spread": {
|
|
50334
|
+
"value": 0,
|
|
50335
|
+
"unit": "px"
|
|
50336
|
+
}
|
|
48103
50337
|
}
|
|
48104
50338
|
],
|
|
48105
50339
|
"$type": "shadow",
|
|
50340
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48106
50341
|
"$extensions": {
|
|
48107
50342
|
"org.primer.figma": {
|
|
48108
50343
|
"collection": "mode",
|
|
@@ -48114,24 +50349,52 @@
|
|
|
48114
50349
|
{
|
|
48115
50350
|
"color": "{base.color.neutral.0}",
|
|
48116
50351
|
"alpha": 0.4,
|
|
48117
|
-
"offsetX":
|
|
48118
|
-
|
|
48119
|
-
|
|
48120
|
-
|
|
50352
|
+
"offsetX": {
|
|
50353
|
+
"value": 0,
|
|
50354
|
+
"unit": "px"
|
|
50355
|
+
},
|
|
50356
|
+
"offsetY": {
|
|
50357
|
+
"value": 1,
|
|
50358
|
+
"unit": "px"
|
|
50359
|
+
},
|
|
50360
|
+
"blur": {
|
|
50361
|
+
"value": 1,
|
|
50362
|
+
"unit": "px"
|
|
50363
|
+
},
|
|
50364
|
+
"spread": {
|
|
50365
|
+
"value": 0,
|
|
50366
|
+
"unit": "px"
|
|
50367
|
+
}
|
|
48121
50368
|
},
|
|
48122
50369
|
{
|
|
48123
50370
|
"color": "{base.color.neutral.0}",
|
|
48124
50371
|
"alpha": 0.8,
|
|
48125
|
-
"offsetX":
|
|
48126
|
-
|
|
48127
|
-
|
|
48128
|
-
|
|
50372
|
+
"offsetX": {
|
|
50373
|
+
"value": 0,
|
|
50374
|
+
"unit": "px"
|
|
50375
|
+
},
|
|
50376
|
+
"offsetY": {
|
|
50377
|
+
"value": 3,
|
|
50378
|
+
"unit": "px"
|
|
50379
|
+
},
|
|
50380
|
+
"blur": {
|
|
50381
|
+
"value": 6,
|
|
50382
|
+
"unit": "px"
|
|
50383
|
+
},
|
|
50384
|
+
"spread": {
|
|
50385
|
+
"value": 0,
|
|
50386
|
+
"unit": "px"
|
|
50387
|
+
}
|
|
48129
50388
|
}
|
|
48130
50389
|
],
|
|
48131
50390
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48132
50391
|
"isSource": true,
|
|
48133
50392
|
"$type": "shadow"
|
|
48134
50393
|
}
|
|
50394
|
+
},
|
|
50395
|
+
"org.primer.llm": {
|
|
50396
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50397
|
+
"rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
|
|
48135
50398
|
}
|
|
48136
50399
|
},
|
|
48137
50400
|
"key": "{shadow.resting.medium}"
|
|
@@ -48142,8 +50405,9 @@
|
|
|
48142
50405
|
},
|
|
48143
50406
|
"shadow-resting-small": {
|
|
48144
50407
|
"key": "{shadow.resting.small}",
|
|
48145
|
-
"$value": "
|
|
50408
|
+
"$value": "0 1px 1px 0 #1f23280a, 0 1px 2px 0 #1f232808",
|
|
48146
50409
|
"$type": "shadow",
|
|
50410
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48147
50411
|
"$extensions": {
|
|
48148
50412
|
"org.primer.figma": {
|
|
48149
50413
|
"collection": "mode",
|
|
@@ -48155,19 +50419,43 @@
|
|
|
48155
50419
|
{
|
|
48156
50420
|
"color": "#ffffff",
|
|
48157
50421
|
"alpha": 0.6,
|
|
48158
|
-
"offsetX":
|
|
48159
|
-
|
|
48160
|
-
|
|
48161
|
-
|
|
50422
|
+
"offsetX": {
|
|
50423
|
+
"value": 0,
|
|
50424
|
+
"unit": "px"
|
|
50425
|
+
},
|
|
50426
|
+
"offsetY": {
|
|
50427
|
+
"value": 1,
|
|
50428
|
+
"unit": "px"
|
|
50429
|
+
},
|
|
50430
|
+
"blur": {
|
|
50431
|
+
"value": 1,
|
|
50432
|
+
"unit": "px"
|
|
50433
|
+
},
|
|
50434
|
+
"spread": {
|
|
50435
|
+
"value": 0,
|
|
50436
|
+
"unit": "px"
|
|
50437
|
+
},
|
|
48162
50438
|
"inset": false
|
|
48163
50439
|
},
|
|
48164
50440
|
{
|
|
48165
50441
|
"color": "#ffffff",
|
|
48166
50442
|
"alpha": 0.6,
|
|
48167
|
-
"offsetX":
|
|
48168
|
-
|
|
48169
|
-
|
|
48170
|
-
|
|
50443
|
+
"offsetX": {
|
|
50444
|
+
"value": 0,
|
|
50445
|
+
"unit": "px"
|
|
50446
|
+
},
|
|
50447
|
+
"offsetY": {
|
|
50448
|
+
"value": 1,
|
|
50449
|
+
"unit": "px"
|
|
50450
|
+
},
|
|
50451
|
+
"blur": {
|
|
50452
|
+
"value": 3,
|
|
50453
|
+
"unit": "px"
|
|
50454
|
+
},
|
|
50455
|
+
"spread": {
|
|
50456
|
+
"value": 0,
|
|
50457
|
+
"unit": "px"
|
|
50458
|
+
},
|
|
48171
50459
|
"inset": false
|
|
48172
50460
|
}
|
|
48173
50461
|
],
|
|
@@ -48175,6 +50463,10 @@
|
|
|
48175
50463
|
"isSource": true,
|
|
48176
50464
|
"$type": "shadow"
|
|
48177
50465
|
}
|
|
50466
|
+
},
|
|
50467
|
+
"org.primer.llm": {
|
|
50468
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50469
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48178
50470
|
}
|
|
48179
50471
|
},
|
|
48180
50472
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48183,24 +50475,49 @@
|
|
|
48183
50475
|
"$value": [
|
|
48184
50476
|
{
|
|
48185
50477
|
"color": "{base.color.neutral.13}",
|
|
48186
|
-
"alpha": 0.
|
|
48187
|
-
"offsetX":
|
|
48188
|
-
|
|
48189
|
-
|
|
48190
|
-
|
|
50478
|
+
"alpha": 0.04,
|
|
50479
|
+
"offsetX": {
|
|
50480
|
+
"value": 0,
|
|
50481
|
+
"unit": "px"
|
|
50482
|
+
},
|
|
50483
|
+
"offsetY": {
|
|
50484
|
+
"value": 1,
|
|
50485
|
+
"unit": "px"
|
|
50486
|
+
},
|
|
50487
|
+
"blur": {
|
|
50488
|
+
"value": 1,
|
|
50489
|
+
"unit": "px"
|
|
50490
|
+
},
|
|
50491
|
+
"spread": {
|
|
50492
|
+
"value": 0,
|
|
50493
|
+
"unit": "px"
|
|
50494
|
+
},
|
|
48191
50495
|
"inset": false
|
|
48192
50496
|
},
|
|
48193
50497
|
{
|
|
48194
50498
|
"color": "{base.color.neutral.13}",
|
|
48195
|
-
"alpha": 0.
|
|
48196
|
-
"offsetX":
|
|
48197
|
-
|
|
48198
|
-
|
|
48199
|
-
|
|
50499
|
+
"alpha": 0.03,
|
|
50500
|
+
"offsetX": {
|
|
50501
|
+
"value": 0,
|
|
50502
|
+
"unit": "px"
|
|
50503
|
+
},
|
|
50504
|
+
"offsetY": {
|
|
50505
|
+
"value": 1,
|
|
50506
|
+
"unit": "px"
|
|
50507
|
+
},
|
|
50508
|
+
"blur": {
|
|
50509
|
+
"value": 2,
|
|
50510
|
+
"unit": "px"
|
|
50511
|
+
},
|
|
50512
|
+
"spread": {
|
|
50513
|
+
"value": 0,
|
|
50514
|
+
"unit": "px"
|
|
50515
|
+
},
|
|
48200
50516
|
"inset": false
|
|
48201
50517
|
}
|
|
48202
50518
|
],
|
|
48203
50519
|
"$type": "shadow",
|
|
50520
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48204
50521
|
"$extensions": {
|
|
48205
50522
|
"org.primer.figma": {
|
|
48206
50523
|
"collection": "mode",
|
|
@@ -48212,19 +50529,43 @@
|
|
|
48212
50529
|
{
|
|
48213
50530
|
"color": "{base.color.neutral.0}",
|
|
48214
50531
|
"alpha": 0.6,
|
|
48215
|
-
"offsetX":
|
|
48216
|
-
|
|
48217
|
-
|
|
48218
|
-
|
|
50532
|
+
"offsetX": {
|
|
50533
|
+
"value": 0,
|
|
50534
|
+
"unit": "px"
|
|
50535
|
+
},
|
|
50536
|
+
"offsetY": {
|
|
50537
|
+
"value": 1,
|
|
50538
|
+
"unit": "px"
|
|
50539
|
+
},
|
|
50540
|
+
"blur": {
|
|
50541
|
+
"value": 1,
|
|
50542
|
+
"unit": "px"
|
|
50543
|
+
},
|
|
50544
|
+
"spread": {
|
|
50545
|
+
"value": 0,
|
|
50546
|
+
"unit": "px"
|
|
50547
|
+
},
|
|
48219
50548
|
"inset": false
|
|
48220
50549
|
},
|
|
48221
50550
|
{
|
|
48222
50551
|
"color": "{base.color.neutral.0}",
|
|
48223
50552
|
"alpha": 0.6,
|
|
48224
|
-
"offsetX":
|
|
48225
|
-
|
|
48226
|
-
|
|
48227
|
-
|
|
50553
|
+
"offsetX": {
|
|
50554
|
+
"value": 0,
|
|
50555
|
+
"unit": "px"
|
|
50556
|
+
},
|
|
50557
|
+
"offsetY": {
|
|
50558
|
+
"value": 1,
|
|
50559
|
+
"unit": "px"
|
|
50560
|
+
},
|
|
50561
|
+
"blur": {
|
|
50562
|
+
"value": 3,
|
|
50563
|
+
"unit": "px"
|
|
50564
|
+
},
|
|
50565
|
+
"spread": {
|
|
50566
|
+
"value": 0,
|
|
50567
|
+
"unit": "px"
|
|
50568
|
+
},
|
|
48228
50569
|
"inset": false
|
|
48229
50570
|
}
|
|
48230
50571
|
],
|
|
@@ -48232,6 +50573,10 @@
|
|
|
48232
50573
|
"isSource": true,
|
|
48233
50574
|
"$type": "shadow"
|
|
48234
50575
|
}
|
|
50576
|
+
},
|
|
50577
|
+
"org.primer.llm": {
|
|
50578
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50579
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48235
50580
|
}
|
|
48236
50581
|
},
|
|
48237
50582
|
"key": "{shadow.resting.small}"
|
|
@@ -48242,8 +50587,9 @@
|
|
|
48242
50587
|
},
|
|
48243
50588
|
"shadow-resting-xsmall": {
|
|
48244
50589
|
"key": "{shadow.resting.xsmall}",
|
|
48245
|
-
"$value": "
|
|
50590
|
+
"$value": "0 1px 1px 0 #1f23280d",
|
|
48246
50591
|
"$type": "shadow",
|
|
50592
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48247
50593
|
"$extensions": {
|
|
48248
50594
|
"org.primer.figma": {
|
|
48249
50595
|
"collection": "mode",
|
|
@@ -48254,16 +50600,32 @@
|
|
|
48254
50600
|
"$value": {
|
|
48255
50601
|
"color": "#ffffff",
|
|
48256
50602
|
"alpha": 0.8,
|
|
48257
|
-
"offsetX":
|
|
48258
|
-
|
|
48259
|
-
|
|
48260
|
-
|
|
50603
|
+
"offsetX": {
|
|
50604
|
+
"value": 0,
|
|
50605
|
+
"unit": "px"
|
|
50606
|
+
},
|
|
50607
|
+
"offsetY": {
|
|
50608
|
+
"value": 1,
|
|
50609
|
+
"unit": "px"
|
|
50610
|
+
},
|
|
50611
|
+
"blur": {
|
|
50612
|
+
"value": 1,
|
|
50613
|
+
"unit": "px"
|
|
50614
|
+
},
|
|
50615
|
+
"spread": {
|
|
50616
|
+
"value": 0,
|
|
50617
|
+
"unit": "px"
|
|
50618
|
+
},
|
|
48261
50619
|
"inset": false
|
|
48262
50620
|
},
|
|
48263
50621
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48264
50622
|
"isSource": true,
|
|
48265
50623
|
"$type": "shadow"
|
|
48266
50624
|
}
|
|
50625
|
+
},
|
|
50626
|
+
"org.primer.llm": {
|
|
50627
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50628
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48267
50629
|
}
|
|
48268
50630
|
},
|
|
48269
50631
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48271,14 +50633,27 @@
|
|
|
48271
50633
|
"original": {
|
|
48272
50634
|
"$value": {
|
|
48273
50635
|
"color": "{base.color.neutral.13}",
|
|
48274
|
-
"alpha": 0.
|
|
48275
|
-
"offsetX":
|
|
48276
|
-
|
|
48277
|
-
|
|
48278
|
-
|
|
50636
|
+
"alpha": 0.05,
|
|
50637
|
+
"offsetX": {
|
|
50638
|
+
"value": 0,
|
|
50639
|
+
"unit": "px"
|
|
50640
|
+
},
|
|
50641
|
+
"offsetY": {
|
|
50642
|
+
"value": 1,
|
|
50643
|
+
"unit": "px"
|
|
50644
|
+
},
|
|
50645
|
+
"blur": {
|
|
50646
|
+
"value": 1,
|
|
50647
|
+
"unit": "px"
|
|
50648
|
+
},
|
|
50649
|
+
"spread": {
|
|
50650
|
+
"value": 0,
|
|
50651
|
+
"unit": "px"
|
|
50652
|
+
},
|
|
48279
50653
|
"inset": false
|
|
48280
50654
|
},
|
|
48281
50655
|
"$type": "shadow",
|
|
50656
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48282
50657
|
"$extensions": {
|
|
48283
50658
|
"org.primer.figma": {
|
|
48284
50659
|
"collection": "mode",
|
|
@@ -48289,16 +50664,32 @@
|
|
|
48289
50664
|
"$value": {
|
|
48290
50665
|
"color": "{base.color.neutral.0}",
|
|
48291
50666
|
"alpha": 0.8,
|
|
48292
|
-
"offsetX":
|
|
48293
|
-
|
|
48294
|
-
|
|
48295
|
-
|
|
50667
|
+
"offsetX": {
|
|
50668
|
+
"value": 0,
|
|
50669
|
+
"unit": "px"
|
|
50670
|
+
},
|
|
50671
|
+
"offsetY": {
|
|
50672
|
+
"value": 1,
|
|
50673
|
+
"unit": "px"
|
|
50674
|
+
},
|
|
50675
|
+
"blur": {
|
|
50676
|
+
"value": 1,
|
|
50677
|
+
"unit": "px"
|
|
50678
|
+
},
|
|
50679
|
+
"spread": {
|
|
50680
|
+
"value": 0,
|
|
50681
|
+
"unit": "px"
|
|
50682
|
+
},
|
|
48296
50683
|
"inset": false
|
|
48297
50684
|
},
|
|
48298
50685
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48299
50686
|
"isSource": true,
|
|
48300
50687
|
"$type": "shadow"
|
|
48301
50688
|
}
|
|
50689
|
+
},
|
|
50690
|
+
"org.primer.llm": {
|
|
50691
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50692
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48302
50693
|
}
|
|
48303
50694
|
},
|
|
48304
50695
|
"key": "{shadow.resting.xsmall}"
|