@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}"
|
|
@@ -2436,6 +2480,10 @@
|
|
|
2436
2480
|
},
|
|
2437
2481
|
"org.primer.overrides": {
|
|
2438
2482
|
"dark": "#010409"
|
|
2483
|
+
},
|
|
2484
|
+
"org.primer.llm": {
|
|
2485
|
+
"doNotUse": true,
|
|
2486
|
+
"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."
|
|
2439
2487
|
}
|
|
2440
2488
|
},
|
|
2441
2489
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2452,6 +2500,10 @@
|
|
|
2452
2500
|
},
|
|
2453
2501
|
"org.primer.overrides": {
|
|
2454
2502
|
"dark": "{base.color.neutral.13}"
|
|
2503
|
+
},
|
|
2504
|
+
"org.primer.llm": {
|
|
2505
|
+
"doNotUse": true,
|
|
2506
|
+
"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."
|
|
2455
2507
|
}
|
|
2456
2508
|
},
|
|
2457
2509
|
"key": "{bgColor.white}"
|
|
@@ -2462,7 +2514,11 @@
|
|
|
2462
2514
|
},
|
|
2463
2515
|
"border-accent-emphasis": {
|
|
2464
2516
|
"key": "{border.accent.emphasis}",
|
|
2465
|
-
"$value":
|
|
2517
|
+
"$value": {
|
|
2518
|
+
"color": "#0349b4",
|
|
2519
|
+
"style": "solid",
|
|
2520
|
+
"width": ["0.0625rem", "1px"]
|
|
2521
|
+
},
|
|
2466
2522
|
"$type": "border",
|
|
2467
2523
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2468
2524
|
"isSource": true,
|
|
@@ -2481,7 +2537,11 @@
|
|
|
2481
2537
|
},
|
|
2482
2538
|
"border-accent-muted": {
|
|
2483
2539
|
"key": "{border.accent.muted}",
|
|
2484
|
-
"$value":
|
|
2540
|
+
"$value": {
|
|
2541
|
+
"color": "#368cf9",
|
|
2542
|
+
"style": "solid",
|
|
2543
|
+
"width": ["0.0625rem", "1px"]
|
|
2544
|
+
},
|
|
2485
2545
|
"$type": "border",
|
|
2486
2546
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2487
2547
|
"isSource": true,
|
|
@@ -2500,7 +2560,11 @@
|
|
|
2500
2560
|
},
|
|
2501
2561
|
"border-attention-emphasis": {
|
|
2502
2562
|
"key": "{border.attention.emphasis}",
|
|
2503
|
-
"$value":
|
|
2563
|
+
"$value": {
|
|
2564
|
+
"color": "#744500",
|
|
2565
|
+
"style": "solid",
|
|
2566
|
+
"width": ["0.0625rem", "1px"]
|
|
2567
|
+
},
|
|
2504
2568
|
"$type": "border",
|
|
2505
2569
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2506
2570
|
"isSource": true,
|
|
@@ -2519,7 +2583,11 @@
|
|
|
2519
2583
|
},
|
|
2520
2584
|
"border-attention-muted": {
|
|
2521
2585
|
"key": "{border.attention.muted}",
|
|
2522
|
-
"$value":
|
|
2586
|
+
"$value": {
|
|
2587
|
+
"color": "#b58407",
|
|
2588
|
+
"style": "solid",
|
|
2589
|
+
"width": ["0.0625rem", "1px"]
|
|
2590
|
+
},
|
|
2523
2591
|
"$type": "border",
|
|
2524
2592
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2525
2593
|
"isSource": true,
|
|
@@ -2538,7 +2606,11 @@
|
|
|
2538
2606
|
},
|
|
2539
2607
|
"border-closed-emphasis": {
|
|
2540
2608
|
"key": "{border.closed.emphasis}",
|
|
2541
|
-
"$value":
|
|
2609
|
+
"$value": {
|
|
2610
|
+
"color": "#a0111f",
|
|
2611
|
+
"style": "solid",
|
|
2612
|
+
"width": ["0.0625rem", "1px"]
|
|
2613
|
+
},
|
|
2542
2614
|
"$type": "border",
|
|
2543
2615
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2544
2616
|
"isSource": true,
|
|
@@ -2553,7 +2625,11 @@
|
|
|
2553
2625
|
},
|
|
2554
2626
|
"border-closed-muted": {
|
|
2555
2627
|
"key": "{border.closed.muted}",
|
|
2556
|
-
"$value":
|
|
2628
|
+
"$value": {
|
|
2629
|
+
"color": "#ee5a5d",
|
|
2630
|
+
"style": "solid",
|
|
2631
|
+
"width": ["0.0625rem", "1px"]
|
|
2632
|
+
},
|
|
2557
2633
|
"$type": "border",
|
|
2558
2634
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2559
2635
|
"isSource": true,
|
|
@@ -2568,7 +2644,11 @@
|
|
|
2568
2644
|
},
|
|
2569
2645
|
"border-danger-emphasis": {
|
|
2570
2646
|
"key": "{border.danger.emphasis}",
|
|
2571
|
-
"$value":
|
|
2647
|
+
"$value": {
|
|
2648
|
+
"color": "#a0111f",
|
|
2649
|
+
"style": "solid",
|
|
2650
|
+
"width": ["0.0625rem", "1px"]
|
|
2651
|
+
},
|
|
2572
2652
|
"$type": "border",
|
|
2573
2653
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2574
2654
|
"isSource": true,
|
|
@@ -2587,7 +2667,11 @@
|
|
|
2587
2667
|
},
|
|
2588
2668
|
"border-danger-muted": {
|
|
2589
2669
|
"key": "{border.danger.muted}",
|
|
2590
|
-
"$value":
|
|
2670
|
+
"$value": {
|
|
2671
|
+
"color": "#ee5a5d",
|
|
2672
|
+
"style": "solid",
|
|
2673
|
+
"width": ["0.0625rem", "1px"]
|
|
2674
|
+
},
|
|
2591
2675
|
"$type": "border",
|
|
2592
2676
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2593
2677
|
"isSource": true,
|
|
@@ -2606,7 +2690,11 @@
|
|
|
2606
2690
|
},
|
|
2607
2691
|
"border-default": {
|
|
2608
2692
|
"key": "{border.default}",
|
|
2609
|
-
"$value":
|
|
2693
|
+
"$value": {
|
|
2694
|
+
"color": "#454c54",
|
|
2695
|
+
"style": "solid",
|
|
2696
|
+
"width": ["0.0625rem", "1px"]
|
|
2697
|
+
},
|
|
2610
2698
|
"$type": "border",
|
|
2611
2699
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2612
2700
|
"isSource": true,
|
|
@@ -2625,7 +2713,11 @@
|
|
|
2625
2713
|
},
|
|
2626
2714
|
"border-disabled": {
|
|
2627
2715
|
"key": "{border.disabled}",
|
|
2628
|
-
"$value":
|
|
2716
|
+
"$value": {
|
|
2717
|
+
"color": "#59636e1f",
|
|
2718
|
+
"style": "solid",
|
|
2719
|
+
"width": ["0.0625rem", "1px"]
|
|
2720
|
+
},
|
|
2629
2721
|
"$type": "border",
|
|
2630
2722
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2631
2723
|
"isSource": true,
|
|
@@ -2644,7 +2736,11 @@
|
|
|
2644
2736
|
},
|
|
2645
2737
|
"border-done-emphasis": {
|
|
2646
2738
|
"key": "{border.done.emphasis}",
|
|
2647
|
-
"$value":
|
|
2739
|
+
"$value": {
|
|
2740
|
+
"color": "#622cbc",
|
|
2741
|
+
"style": "solid",
|
|
2742
|
+
"width": ["0.0625rem", "1px"]
|
|
2743
|
+
},
|
|
2648
2744
|
"$type": "border",
|
|
2649
2745
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2650
2746
|
"isSource": true,
|
|
@@ -2663,7 +2759,11 @@
|
|
|
2663
2759
|
},
|
|
2664
2760
|
"border-done-muted": {
|
|
2665
2761
|
"key": "{border.done.muted}",
|
|
2666
|
-
"$value":
|
|
2762
|
+
"$value": {
|
|
2763
|
+
"color": "#a371f7",
|
|
2764
|
+
"style": "solid",
|
|
2765
|
+
"width": ["0.0625rem", "1px"]
|
|
2766
|
+
},
|
|
2667
2767
|
"$type": "border",
|
|
2668
2768
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2669
2769
|
"isSource": true,
|
|
@@ -2682,7 +2782,11 @@
|
|
|
2682
2782
|
},
|
|
2683
2783
|
"border-emphasis": {
|
|
2684
2784
|
"key": "{border.emphasis}",
|
|
2685
|
-
"$value":
|
|
2785
|
+
"$value": {
|
|
2786
|
+
"color": "#454c54",
|
|
2787
|
+
"style": "solid",
|
|
2788
|
+
"width": ["0.0625rem", "1px"]
|
|
2789
|
+
},
|
|
2686
2790
|
"$type": "border",
|
|
2687
2791
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2688
2792
|
"isSource": true,
|
|
@@ -2701,7 +2805,11 @@
|
|
|
2701
2805
|
},
|
|
2702
2806
|
"border-muted": {
|
|
2703
2807
|
"key": "{border.muted}",
|
|
2704
|
-
"$value":
|
|
2808
|
+
"$value": {
|
|
2809
|
+
"color": "#454c54",
|
|
2810
|
+
"style": "solid",
|
|
2811
|
+
"width": ["0.0625rem", "1px"]
|
|
2812
|
+
},
|
|
2705
2813
|
"$type": "border",
|
|
2706
2814
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2707
2815
|
"isSource": true,
|
|
@@ -2720,7 +2828,11 @@
|
|
|
2720
2828
|
},
|
|
2721
2829
|
"border-neutral-emphasis": {
|
|
2722
2830
|
"key": "{border.neutral.emphasis}",
|
|
2723
|
-
"$value":
|
|
2831
|
+
"$value": {
|
|
2832
|
+
"color": "#59636e",
|
|
2833
|
+
"style": "solid",
|
|
2834
|
+
"width": ["0.0625rem", "1px"]
|
|
2835
|
+
},
|
|
2724
2836
|
"$type": "border",
|
|
2725
2837
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2726
2838
|
"isSource": true,
|
|
@@ -2739,7 +2851,11 @@
|
|
|
2739
2851
|
},
|
|
2740
2852
|
"border-neutral-muted": {
|
|
2741
2853
|
"key": "{border.neutral.muted}",
|
|
2742
|
-
"$value":
|
|
2854
|
+
"$value": {
|
|
2855
|
+
"color": "#454c54",
|
|
2856
|
+
"style": "solid",
|
|
2857
|
+
"width": ["0.0625rem", "1px"]
|
|
2858
|
+
},
|
|
2743
2859
|
"$type": "border",
|
|
2744
2860
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2745
2861
|
"isSource": true,
|
|
@@ -2758,7 +2874,11 @@
|
|
|
2758
2874
|
},
|
|
2759
2875
|
"border-open-emphasis": {
|
|
2760
2876
|
"key": "{border.open.emphasis}",
|
|
2761
|
-
"$value":
|
|
2877
|
+
"$value": {
|
|
2878
|
+
"color": "#055d20",
|
|
2879
|
+
"style": "solid",
|
|
2880
|
+
"width": ["0.0625rem", "1px"]
|
|
2881
|
+
},
|
|
2762
2882
|
"$type": "border",
|
|
2763
2883
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2764
2884
|
"isSource": true,
|
|
@@ -2773,7 +2893,11 @@
|
|
|
2773
2893
|
},
|
|
2774
2894
|
"border-open-muted": {
|
|
2775
2895
|
"key": "{border.open.muted}",
|
|
2776
|
-
"$value":
|
|
2896
|
+
"$value": {
|
|
2897
|
+
"color": "#26a148",
|
|
2898
|
+
"style": "solid",
|
|
2899
|
+
"width": ["0.0625rem", "1px"]
|
|
2900
|
+
},
|
|
2777
2901
|
"$type": "border",
|
|
2778
2902
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2779
2903
|
"isSource": true,
|
|
@@ -2788,7 +2912,11 @@
|
|
|
2788
2912
|
},
|
|
2789
2913
|
"border-severe-emphasis": {
|
|
2790
2914
|
"key": "{border.severe.emphasis}",
|
|
2791
|
-
"$value":
|
|
2915
|
+
"$value": {
|
|
2916
|
+
"color": "#873800",
|
|
2917
|
+
"style": "solid",
|
|
2918
|
+
"width": ["0.0625rem", "1px"]
|
|
2919
|
+
},
|
|
2792
2920
|
"$type": "border",
|
|
2793
2921
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2794
2922
|
"isSource": true,
|
|
@@ -2807,7 +2935,11 @@
|
|
|
2807
2935
|
},
|
|
2808
2936
|
"border-severe-muted": {
|
|
2809
2937
|
"key": "{border.severe.muted}",
|
|
2810
|
-
"$value":
|
|
2938
|
+
"$value": {
|
|
2939
|
+
"color": "#dc6d1a",
|
|
2940
|
+
"style": "solid",
|
|
2941
|
+
"width": ["0.0625rem", "1px"]
|
|
2942
|
+
},
|
|
2811
2943
|
"$type": "border",
|
|
2812
2944
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2813
2945
|
"isSource": true,
|
|
@@ -2826,7 +2958,11 @@
|
|
|
2826
2958
|
},
|
|
2827
2959
|
"border-sponsors-emphasis": {
|
|
2828
2960
|
"key": "{border.sponsors.emphasis}",
|
|
2829
|
-
"$value":
|
|
2961
|
+
"$value": {
|
|
2962
|
+
"color": "#971368",
|
|
2963
|
+
"style": "solid",
|
|
2964
|
+
"width": ["0.0625rem", "1px"]
|
|
2965
|
+
},
|
|
2830
2966
|
"$type": "border",
|
|
2831
2967
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2832
2968
|
"isSource": true,
|
|
@@ -2845,7 +2981,11 @@
|
|
|
2845
2981
|
},
|
|
2846
2982
|
"border-sponsors-muted": {
|
|
2847
2983
|
"key": "{border.sponsors.muted}",
|
|
2848
|
-
"$value":
|
|
2984
|
+
"$value": {
|
|
2985
|
+
"color": "#ed4baf",
|
|
2986
|
+
"style": "solid",
|
|
2987
|
+
"width": ["0.0625rem", "1px"]
|
|
2988
|
+
},
|
|
2849
2989
|
"$type": "border",
|
|
2850
2990
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2851
2991
|
"isSource": true,
|
|
@@ -2864,7 +3004,11 @@
|
|
|
2864
3004
|
},
|
|
2865
3005
|
"border-success-emphasis": {
|
|
2866
3006
|
"key": "{border.success.emphasis}",
|
|
2867
|
-
"$value":
|
|
3007
|
+
"$value": {
|
|
3008
|
+
"color": "#055d20",
|
|
3009
|
+
"style": "solid",
|
|
3010
|
+
"width": ["0.0625rem", "1px"]
|
|
3011
|
+
},
|
|
2868
3012
|
"$type": "border",
|
|
2869
3013
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2870
3014
|
"isSource": true,
|
|
@@ -2883,7 +3027,11 @@
|
|
|
2883
3027
|
},
|
|
2884
3028
|
"border-success-muted": {
|
|
2885
3029
|
"key": "{border.success.muted}",
|
|
2886
|
-
"$value":
|
|
3030
|
+
"$value": {
|
|
3031
|
+
"color": "#26a148",
|
|
3032
|
+
"style": "solid",
|
|
3033
|
+
"width": ["0.0625rem", "1px"]
|
|
3034
|
+
},
|
|
2887
3035
|
"$type": "border",
|
|
2888
3036
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2889
3037
|
"isSource": true,
|
|
@@ -2902,7 +3050,11 @@
|
|
|
2902
3050
|
},
|
|
2903
3051
|
"border-transparent": {
|
|
2904
3052
|
"key": "{border.transparent}",
|
|
2905
|
-
"$value":
|
|
3053
|
+
"$value": {
|
|
3054
|
+
"color": "#ffffff00",
|
|
3055
|
+
"style": "solid",
|
|
3056
|
+
"width": ["0.0625rem", "1px"]
|
|
3057
|
+
},
|
|
2906
3058
|
"$type": "border",
|
|
2907
3059
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2908
3060
|
"isSource": true,
|
|
@@ -2921,7 +3073,11 @@
|
|
|
2921
3073
|
},
|
|
2922
3074
|
"border-upsell-emphasis": {
|
|
2923
3075
|
"key": "{border.upsell.emphasis}",
|
|
2924
|
-
"$value":
|
|
3076
|
+
"$value": {
|
|
3077
|
+
"color": "#622cbc",
|
|
3078
|
+
"style": "solid",
|
|
3079
|
+
"width": ["0.0625rem", "1px"]
|
|
3080
|
+
},
|
|
2925
3081
|
"$type": "border",
|
|
2926
3082
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2927
3083
|
"isSource": true,
|
|
@@ -2940,7 +3096,11 @@
|
|
|
2940
3096
|
},
|
|
2941
3097
|
"border-upsell-muted": {
|
|
2942
3098
|
"key": "{border.upsell.muted}",
|
|
2943
|
-
"$value":
|
|
3099
|
+
"$value": {
|
|
3100
|
+
"color": "#a371f7",
|
|
3101
|
+
"style": "solid",
|
|
3102
|
+
"width": ["0.0625rem", "1px"]
|
|
3103
|
+
},
|
|
2944
3104
|
"$type": "border",
|
|
2945
3105
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2946
3106
|
"isSource": true,
|
|
@@ -6928,7 +7088,7 @@
|
|
|
6928
7088
|
},
|
|
6929
7089
|
"button-danger-shadow-selected": {
|
|
6930
7090
|
"key": "{button.danger.shadow.selected}",
|
|
6931
|
-
"$value": "inset
|
|
7091
|
+
"$value": "inset 0 1px 0 0 #43001133",
|
|
6932
7092
|
"$type": "shadow",
|
|
6933
7093
|
"$extensions": {
|
|
6934
7094
|
"org.primer.figma": {
|
|
@@ -6941,10 +7101,22 @@
|
|
|
6941
7101
|
{
|
|
6942
7102
|
"color": "#361200",
|
|
6943
7103
|
"alpha": 0.2,
|
|
6944
|
-
"offsetX":
|
|
6945
|
-
|
|
6946
|
-
|
|
6947
|
-
|
|
7104
|
+
"offsetX": {
|
|
7105
|
+
"value": 0,
|
|
7106
|
+
"unit": "px"
|
|
7107
|
+
},
|
|
7108
|
+
"offsetY": {
|
|
7109
|
+
"value": 1,
|
|
7110
|
+
"unit": "px"
|
|
7111
|
+
},
|
|
7112
|
+
"blur": {
|
|
7113
|
+
"value": 0,
|
|
7114
|
+
"unit": "px"
|
|
7115
|
+
},
|
|
7116
|
+
"spread": {
|
|
7117
|
+
"value": 0,
|
|
7118
|
+
"unit": "px"
|
|
7119
|
+
},
|
|
6948
7120
|
"inset": true
|
|
6949
7121
|
}
|
|
6950
7122
|
],
|
|
@@ -6957,10 +7129,22 @@
|
|
|
6957
7129
|
{
|
|
6958
7130
|
"color": "#ffffff00",
|
|
6959
7131
|
"alpha": 0,
|
|
6960
|
-
"offsetX":
|
|
6961
|
-
|
|
6962
|
-
|
|
6963
|
-
|
|
7132
|
+
"offsetX": {
|
|
7133
|
+
"value": 0,
|
|
7134
|
+
"unit": "px"
|
|
7135
|
+
},
|
|
7136
|
+
"offsetY": {
|
|
7137
|
+
"value": 0,
|
|
7138
|
+
"unit": "px"
|
|
7139
|
+
},
|
|
7140
|
+
"blur": {
|
|
7141
|
+
"value": 0,
|
|
7142
|
+
"unit": "px"
|
|
7143
|
+
},
|
|
7144
|
+
"spread": {
|
|
7145
|
+
"value": 0,
|
|
7146
|
+
"unit": "px"
|
|
7147
|
+
},
|
|
6964
7148
|
"inset": false
|
|
6965
7149
|
}
|
|
6966
7150
|
],
|
|
@@ -6977,10 +7161,22 @@
|
|
|
6977
7161
|
{
|
|
6978
7162
|
"color": "{base.color.red.9}",
|
|
6979
7163
|
"alpha": 0.2,
|
|
6980
|
-
"offsetX":
|
|
6981
|
-
|
|
6982
|
-
|
|
6983
|
-
|
|
7164
|
+
"offsetX": {
|
|
7165
|
+
"value": 0,
|
|
7166
|
+
"unit": "px"
|
|
7167
|
+
},
|
|
7168
|
+
"offsetY": {
|
|
7169
|
+
"value": 1,
|
|
7170
|
+
"unit": "px"
|
|
7171
|
+
},
|
|
7172
|
+
"blur": {
|
|
7173
|
+
"value": 0,
|
|
7174
|
+
"unit": "px"
|
|
7175
|
+
},
|
|
7176
|
+
"spread": {
|
|
7177
|
+
"value": 0,
|
|
7178
|
+
"unit": "px"
|
|
7179
|
+
},
|
|
6984
7180
|
"inset": true
|
|
6985
7181
|
}
|
|
6986
7182
|
],
|
|
@@ -6996,10 +7192,22 @@
|
|
|
6996
7192
|
{
|
|
6997
7193
|
"color": "{base.color.orange.9}",
|
|
6998
7194
|
"alpha": 0.2,
|
|
6999
|
-
"offsetX":
|
|
7000
|
-
|
|
7001
|
-
|
|
7002
|
-
|
|
7195
|
+
"offsetX": {
|
|
7196
|
+
"value": 0,
|
|
7197
|
+
"unit": "px"
|
|
7198
|
+
},
|
|
7199
|
+
"offsetY": {
|
|
7200
|
+
"value": 1,
|
|
7201
|
+
"unit": "px"
|
|
7202
|
+
},
|
|
7203
|
+
"blur": {
|
|
7204
|
+
"value": 0,
|
|
7205
|
+
"unit": "px"
|
|
7206
|
+
},
|
|
7207
|
+
"spread": {
|
|
7208
|
+
"value": 0,
|
|
7209
|
+
"unit": "px"
|
|
7210
|
+
},
|
|
7003
7211
|
"inset": true
|
|
7004
7212
|
}
|
|
7005
7213
|
],
|
|
@@ -7012,10 +7220,22 @@
|
|
|
7012
7220
|
{
|
|
7013
7221
|
"color": "{base.color.transparent}",
|
|
7014
7222
|
"alpha": 0,
|
|
7015
|
-
"offsetX":
|
|
7016
|
-
|
|
7017
|
-
|
|
7018
|
-
|
|
7223
|
+
"offsetX": {
|
|
7224
|
+
"value": 0,
|
|
7225
|
+
"unit": "px"
|
|
7226
|
+
},
|
|
7227
|
+
"offsetY": {
|
|
7228
|
+
"value": 0,
|
|
7229
|
+
"unit": "px"
|
|
7230
|
+
},
|
|
7231
|
+
"blur": {
|
|
7232
|
+
"value": 0,
|
|
7233
|
+
"unit": "px"
|
|
7234
|
+
},
|
|
7235
|
+
"spread": {
|
|
7236
|
+
"value": 0,
|
|
7237
|
+
"unit": "px"
|
|
7238
|
+
},
|
|
7019
7239
|
"inset": false
|
|
7020
7240
|
}
|
|
7021
7241
|
],
|
|
@@ -7391,7 +7611,7 @@
|
|
|
7391
7611
|
},
|
|
7392
7612
|
"button-default-shadow-resting": {
|
|
7393
7613
|
"key": "{button.default.shadow.resting}",
|
|
7394
|
-
"$value": "
|
|
7614
|
+
"$value": "0 1px 0 0 #0104090a",
|
|
7395
7615
|
"$type": "shadow",
|
|
7396
7616
|
"$extensions": {
|
|
7397
7617
|
"org.primer.figma": {
|
|
@@ -7404,10 +7624,22 @@
|
|
|
7404
7624
|
{
|
|
7405
7625
|
"color": "#ffffff00",
|
|
7406
7626
|
"alpha": 0,
|
|
7407
|
-
"offsetX":
|
|
7408
|
-
|
|
7409
|
-
|
|
7410
|
-
|
|
7627
|
+
"offsetX": {
|
|
7628
|
+
"value": 0,
|
|
7629
|
+
"unit": "px"
|
|
7630
|
+
},
|
|
7631
|
+
"offsetY": {
|
|
7632
|
+
"value": 0,
|
|
7633
|
+
"unit": "px"
|
|
7634
|
+
},
|
|
7635
|
+
"blur": {
|
|
7636
|
+
"value": 0,
|
|
7637
|
+
"unit": "px"
|
|
7638
|
+
},
|
|
7639
|
+
"spread": {
|
|
7640
|
+
"value": 0,
|
|
7641
|
+
"unit": "px"
|
|
7642
|
+
},
|
|
7411
7643
|
"inset": false
|
|
7412
7644
|
}
|
|
7413
7645
|
],
|
|
@@ -7424,10 +7656,22 @@
|
|
|
7424
7656
|
{
|
|
7425
7657
|
"color": "{base.color.neutral.13}",
|
|
7426
7658
|
"alpha": 0.04,
|
|
7427
|
-
"offsetX":
|
|
7428
|
-
|
|
7429
|
-
|
|
7430
|
-
|
|
7659
|
+
"offsetX": {
|
|
7660
|
+
"value": 0,
|
|
7661
|
+
"unit": "px"
|
|
7662
|
+
},
|
|
7663
|
+
"offsetY": {
|
|
7664
|
+
"value": 1,
|
|
7665
|
+
"unit": "px"
|
|
7666
|
+
},
|
|
7667
|
+
"blur": {
|
|
7668
|
+
"value": 0,
|
|
7669
|
+
"unit": "px"
|
|
7670
|
+
},
|
|
7671
|
+
"spread": {
|
|
7672
|
+
"value": 0,
|
|
7673
|
+
"unit": "px"
|
|
7674
|
+
},
|
|
7431
7675
|
"inset": false
|
|
7432
7676
|
}
|
|
7433
7677
|
],
|
|
@@ -7443,10 +7687,22 @@
|
|
|
7443
7687
|
{
|
|
7444
7688
|
"color": "{base.color.transparent}",
|
|
7445
7689
|
"alpha": 0,
|
|
7446
|
-
"offsetX":
|
|
7447
|
-
|
|
7448
|
-
|
|
7449
|
-
|
|
7690
|
+
"offsetX": {
|
|
7691
|
+
"value": 0,
|
|
7692
|
+
"unit": "px"
|
|
7693
|
+
},
|
|
7694
|
+
"offsetY": {
|
|
7695
|
+
"value": 0,
|
|
7696
|
+
"unit": "px"
|
|
7697
|
+
},
|
|
7698
|
+
"blur": {
|
|
7699
|
+
"value": 0,
|
|
7700
|
+
"unit": "px"
|
|
7701
|
+
},
|
|
7702
|
+
"spread": {
|
|
7703
|
+
"value": 0,
|
|
7704
|
+
"unit": "px"
|
|
7705
|
+
},
|
|
7450
7706
|
"inset": false
|
|
7451
7707
|
}
|
|
7452
7708
|
],
|
|
@@ -9150,7 +9406,7 @@
|
|
|
9150
9406
|
},
|
|
9151
9407
|
"button-outline-shadow-selected": {
|
|
9152
9408
|
"key": "{button.outline.shadow.selected}",
|
|
9153
|
-
"$value": "inset
|
|
9409
|
+
"$value": "inset 0 1px 0 0 #021a4a33",
|
|
9154
9410
|
"$type": "shadow",
|
|
9155
9411
|
"$extensions": {
|
|
9156
9412
|
"org.primer.figma": {
|
|
@@ -9163,10 +9419,22 @@
|
|
|
9163
9419
|
{
|
|
9164
9420
|
"color": "#ffffff00",
|
|
9165
9421
|
"alpha": 0,
|
|
9166
|
-
"offsetX":
|
|
9167
|
-
|
|
9168
|
-
|
|
9169
|
-
|
|
9422
|
+
"offsetX": {
|
|
9423
|
+
"value": 0,
|
|
9424
|
+
"unit": "px"
|
|
9425
|
+
},
|
|
9426
|
+
"offsetY": {
|
|
9427
|
+
"value": 0,
|
|
9428
|
+
"unit": "px"
|
|
9429
|
+
},
|
|
9430
|
+
"blur": {
|
|
9431
|
+
"value": 0,
|
|
9432
|
+
"unit": "px"
|
|
9433
|
+
},
|
|
9434
|
+
"spread": {
|
|
9435
|
+
"value": 0,
|
|
9436
|
+
"unit": "px"
|
|
9437
|
+
},
|
|
9170
9438
|
"inset": false
|
|
9171
9439
|
}
|
|
9172
9440
|
],
|
|
@@ -9183,10 +9451,22 @@
|
|
|
9183
9451
|
{
|
|
9184
9452
|
"color": "{base.color.blue.9}",
|
|
9185
9453
|
"alpha": 0.2,
|
|
9186
|
-
"offsetX":
|
|
9187
|
-
|
|
9188
|
-
|
|
9189
|
-
|
|
9454
|
+
"offsetX": {
|
|
9455
|
+
"value": 0,
|
|
9456
|
+
"unit": "px"
|
|
9457
|
+
},
|
|
9458
|
+
"offsetY": {
|
|
9459
|
+
"value": 1,
|
|
9460
|
+
"unit": "px"
|
|
9461
|
+
},
|
|
9462
|
+
"blur": {
|
|
9463
|
+
"value": 0,
|
|
9464
|
+
"unit": "px"
|
|
9465
|
+
},
|
|
9466
|
+
"spread": {
|
|
9467
|
+
"value": 0,
|
|
9468
|
+
"unit": "px"
|
|
9469
|
+
},
|
|
9190
9470
|
"inset": true
|
|
9191
9471
|
}
|
|
9192
9472
|
],
|
|
@@ -9202,10 +9482,22 @@
|
|
|
9202
9482
|
{
|
|
9203
9483
|
"color": "{base.color.transparent}",
|
|
9204
9484
|
"alpha": 0,
|
|
9205
|
-
"offsetX":
|
|
9206
|
-
|
|
9207
|
-
|
|
9208
|
-
|
|
9485
|
+
"offsetX": {
|
|
9486
|
+
"value": 0,
|
|
9487
|
+
"unit": "px"
|
|
9488
|
+
},
|
|
9489
|
+
"offsetY": {
|
|
9490
|
+
"value": 0,
|
|
9491
|
+
"unit": "px"
|
|
9492
|
+
},
|
|
9493
|
+
"blur": {
|
|
9494
|
+
"value": 0,
|
|
9495
|
+
"unit": "px"
|
|
9496
|
+
},
|
|
9497
|
+
"spread": {
|
|
9498
|
+
"value": 0,
|
|
9499
|
+
"unit": "px"
|
|
9500
|
+
},
|
|
9209
9501
|
"inset": false
|
|
9210
9502
|
}
|
|
9211
9503
|
],
|
|
@@ -10360,7 +10652,7 @@
|
|
|
10360
10652
|
},
|
|
10361
10653
|
"button-primary-shadow-selected": {
|
|
10362
10654
|
"key": "{button.primary.shadow.selected}",
|
|
10363
|
-
"$value": "inset
|
|
10655
|
+
"$value": "inset 0 1px 0 0 #00230b4d",
|
|
10364
10656
|
"$type": "shadow",
|
|
10365
10657
|
"$extensions": {
|
|
10366
10658
|
"org.primer.figma": {
|
|
@@ -10373,10 +10665,22 @@
|
|
|
10373
10665
|
{
|
|
10374
10666
|
"color": "#021a4a",
|
|
10375
10667
|
"alpha": 0.3,
|
|
10376
|
-
"offsetX":
|
|
10377
|
-
|
|
10378
|
-
|
|
10379
|
-
|
|
10668
|
+
"offsetX": {
|
|
10669
|
+
"value": 0,
|
|
10670
|
+
"unit": "px"
|
|
10671
|
+
},
|
|
10672
|
+
"offsetY": {
|
|
10673
|
+
"value": 1,
|
|
10674
|
+
"unit": "px"
|
|
10675
|
+
},
|
|
10676
|
+
"blur": {
|
|
10677
|
+
"value": 0,
|
|
10678
|
+
"unit": "px"
|
|
10679
|
+
},
|
|
10680
|
+
"spread": {
|
|
10681
|
+
"value": 0,
|
|
10682
|
+
"unit": "px"
|
|
10683
|
+
},
|
|
10380
10684
|
"inset": true
|
|
10381
10685
|
}
|
|
10382
10686
|
],
|
|
@@ -10389,10 +10693,22 @@
|
|
|
10389
10693
|
{
|
|
10390
10694
|
"color": "#021a4a",
|
|
10391
10695
|
"alpha": 0.3,
|
|
10392
|
-
"offsetX":
|
|
10393
|
-
|
|
10394
|
-
|
|
10395
|
-
|
|
10696
|
+
"offsetX": {
|
|
10697
|
+
"value": 0,
|
|
10698
|
+
"unit": "px"
|
|
10699
|
+
},
|
|
10700
|
+
"offsetY": {
|
|
10701
|
+
"value": 1,
|
|
10702
|
+
"unit": "px"
|
|
10703
|
+
},
|
|
10704
|
+
"blur": {
|
|
10705
|
+
"value": 0,
|
|
10706
|
+
"unit": "px"
|
|
10707
|
+
},
|
|
10708
|
+
"spread": {
|
|
10709
|
+
"value": 0,
|
|
10710
|
+
"unit": "px"
|
|
10711
|
+
},
|
|
10396
10712
|
"inset": true
|
|
10397
10713
|
}
|
|
10398
10714
|
],
|
|
@@ -10405,10 +10721,22 @@
|
|
|
10405
10721
|
{
|
|
10406
10722
|
"color": "#ffffff00",
|
|
10407
10723
|
"alpha": 0,
|
|
10408
|
-
"offsetX":
|
|
10409
|
-
|
|
10410
|
-
|
|
10411
|
-
|
|
10724
|
+
"offsetX": {
|
|
10725
|
+
"value": 0,
|
|
10726
|
+
"unit": "px"
|
|
10727
|
+
},
|
|
10728
|
+
"offsetY": {
|
|
10729
|
+
"value": 0,
|
|
10730
|
+
"unit": "px"
|
|
10731
|
+
},
|
|
10732
|
+
"blur": {
|
|
10733
|
+
"value": 0,
|
|
10734
|
+
"unit": "px"
|
|
10735
|
+
},
|
|
10736
|
+
"spread": {
|
|
10737
|
+
"value": 0,
|
|
10738
|
+
"unit": "px"
|
|
10739
|
+
},
|
|
10412
10740
|
"inset": false
|
|
10413
10741
|
}
|
|
10414
10742
|
],
|
|
@@ -10425,10 +10753,22 @@
|
|
|
10425
10753
|
{
|
|
10426
10754
|
"color": "{base.color.green.9}",
|
|
10427
10755
|
"alpha": 0.3,
|
|
10428
|
-
"offsetX":
|
|
10429
|
-
|
|
10430
|
-
|
|
10431
|
-
|
|
10756
|
+
"offsetX": {
|
|
10757
|
+
"value": 0,
|
|
10758
|
+
"unit": "px"
|
|
10759
|
+
},
|
|
10760
|
+
"offsetY": {
|
|
10761
|
+
"value": 1,
|
|
10762
|
+
"unit": "px"
|
|
10763
|
+
},
|
|
10764
|
+
"blur": {
|
|
10765
|
+
"value": 0,
|
|
10766
|
+
"unit": "px"
|
|
10767
|
+
},
|
|
10768
|
+
"spread": {
|
|
10769
|
+
"value": 0,
|
|
10770
|
+
"unit": "px"
|
|
10771
|
+
},
|
|
10432
10772
|
"inset": true
|
|
10433
10773
|
}
|
|
10434
10774
|
],
|
|
@@ -10444,10 +10784,22 @@
|
|
|
10444
10784
|
{
|
|
10445
10785
|
"color": "{base.color.blue.9}",
|
|
10446
10786
|
"alpha": 0.3,
|
|
10447
|
-
"offsetX":
|
|
10448
|
-
|
|
10449
|
-
|
|
10450
|
-
|
|
10787
|
+
"offsetX": {
|
|
10788
|
+
"value": 0,
|
|
10789
|
+
"unit": "px"
|
|
10790
|
+
},
|
|
10791
|
+
"offsetY": {
|
|
10792
|
+
"value": 1,
|
|
10793
|
+
"unit": "px"
|
|
10794
|
+
},
|
|
10795
|
+
"blur": {
|
|
10796
|
+
"value": 0,
|
|
10797
|
+
"unit": "px"
|
|
10798
|
+
},
|
|
10799
|
+
"spread": {
|
|
10800
|
+
"value": 0,
|
|
10801
|
+
"unit": "px"
|
|
10802
|
+
},
|
|
10451
10803
|
"inset": true
|
|
10452
10804
|
}
|
|
10453
10805
|
],
|
|
@@ -10460,10 +10812,22 @@
|
|
|
10460
10812
|
{
|
|
10461
10813
|
"color": "{base.color.blue.9}",
|
|
10462
10814
|
"alpha": 0.3,
|
|
10463
|
-
"offsetX":
|
|
10464
|
-
|
|
10465
|
-
|
|
10466
|
-
|
|
10815
|
+
"offsetX": {
|
|
10816
|
+
"value": 0,
|
|
10817
|
+
"unit": "px"
|
|
10818
|
+
},
|
|
10819
|
+
"offsetY": {
|
|
10820
|
+
"value": 1,
|
|
10821
|
+
"unit": "px"
|
|
10822
|
+
},
|
|
10823
|
+
"blur": {
|
|
10824
|
+
"value": 0,
|
|
10825
|
+
"unit": "px"
|
|
10826
|
+
},
|
|
10827
|
+
"spread": {
|
|
10828
|
+
"value": 0,
|
|
10829
|
+
"unit": "px"
|
|
10830
|
+
},
|
|
10467
10831
|
"inset": true
|
|
10468
10832
|
}
|
|
10469
10833
|
],
|
|
@@ -10476,10 +10840,22 @@
|
|
|
10476
10840
|
{
|
|
10477
10841
|
"color": "{base.color.transparent}",
|
|
10478
10842
|
"alpha": 0,
|
|
10479
|
-
"offsetX":
|
|
10480
|
-
|
|
10481
|
-
|
|
10482
|
-
|
|
10843
|
+
"offsetX": {
|
|
10844
|
+
"value": 0,
|
|
10845
|
+
"unit": "px"
|
|
10846
|
+
},
|
|
10847
|
+
"offsetY": {
|
|
10848
|
+
"value": 0,
|
|
10849
|
+
"unit": "px"
|
|
10850
|
+
},
|
|
10851
|
+
"blur": {
|
|
10852
|
+
"value": 0,
|
|
10853
|
+
"unit": "px"
|
|
10854
|
+
},
|
|
10855
|
+
"spread": {
|
|
10856
|
+
"value": 0,
|
|
10857
|
+
"unit": "px"
|
|
10858
|
+
},
|
|
10483
10859
|
"inset": false
|
|
10484
10860
|
}
|
|
10485
10861
|
],
|
|
@@ -37216,6 +37592,10 @@
|
|
|
37216
37592
|
},
|
|
37217
37593
|
"org.primer.overrides": {
|
|
37218
37594
|
"dark": "#ffffff"
|
|
37595
|
+
},
|
|
37596
|
+
"org.primer.llm": {
|
|
37597
|
+
"doNotUse": true,
|
|
37598
|
+
"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."
|
|
37219
37599
|
}
|
|
37220
37600
|
},
|
|
37221
37601
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37232,6 +37612,10 @@
|
|
|
37232
37612
|
},
|
|
37233
37613
|
"org.primer.overrides": {
|
|
37234
37614
|
"dark": "{base.color.neutral.0}"
|
|
37615
|
+
},
|
|
37616
|
+
"org.primer.llm": {
|
|
37617
|
+
"doNotUse": true,
|
|
37618
|
+
"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."
|
|
37235
37619
|
}
|
|
37236
37620
|
},
|
|
37237
37621
|
"key": "{fgColor.black}"
|
|
@@ -38205,6 +38589,10 @@
|
|
|
38205
38589
|
},
|
|
38206
38590
|
"org.primer.overrides": {
|
|
38207
38591
|
"dark": "#010409"
|
|
38592
|
+
},
|
|
38593
|
+
"org.primer.llm": {
|
|
38594
|
+
"doNotUse": true,
|
|
38595
|
+
"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."
|
|
38208
38596
|
}
|
|
38209
38597
|
},
|
|
38210
38598
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38221,6 +38609,10 @@
|
|
|
38221
38609
|
},
|
|
38222
38610
|
"org.primer.overrides": {
|
|
38223
38611
|
"dark": "{base.color.neutral.13}"
|
|
38612
|
+
},
|
|
38613
|
+
"org.primer.llm": {
|
|
38614
|
+
"doNotUse": true,
|
|
38615
|
+
"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."
|
|
38224
38616
|
}
|
|
38225
38617
|
},
|
|
38226
38618
|
"key": "{fgColor.white}"
|
|
@@ -38246,7 +38638,10 @@
|
|
|
38246
38638
|
"$value": {
|
|
38247
38639
|
"color": "{focus.outlineColor}",
|
|
38248
38640
|
"style": "solid",
|
|
38249
|
-
"width":
|
|
38641
|
+
"width": {
|
|
38642
|
+
"value": 2,
|
|
38643
|
+
"unit": "px"
|
|
38644
|
+
}
|
|
38250
38645
|
},
|
|
38251
38646
|
"$type": "border",
|
|
38252
38647
|
"$description": "Focus ring outline for keyboard navigation and accessibility.",
|
|
@@ -47397,7 +47792,7 @@
|
|
|
47397
47792
|
},
|
|
47398
47793
|
"shadow-floating-large": {
|
|
47399
47794
|
"key": "{shadow.floating.large}",
|
|
47400
|
-
"$value": "
|
|
47795
|
+
"$value": "0 0 0 1px #454c54, 0 40px 80px 0 #25292e3d",
|
|
47401
47796
|
"$type": "shadow",
|
|
47402
47797
|
"$description": "Large floating shadow for modals and dialogs",
|
|
47403
47798
|
"$extensions": {
|
|
@@ -47411,18 +47806,183 @@
|
|
|
47411
47806
|
{
|
|
47412
47807
|
"color": "#454c54",
|
|
47413
47808
|
"alpha": 1,
|
|
47414
|
-
"offsetX":
|
|
47415
|
-
|
|
47416
|
-
|
|
47417
|
-
|
|
47809
|
+
"offsetX": {
|
|
47810
|
+
"value": 0,
|
|
47811
|
+
"unit": "px"
|
|
47812
|
+
},
|
|
47813
|
+
"offsetY": {
|
|
47814
|
+
"value": 0,
|
|
47815
|
+
"unit": "px"
|
|
47816
|
+
},
|
|
47817
|
+
"blur": {
|
|
47818
|
+
"value": 0,
|
|
47819
|
+
"unit": "px"
|
|
47820
|
+
},
|
|
47821
|
+
"spread": {
|
|
47822
|
+
"value": 1,
|
|
47823
|
+
"unit": "px"
|
|
47824
|
+
}
|
|
47418
47825
|
},
|
|
47419
47826
|
{
|
|
47420
47827
|
"color": "#ffffff",
|
|
47421
47828
|
"alpha": 1,
|
|
47422
|
-
"offsetX":
|
|
47423
|
-
|
|
47424
|
-
|
|
47425
|
-
|
|
47829
|
+
"offsetX": {
|
|
47830
|
+
"value": 0,
|
|
47831
|
+
"unit": "px"
|
|
47832
|
+
},
|
|
47833
|
+
"offsetY": {
|
|
47834
|
+
"value": 24,
|
|
47835
|
+
"unit": "px"
|
|
47836
|
+
},
|
|
47837
|
+
"blur": {
|
|
47838
|
+
"value": 48,
|
|
47839
|
+
"unit": "px"
|
|
47840
|
+
},
|
|
47841
|
+
"spread": {
|
|
47842
|
+
"value": 0,
|
|
47843
|
+
"unit": "px"
|
|
47844
|
+
}
|
|
47845
|
+
}
|
|
47846
|
+
],
|
|
47847
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47848
|
+
"isSource": true,
|
|
47849
|
+
"$type": "shadow"
|
|
47850
|
+
},
|
|
47851
|
+
"light-high-contrast": {
|
|
47852
|
+
"$value": [
|
|
47853
|
+
{
|
|
47854
|
+
"color": "#454c54",
|
|
47855
|
+
"alpha": 1,
|
|
47856
|
+
"offsetX": {
|
|
47857
|
+
"value": 0,
|
|
47858
|
+
"unit": "px"
|
|
47859
|
+
},
|
|
47860
|
+
"offsetY": {
|
|
47861
|
+
"value": 0,
|
|
47862
|
+
"unit": "px"
|
|
47863
|
+
},
|
|
47864
|
+
"blur": {
|
|
47865
|
+
"value": 0,
|
|
47866
|
+
"unit": "px"
|
|
47867
|
+
},
|
|
47868
|
+
"spread": {
|
|
47869
|
+
"value": 1,
|
|
47870
|
+
"unit": "px"
|
|
47871
|
+
}
|
|
47872
|
+
},
|
|
47873
|
+
{
|
|
47874
|
+
"color": "#25292e",
|
|
47875
|
+
"alpha": 0.24,
|
|
47876
|
+
"offsetX": {
|
|
47877
|
+
"value": 0,
|
|
47878
|
+
"unit": "px"
|
|
47879
|
+
},
|
|
47880
|
+
"offsetY": {
|
|
47881
|
+
"value": 40,
|
|
47882
|
+
"unit": "px"
|
|
47883
|
+
},
|
|
47884
|
+
"blur": {
|
|
47885
|
+
"value": 80,
|
|
47886
|
+
"unit": "px"
|
|
47887
|
+
},
|
|
47888
|
+
"spread": {
|
|
47889
|
+
"value": 0,
|
|
47890
|
+
"unit": "px"
|
|
47891
|
+
}
|
|
47892
|
+
}
|
|
47893
|
+
],
|
|
47894
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47895
|
+
"isSource": true,
|
|
47896
|
+
"$type": "shadow"
|
|
47897
|
+
},
|
|
47898
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
47899
|
+
"$value": [
|
|
47900
|
+
{
|
|
47901
|
+
"color": "#454c54",
|
|
47902
|
+
"alpha": 1,
|
|
47903
|
+
"offsetX": {
|
|
47904
|
+
"value": 0,
|
|
47905
|
+
"unit": "px"
|
|
47906
|
+
},
|
|
47907
|
+
"offsetY": {
|
|
47908
|
+
"value": 0,
|
|
47909
|
+
"unit": "px"
|
|
47910
|
+
},
|
|
47911
|
+
"blur": {
|
|
47912
|
+
"value": 0,
|
|
47913
|
+
"unit": "px"
|
|
47914
|
+
},
|
|
47915
|
+
"spread": {
|
|
47916
|
+
"value": 1,
|
|
47917
|
+
"unit": "px"
|
|
47918
|
+
}
|
|
47919
|
+
},
|
|
47920
|
+
{
|
|
47921
|
+
"color": "#25292e",
|
|
47922
|
+
"alpha": 0.24,
|
|
47923
|
+
"offsetX": {
|
|
47924
|
+
"value": 0,
|
|
47925
|
+
"unit": "px"
|
|
47926
|
+
},
|
|
47927
|
+
"offsetY": {
|
|
47928
|
+
"value": 40,
|
|
47929
|
+
"unit": "px"
|
|
47930
|
+
},
|
|
47931
|
+
"blur": {
|
|
47932
|
+
"value": 80,
|
|
47933
|
+
"unit": "px"
|
|
47934
|
+
},
|
|
47935
|
+
"spread": {
|
|
47936
|
+
"value": 0,
|
|
47937
|
+
"unit": "px"
|
|
47938
|
+
}
|
|
47939
|
+
}
|
|
47940
|
+
],
|
|
47941
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47942
|
+
"isSource": true,
|
|
47943
|
+
"$type": "shadow"
|
|
47944
|
+
},
|
|
47945
|
+
"light-tritanopia-high-contrast": {
|
|
47946
|
+
"$value": [
|
|
47947
|
+
{
|
|
47948
|
+
"color": "#454c54",
|
|
47949
|
+
"alpha": 1,
|
|
47950
|
+
"offsetX": {
|
|
47951
|
+
"value": 0,
|
|
47952
|
+
"unit": "px"
|
|
47953
|
+
},
|
|
47954
|
+
"offsetY": {
|
|
47955
|
+
"value": 0,
|
|
47956
|
+
"unit": "px"
|
|
47957
|
+
},
|
|
47958
|
+
"blur": {
|
|
47959
|
+
"value": 0,
|
|
47960
|
+
"unit": "px"
|
|
47961
|
+
},
|
|
47962
|
+
"spread": {
|
|
47963
|
+
"value": 1,
|
|
47964
|
+
"unit": "px"
|
|
47965
|
+
}
|
|
47966
|
+
},
|
|
47967
|
+
{
|
|
47968
|
+
"color": "#25292e",
|
|
47969
|
+
"alpha": 0.24,
|
|
47970
|
+
"offsetX": {
|
|
47971
|
+
"value": 0,
|
|
47972
|
+
"unit": "px"
|
|
47973
|
+
},
|
|
47974
|
+
"offsetY": {
|
|
47975
|
+
"value": 40,
|
|
47976
|
+
"unit": "px"
|
|
47977
|
+
},
|
|
47978
|
+
"blur": {
|
|
47979
|
+
"value": 80,
|
|
47980
|
+
"unit": "px"
|
|
47981
|
+
},
|
|
47982
|
+
"spread": {
|
|
47983
|
+
"value": 0,
|
|
47984
|
+
"unit": "px"
|
|
47985
|
+
}
|
|
47426
47986
|
}
|
|
47427
47987
|
],
|
|
47428
47988
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47441,19 +48001,43 @@
|
|
|
47441
48001
|
"$value": [
|
|
47442
48002
|
{
|
|
47443
48003
|
"color": "{overlay.borderColor}",
|
|
47444
|
-
"alpha":
|
|
47445
|
-
"offsetX":
|
|
47446
|
-
|
|
47447
|
-
|
|
47448
|
-
|
|
48004
|
+
"alpha": 1,
|
|
48005
|
+
"offsetX": {
|
|
48006
|
+
"value": 0,
|
|
48007
|
+
"unit": "px"
|
|
48008
|
+
},
|
|
48009
|
+
"offsetY": {
|
|
48010
|
+
"value": 0,
|
|
48011
|
+
"unit": "px"
|
|
48012
|
+
},
|
|
48013
|
+
"blur": {
|
|
48014
|
+
"value": 0,
|
|
48015
|
+
"unit": "px"
|
|
48016
|
+
},
|
|
48017
|
+
"spread": {
|
|
48018
|
+
"value": 1,
|
|
48019
|
+
"unit": "px"
|
|
48020
|
+
}
|
|
47449
48021
|
},
|
|
47450
48022
|
{
|
|
47451
48023
|
"color": "{base.color.neutral.12}",
|
|
47452
48024
|
"alpha": 0.24,
|
|
47453
|
-
"offsetX":
|
|
47454
|
-
|
|
47455
|
-
|
|
47456
|
-
|
|
48025
|
+
"offsetX": {
|
|
48026
|
+
"value": 0,
|
|
48027
|
+
"unit": "px"
|
|
48028
|
+
},
|
|
48029
|
+
"offsetY": {
|
|
48030
|
+
"value": 40,
|
|
48031
|
+
"unit": "px"
|
|
48032
|
+
},
|
|
48033
|
+
"blur": {
|
|
48034
|
+
"value": 80,
|
|
48035
|
+
"unit": "px"
|
|
48036
|
+
},
|
|
48037
|
+
"spread": {
|
|
48038
|
+
"value": 0,
|
|
48039
|
+
"unit": "px"
|
|
48040
|
+
}
|
|
47457
48041
|
}
|
|
47458
48042
|
],
|
|
47459
48043
|
"$type": "shadow",
|
|
@@ -47469,18 +48053,183 @@
|
|
|
47469
48053
|
{
|
|
47470
48054
|
"color": "{overlay.borderColor}",
|
|
47471
48055
|
"alpha": 1,
|
|
47472
|
-
"offsetX":
|
|
47473
|
-
|
|
47474
|
-
|
|
47475
|
-
|
|
48056
|
+
"offsetX": {
|
|
48057
|
+
"value": 0,
|
|
48058
|
+
"unit": "px"
|
|
48059
|
+
},
|
|
48060
|
+
"offsetY": {
|
|
48061
|
+
"value": 0,
|
|
48062
|
+
"unit": "px"
|
|
48063
|
+
},
|
|
48064
|
+
"blur": {
|
|
48065
|
+
"value": 0,
|
|
48066
|
+
"unit": "px"
|
|
48067
|
+
},
|
|
48068
|
+
"spread": {
|
|
48069
|
+
"value": 1,
|
|
48070
|
+
"unit": "px"
|
|
48071
|
+
}
|
|
47476
48072
|
},
|
|
47477
48073
|
{
|
|
47478
48074
|
"color": "{base.color.neutral.0}",
|
|
47479
48075
|
"alpha": 1,
|
|
47480
|
-
"offsetX":
|
|
47481
|
-
|
|
47482
|
-
|
|
47483
|
-
|
|
48076
|
+
"offsetX": {
|
|
48077
|
+
"value": 0,
|
|
48078
|
+
"unit": "px"
|
|
48079
|
+
},
|
|
48080
|
+
"offsetY": {
|
|
48081
|
+
"value": 24,
|
|
48082
|
+
"unit": "px"
|
|
48083
|
+
},
|
|
48084
|
+
"blur": {
|
|
48085
|
+
"value": 48,
|
|
48086
|
+
"unit": "px"
|
|
48087
|
+
},
|
|
48088
|
+
"spread": {
|
|
48089
|
+
"value": 0,
|
|
48090
|
+
"unit": "px"
|
|
48091
|
+
}
|
|
48092
|
+
}
|
|
48093
|
+
],
|
|
48094
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48095
|
+
"isSource": true,
|
|
48096
|
+
"$type": "shadow"
|
|
48097
|
+
},
|
|
48098
|
+
"light-high-contrast": {
|
|
48099
|
+
"$value": [
|
|
48100
|
+
{
|
|
48101
|
+
"color": "{overlay.borderColor}",
|
|
48102
|
+
"alpha": 1,
|
|
48103
|
+
"offsetX": {
|
|
48104
|
+
"value": 0,
|
|
48105
|
+
"unit": "px"
|
|
48106
|
+
},
|
|
48107
|
+
"offsetY": {
|
|
48108
|
+
"value": 0,
|
|
48109
|
+
"unit": "px"
|
|
48110
|
+
},
|
|
48111
|
+
"blur": {
|
|
48112
|
+
"value": 0,
|
|
48113
|
+
"unit": "px"
|
|
48114
|
+
},
|
|
48115
|
+
"spread": {
|
|
48116
|
+
"value": 1,
|
|
48117
|
+
"unit": "px"
|
|
48118
|
+
}
|
|
48119
|
+
},
|
|
48120
|
+
{
|
|
48121
|
+
"color": "{base.color.neutral.12}",
|
|
48122
|
+
"alpha": 0.24,
|
|
48123
|
+
"offsetX": {
|
|
48124
|
+
"value": 0,
|
|
48125
|
+
"unit": "px"
|
|
48126
|
+
},
|
|
48127
|
+
"offsetY": {
|
|
48128
|
+
"value": 40,
|
|
48129
|
+
"unit": "px"
|
|
48130
|
+
},
|
|
48131
|
+
"blur": {
|
|
48132
|
+
"value": 80,
|
|
48133
|
+
"unit": "px"
|
|
48134
|
+
},
|
|
48135
|
+
"spread": {
|
|
48136
|
+
"value": 0,
|
|
48137
|
+
"unit": "px"
|
|
48138
|
+
}
|
|
48139
|
+
}
|
|
48140
|
+
],
|
|
48141
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48142
|
+
"isSource": true,
|
|
48143
|
+
"$type": "shadow"
|
|
48144
|
+
},
|
|
48145
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48146
|
+
"$value": [
|
|
48147
|
+
{
|
|
48148
|
+
"color": "{overlay.borderColor}",
|
|
48149
|
+
"alpha": 1,
|
|
48150
|
+
"offsetX": {
|
|
48151
|
+
"value": 0,
|
|
48152
|
+
"unit": "px"
|
|
48153
|
+
},
|
|
48154
|
+
"offsetY": {
|
|
48155
|
+
"value": 0,
|
|
48156
|
+
"unit": "px"
|
|
48157
|
+
},
|
|
48158
|
+
"blur": {
|
|
48159
|
+
"value": 0,
|
|
48160
|
+
"unit": "px"
|
|
48161
|
+
},
|
|
48162
|
+
"spread": {
|
|
48163
|
+
"value": 1,
|
|
48164
|
+
"unit": "px"
|
|
48165
|
+
}
|
|
48166
|
+
},
|
|
48167
|
+
{
|
|
48168
|
+
"color": "{base.color.neutral.12}",
|
|
48169
|
+
"alpha": 0.24,
|
|
48170
|
+
"offsetX": {
|
|
48171
|
+
"value": 0,
|
|
48172
|
+
"unit": "px"
|
|
48173
|
+
},
|
|
48174
|
+
"offsetY": {
|
|
48175
|
+
"value": 40,
|
|
48176
|
+
"unit": "px"
|
|
48177
|
+
},
|
|
48178
|
+
"blur": {
|
|
48179
|
+
"value": 80,
|
|
48180
|
+
"unit": "px"
|
|
48181
|
+
},
|
|
48182
|
+
"spread": {
|
|
48183
|
+
"value": 0,
|
|
48184
|
+
"unit": "px"
|
|
48185
|
+
}
|
|
48186
|
+
}
|
|
48187
|
+
],
|
|
48188
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48189
|
+
"isSource": true,
|
|
48190
|
+
"$type": "shadow"
|
|
48191
|
+
},
|
|
48192
|
+
"light-tritanopia-high-contrast": {
|
|
48193
|
+
"$value": [
|
|
48194
|
+
{
|
|
48195
|
+
"color": "{overlay.borderColor}",
|
|
48196
|
+
"alpha": 1,
|
|
48197
|
+
"offsetX": {
|
|
48198
|
+
"value": 0,
|
|
48199
|
+
"unit": "px"
|
|
48200
|
+
},
|
|
48201
|
+
"offsetY": {
|
|
48202
|
+
"value": 0,
|
|
48203
|
+
"unit": "px"
|
|
48204
|
+
},
|
|
48205
|
+
"blur": {
|
|
48206
|
+
"value": 0,
|
|
48207
|
+
"unit": "px"
|
|
48208
|
+
},
|
|
48209
|
+
"spread": {
|
|
48210
|
+
"value": 1,
|
|
48211
|
+
"unit": "px"
|
|
48212
|
+
}
|
|
48213
|
+
},
|
|
48214
|
+
{
|
|
48215
|
+
"color": "{base.color.neutral.12}",
|
|
48216
|
+
"alpha": 0.24,
|
|
48217
|
+
"offsetX": {
|
|
48218
|
+
"value": 0,
|
|
48219
|
+
"unit": "px"
|
|
48220
|
+
},
|
|
48221
|
+
"offsetY": {
|
|
48222
|
+
"value": 40,
|
|
48223
|
+
"unit": "px"
|
|
48224
|
+
},
|
|
48225
|
+
"blur": {
|
|
48226
|
+
"value": 80,
|
|
48227
|
+
"unit": "px"
|
|
48228
|
+
},
|
|
48229
|
+
"spread": {
|
|
48230
|
+
"value": 0,
|
|
48231
|
+
"unit": "px"
|
|
48232
|
+
}
|
|
47484
48233
|
}
|
|
47485
48234
|
],
|
|
47486
48235
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47501,8 +48250,9 @@
|
|
|
47501
48250
|
},
|
|
47502
48251
|
"shadow-floating-legacy": {
|
|
47503
48252
|
"key": "{shadow.floating.legacy}",
|
|
47504
|
-
"$value": "
|
|
48253
|
+
"$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
|
|
47505
48254
|
"$type": "shadow",
|
|
48255
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47506
48256
|
"$extensions": {
|
|
47507
48257
|
"org.primer.figma": {},
|
|
47508
48258
|
"org.primer.overrides": {
|
|
@@ -47511,24 +48261,52 @@
|
|
|
47511
48261
|
{
|
|
47512
48262
|
"color": "#ffffff",
|
|
47513
48263
|
"alpha": 0.4,
|
|
47514
|
-
"offsetX":
|
|
47515
|
-
|
|
47516
|
-
|
|
47517
|
-
|
|
48264
|
+
"offsetX": {
|
|
48265
|
+
"value": 0,
|
|
48266
|
+
"unit": "px"
|
|
48267
|
+
},
|
|
48268
|
+
"offsetY": {
|
|
48269
|
+
"value": 6,
|
|
48270
|
+
"unit": "px"
|
|
48271
|
+
},
|
|
48272
|
+
"blur": {
|
|
48273
|
+
"value": 12,
|
|
48274
|
+
"unit": "px"
|
|
48275
|
+
},
|
|
48276
|
+
"spread": {
|
|
48277
|
+
"value": -3,
|
|
48278
|
+
"unit": "px"
|
|
48279
|
+
}
|
|
47518
48280
|
},
|
|
47519
48281
|
{
|
|
47520
48282
|
"color": "#ffffff",
|
|
47521
48283
|
"alpha": 0.4,
|
|
47522
|
-
"offsetX":
|
|
47523
|
-
|
|
47524
|
-
|
|
47525
|
-
|
|
48284
|
+
"offsetX": {
|
|
48285
|
+
"value": 0,
|
|
48286
|
+
"unit": "px"
|
|
48287
|
+
},
|
|
48288
|
+
"offsetY": {
|
|
48289
|
+
"value": 6,
|
|
48290
|
+
"unit": "px"
|
|
48291
|
+
},
|
|
48292
|
+
"blur": {
|
|
48293
|
+
"value": 18,
|
|
48294
|
+
"unit": "px"
|
|
48295
|
+
},
|
|
48296
|
+
"spread": {
|
|
48297
|
+
"value": 0,
|
|
48298
|
+
"unit": "px"
|
|
48299
|
+
}
|
|
47526
48300
|
}
|
|
47527
48301
|
],
|
|
47528
48302
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47529
48303
|
"isSource": true,
|
|
47530
48304
|
"$type": "shadow"
|
|
47531
48305
|
}
|
|
48306
|
+
},
|
|
48307
|
+
"org.primer.llm": {
|
|
48308
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48309
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47532
48310
|
}
|
|
47533
48311
|
},
|
|
47534
48312
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47538,21 +48316,46 @@
|
|
|
47538
48316
|
{
|
|
47539
48317
|
"color": "{base.color.neutral.12}",
|
|
47540
48318
|
"alpha": 0.04,
|
|
47541
|
-
"offsetX":
|
|
47542
|
-
|
|
47543
|
-
|
|
47544
|
-
|
|
48319
|
+
"offsetX": {
|
|
48320
|
+
"value": 0,
|
|
48321
|
+
"unit": "px"
|
|
48322
|
+
},
|
|
48323
|
+
"offsetY": {
|
|
48324
|
+
"value": 6,
|
|
48325
|
+
"unit": "px"
|
|
48326
|
+
},
|
|
48327
|
+
"blur": {
|
|
48328
|
+
"value": 12,
|
|
48329
|
+
"unit": "px"
|
|
48330
|
+
},
|
|
48331
|
+
"spread": {
|
|
48332
|
+
"value": -3,
|
|
48333
|
+
"unit": "px"
|
|
48334
|
+
}
|
|
47545
48335
|
},
|
|
47546
48336
|
{
|
|
47547
48337
|
"color": "{base.color.neutral.12}",
|
|
47548
48338
|
"alpha": 0.12,
|
|
47549
|
-
"offsetX":
|
|
47550
|
-
|
|
47551
|
-
|
|
47552
|
-
|
|
48339
|
+
"offsetX": {
|
|
48340
|
+
"value": 0,
|
|
48341
|
+
"unit": "px"
|
|
48342
|
+
},
|
|
48343
|
+
"offsetY": {
|
|
48344
|
+
"value": 6,
|
|
48345
|
+
"unit": "px"
|
|
48346
|
+
},
|
|
48347
|
+
"blur": {
|
|
48348
|
+
"value": 18,
|
|
48349
|
+
"unit": "px"
|
|
48350
|
+
},
|
|
48351
|
+
"spread": {
|
|
48352
|
+
"value": 0,
|
|
48353
|
+
"unit": "px"
|
|
48354
|
+
}
|
|
47553
48355
|
}
|
|
47554
48356
|
],
|
|
47555
48357
|
"$type": "shadow",
|
|
48358
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47556
48359
|
"$extensions": {
|
|
47557
48360
|
"org.primer.figma": {},
|
|
47558
48361
|
"org.primer.overrides": {
|
|
@@ -47561,24 +48364,52 @@
|
|
|
47561
48364
|
{
|
|
47562
48365
|
"color": "{base.color.neutral.0}",
|
|
47563
48366
|
"alpha": 0.4,
|
|
47564
|
-
"offsetX":
|
|
47565
|
-
|
|
47566
|
-
|
|
47567
|
-
|
|
48367
|
+
"offsetX": {
|
|
48368
|
+
"value": 0,
|
|
48369
|
+
"unit": "px"
|
|
48370
|
+
},
|
|
48371
|
+
"offsetY": {
|
|
48372
|
+
"value": 6,
|
|
48373
|
+
"unit": "px"
|
|
48374
|
+
},
|
|
48375
|
+
"blur": {
|
|
48376
|
+
"value": 12,
|
|
48377
|
+
"unit": "px"
|
|
48378
|
+
},
|
|
48379
|
+
"spread": {
|
|
48380
|
+
"value": -3,
|
|
48381
|
+
"unit": "px"
|
|
48382
|
+
}
|
|
47568
48383
|
},
|
|
47569
48384
|
{
|
|
47570
48385
|
"color": "{base.color.neutral.0}",
|
|
47571
48386
|
"alpha": 0.4,
|
|
47572
|
-
"offsetX":
|
|
47573
|
-
|
|
47574
|
-
|
|
47575
|
-
|
|
48387
|
+
"offsetX": {
|
|
48388
|
+
"value": 0,
|
|
48389
|
+
"unit": "px"
|
|
48390
|
+
},
|
|
48391
|
+
"offsetY": {
|
|
48392
|
+
"value": 6,
|
|
48393
|
+
"unit": "px"
|
|
48394
|
+
},
|
|
48395
|
+
"blur": {
|
|
48396
|
+
"value": 18,
|
|
48397
|
+
"unit": "px"
|
|
48398
|
+
},
|
|
48399
|
+
"spread": {
|
|
48400
|
+
"value": 0,
|
|
48401
|
+
"unit": "px"
|
|
48402
|
+
}
|
|
47576
48403
|
}
|
|
47577
48404
|
],
|
|
47578
48405
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47579
48406
|
"isSource": true,
|
|
47580
48407
|
"$type": "shadow"
|
|
47581
48408
|
}
|
|
48409
|
+
},
|
|
48410
|
+
"org.primer.llm": {
|
|
48411
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48412
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47582
48413
|
}
|
|
47583
48414
|
},
|
|
47584
48415
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47589,8 +48420,9 @@
|
|
|
47589
48420
|
},
|
|
47590
48421
|
"shadow-floating-medium": {
|
|
47591
48422
|
"key": "{shadow.floating.medium}",
|
|
47592
|
-
"$value": "
|
|
48423
|
+
"$value": "0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14",
|
|
47593
48424
|
"$type": "shadow",
|
|
48425
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47594
48426
|
"$extensions": {
|
|
47595
48427
|
"org.primer.figma": {
|
|
47596
48428
|
"collection": "mode",
|
|
@@ -47602,48 +48434,433 @@
|
|
|
47602
48434
|
{
|
|
47603
48435
|
"color": "#454c54",
|
|
47604
48436
|
"alpha": 1,
|
|
47605
|
-
"offsetX":
|
|
47606
|
-
|
|
47607
|
-
|
|
47608
|
-
|
|
48437
|
+
"offsetX": {
|
|
48438
|
+
"value": 0,
|
|
48439
|
+
"unit": "px"
|
|
48440
|
+
},
|
|
48441
|
+
"offsetY": {
|
|
48442
|
+
"value": 0,
|
|
48443
|
+
"unit": "px"
|
|
48444
|
+
},
|
|
48445
|
+
"blur": {
|
|
48446
|
+
"value": 0,
|
|
48447
|
+
"unit": "px"
|
|
48448
|
+
},
|
|
48449
|
+
"spread": {
|
|
48450
|
+
"value": 1,
|
|
48451
|
+
"unit": "px"
|
|
48452
|
+
}
|
|
47609
48453
|
},
|
|
47610
48454
|
{
|
|
47611
48455
|
"color": "#ffffff",
|
|
47612
48456
|
"alpha": 0.4,
|
|
47613
|
-
"offsetX":
|
|
47614
|
-
|
|
47615
|
-
|
|
47616
|
-
|
|
48457
|
+
"offsetX": {
|
|
48458
|
+
"value": 0,
|
|
48459
|
+
"unit": "px"
|
|
48460
|
+
},
|
|
48461
|
+
"offsetY": {
|
|
48462
|
+
"value": 8,
|
|
48463
|
+
"unit": "px"
|
|
48464
|
+
},
|
|
48465
|
+
"blur": {
|
|
48466
|
+
"value": 16,
|
|
48467
|
+
"unit": "px"
|
|
48468
|
+
},
|
|
48469
|
+
"spread": {
|
|
48470
|
+
"value": -4,
|
|
48471
|
+
"unit": "px"
|
|
48472
|
+
}
|
|
47617
48473
|
},
|
|
47618
48474
|
{
|
|
47619
48475
|
"color": "#ffffff",
|
|
47620
48476
|
"alpha": 0.4,
|
|
47621
|
-
"offsetX":
|
|
47622
|
-
|
|
47623
|
-
|
|
47624
|
-
|
|
48477
|
+
"offsetX": {
|
|
48478
|
+
"value": 0,
|
|
48479
|
+
"unit": "px"
|
|
48480
|
+
},
|
|
48481
|
+
"offsetY": {
|
|
48482
|
+
"value": 4,
|
|
48483
|
+
"unit": "px"
|
|
48484
|
+
},
|
|
48485
|
+
"blur": {
|
|
48486
|
+
"value": 32,
|
|
48487
|
+
"unit": "px"
|
|
48488
|
+
},
|
|
48489
|
+
"spread": {
|
|
48490
|
+
"value": -4,
|
|
48491
|
+
"unit": "px"
|
|
48492
|
+
}
|
|
47625
48493
|
},
|
|
47626
48494
|
{
|
|
47627
48495
|
"color": "#ffffff",
|
|
47628
48496
|
"alpha": 0.4,
|
|
47629
|
-
"offsetX":
|
|
47630
|
-
|
|
47631
|
-
|
|
47632
|
-
|
|
48497
|
+
"offsetX": {
|
|
48498
|
+
"value": 0,
|
|
48499
|
+
"unit": "px"
|
|
48500
|
+
},
|
|
48501
|
+
"offsetY": {
|
|
48502
|
+
"value": 24,
|
|
48503
|
+
"unit": "px"
|
|
48504
|
+
},
|
|
48505
|
+
"blur": {
|
|
48506
|
+
"value": 48,
|
|
48507
|
+
"unit": "px"
|
|
48508
|
+
},
|
|
48509
|
+
"spread": {
|
|
48510
|
+
"value": -12,
|
|
48511
|
+
"unit": "px"
|
|
48512
|
+
}
|
|
47633
48513
|
},
|
|
47634
48514
|
{
|
|
47635
48515
|
"color": "#ffffff",
|
|
47636
48516
|
"alpha": 0.4,
|
|
47637
|
-
"offsetX":
|
|
47638
|
-
|
|
47639
|
-
|
|
47640
|
-
|
|
48517
|
+
"offsetX": {
|
|
48518
|
+
"value": 0,
|
|
48519
|
+
"unit": "px"
|
|
48520
|
+
},
|
|
48521
|
+
"offsetY": {
|
|
48522
|
+
"value": 48,
|
|
48523
|
+
"unit": "px"
|
|
48524
|
+
},
|
|
48525
|
+
"blur": {
|
|
48526
|
+
"value": 96,
|
|
48527
|
+
"unit": "px"
|
|
48528
|
+
},
|
|
48529
|
+
"spread": {
|
|
48530
|
+
"value": -24,
|
|
48531
|
+
"unit": "px"
|
|
48532
|
+
}
|
|
48533
|
+
}
|
|
48534
|
+
],
|
|
48535
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48536
|
+
"isSource": true,
|
|
48537
|
+
"$type": "shadow"
|
|
48538
|
+
},
|
|
48539
|
+
"light-high-contrast": {
|
|
48540
|
+
"$value": [
|
|
48541
|
+
{
|
|
48542
|
+
"color": "#454c54",
|
|
48543
|
+
"alpha": 1,
|
|
48544
|
+
"offsetX": {
|
|
48545
|
+
"value": 0,
|
|
48546
|
+
"unit": "px"
|
|
48547
|
+
},
|
|
48548
|
+
"offsetY": {
|
|
48549
|
+
"value": 0,
|
|
48550
|
+
"unit": "px"
|
|
48551
|
+
},
|
|
48552
|
+
"blur": {
|
|
48553
|
+
"value": 0,
|
|
48554
|
+
"unit": "px"
|
|
48555
|
+
},
|
|
48556
|
+
"spread": {
|
|
48557
|
+
"value": 1,
|
|
48558
|
+
"unit": "px"
|
|
48559
|
+
}
|
|
48560
|
+
},
|
|
48561
|
+
{
|
|
48562
|
+
"color": "#25292e",
|
|
48563
|
+
"alpha": 0.08,
|
|
48564
|
+
"offsetX": {
|
|
48565
|
+
"value": 0,
|
|
48566
|
+
"unit": "px"
|
|
48567
|
+
},
|
|
48568
|
+
"offsetY": {
|
|
48569
|
+
"value": 8,
|
|
48570
|
+
"unit": "px"
|
|
48571
|
+
},
|
|
48572
|
+
"blur": {
|
|
48573
|
+
"value": 16,
|
|
48574
|
+
"unit": "px"
|
|
48575
|
+
},
|
|
48576
|
+
"spread": {
|
|
48577
|
+
"value": -4,
|
|
48578
|
+
"unit": "px"
|
|
48579
|
+
}
|
|
48580
|
+
},
|
|
48581
|
+
{
|
|
48582
|
+
"color": "#25292e",
|
|
48583
|
+
"alpha": 0.08,
|
|
48584
|
+
"offsetX": {
|
|
48585
|
+
"value": 0,
|
|
48586
|
+
"unit": "px"
|
|
48587
|
+
},
|
|
48588
|
+
"offsetY": {
|
|
48589
|
+
"value": 4,
|
|
48590
|
+
"unit": "px"
|
|
48591
|
+
},
|
|
48592
|
+
"blur": {
|
|
48593
|
+
"value": 32,
|
|
48594
|
+
"unit": "px"
|
|
48595
|
+
},
|
|
48596
|
+
"spread": {
|
|
48597
|
+
"value": -4,
|
|
48598
|
+
"unit": "px"
|
|
48599
|
+
}
|
|
48600
|
+
},
|
|
48601
|
+
{
|
|
48602
|
+
"color": "#25292e",
|
|
48603
|
+
"alpha": 0.08,
|
|
48604
|
+
"offsetX": {
|
|
48605
|
+
"value": 0,
|
|
48606
|
+
"unit": "px"
|
|
48607
|
+
},
|
|
48608
|
+
"offsetY": {
|
|
48609
|
+
"value": 24,
|
|
48610
|
+
"unit": "px"
|
|
48611
|
+
},
|
|
48612
|
+
"blur": {
|
|
48613
|
+
"value": 48,
|
|
48614
|
+
"unit": "px"
|
|
48615
|
+
},
|
|
48616
|
+
"spread": {
|
|
48617
|
+
"value": -12,
|
|
48618
|
+
"unit": "px"
|
|
48619
|
+
}
|
|
48620
|
+
},
|
|
48621
|
+
{
|
|
48622
|
+
"color": "#25292e",
|
|
48623
|
+
"alpha": 0.08,
|
|
48624
|
+
"offsetX": {
|
|
48625
|
+
"value": 0,
|
|
48626
|
+
"unit": "px"
|
|
48627
|
+
},
|
|
48628
|
+
"offsetY": {
|
|
48629
|
+
"value": 48,
|
|
48630
|
+
"unit": "px"
|
|
48631
|
+
},
|
|
48632
|
+
"blur": {
|
|
48633
|
+
"value": 96,
|
|
48634
|
+
"unit": "px"
|
|
48635
|
+
},
|
|
48636
|
+
"spread": {
|
|
48637
|
+
"value": -24,
|
|
48638
|
+
"unit": "px"
|
|
48639
|
+
}
|
|
48640
|
+
}
|
|
48641
|
+
],
|
|
48642
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48643
|
+
"isSource": true,
|
|
48644
|
+
"$type": "shadow"
|
|
48645
|
+
},
|
|
48646
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48647
|
+
"$value": [
|
|
48648
|
+
{
|
|
48649
|
+
"color": "#454c54",
|
|
48650
|
+
"alpha": 1,
|
|
48651
|
+
"offsetX": {
|
|
48652
|
+
"value": 0,
|
|
48653
|
+
"unit": "px"
|
|
48654
|
+
},
|
|
48655
|
+
"offsetY": {
|
|
48656
|
+
"value": 0,
|
|
48657
|
+
"unit": "px"
|
|
48658
|
+
},
|
|
48659
|
+
"blur": {
|
|
48660
|
+
"value": 0,
|
|
48661
|
+
"unit": "px"
|
|
48662
|
+
},
|
|
48663
|
+
"spread": {
|
|
48664
|
+
"value": 1,
|
|
48665
|
+
"unit": "px"
|
|
48666
|
+
}
|
|
48667
|
+
},
|
|
48668
|
+
{
|
|
48669
|
+
"color": "#25292e",
|
|
48670
|
+
"alpha": 0.08,
|
|
48671
|
+
"offsetX": {
|
|
48672
|
+
"value": 0,
|
|
48673
|
+
"unit": "px"
|
|
48674
|
+
},
|
|
48675
|
+
"offsetY": {
|
|
48676
|
+
"value": 8,
|
|
48677
|
+
"unit": "px"
|
|
48678
|
+
},
|
|
48679
|
+
"blur": {
|
|
48680
|
+
"value": 16,
|
|
48681
|
+
"unit": "px"
|
|
48682
|
+
},
|
|
48683
|
+
"spread": {
|
|
48684
|
+
"value": -4,
|
|
48685
|
+
"unit": "px"
|
|
48686
|
+
}
|
|
48687
|
+
},
|
|
48688
|
+
{
|
|
48689
|
+
"color": "#25292e",
|
|
48690
|
+
"alpha": 0.08,
|
|
48691
|
+
"offsetX": {
|
|
48692
|
+
"value": 0,
|
|
48693
|
+
"unit": "px"
|
|
48694
|
+
},
|
|
48695
|
+
"offsetY": {
|
|
48696
|
+
"value": 4,
|
|
48697
|
+
"unit": "px"
|
|
48698
|
+
},
|
|
48699
|
+
"blur": {
|
|
48700
|
+
"value": 32,
|
|
48701
|
+
"unit": "px"
|
|
48702
|
+
},
|
|
48703
|
+
"spread": {
|
|
48704
|
+
"value": -4,
|
|
48705
|
+
"unit": "px"
|
|
48706
|
+
}
|
|
48707
|
+
},
|
|
48708
|
+
{
|
|
48709
|
+
"color": "#25292e",
|
|
48710
|
+
"alpha": 0.08,
|
|
48711
|
+
"offsetX": {
|
|
48712
|
+
"value": 0,
|
|
48713
|
+
"unit": "px"
|
|
48714
|
+
},
|
|
48715
|
+
"offsetY": {
|
|
48716
|
+
"value": 24,
|
|
48717
|
+
"unit": "px"
|
|
48718
|
+
},
|
|
48719
|
+
"blur": {
|
|
48720
|
+
"value": 48,
|
|
48721
|
+
"unit": "px"
|
|
48722
|
+
},
|
|
48723
|
+
"spread": {
|
|
48724
|
+
"value": -12,
|
|
48725
|
+
"unit": "px"
|
|
48726
|
+
}
|
|
48727
|
+
},
|
|
48728
|
+
{
|
|
48729
|
+
"color": "#25292e",
|
|
48730
|
+
"alpha": 0.08,
|
|
48731
|
+
"offsetX": {
|
|
48732
|
+
"value": 0,
|
|
48733
|
+
"unit": "px"
|
|
48734
|
+
},
|
|
48735
|
+
"offsetY": {
|
|
48736
|
+
"value": 48,
|
|
48737
|
+
"unit": "px"
|
|
48738
|
+
},
|
|
48739
|
+
"blur": {
|
|
48740
|
+
"value": 96,
|
|
48741
|
+
"unit": "px"
|
|
48742
|
+
},
|
|
48743
|
+
"spread": {
|
|
48744
|
+
"value": -24,
|
|
48745
|
+
"unit": "px"
|
|
48746
|
+
}
|
|
48747
|
+
}
|
|
48748
|
+
],
|
|
48749
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48750
|
+
"isSource": true,
|
|
48751
|
+
"$type": "shadow"
|
|
48752
|
+
},
|
|
48753
|
+
"light-tritanopia-high-contrast": {
|
|
48754
|
+
"$value": [
|
|
48755
|
+
{
|
|
48756
|
+
"color": "#454c54",
|
|
48757
|
+
"alpha": 1,
|
|
48758
|
+
"offsetX": {
|
|
48759
|
+
"value": 0,
|
|
48760
|
+
"unit": "px"
|
|
48761
|
+
},
|
|
48762
|
+
"offsetY": {
|
|
48763
|
+
"value": 0,
|
|
48764
|
+
"unit": "px"
|
|
48765
|
+
},
|
|
48766
|
+
"blur": {
|
|
48767
|
+
"value": 0,
|
|
48768
|
+
"unit": "px"
|
|
48769
|
+
},
|
|
48770
|
+
"spread": {
|
|
48771
|
+
"value": 1,
|
|
48772
|
+
"unit": "px"
|
|
48773
|
+
}
|
|
48774
|
+
},
|
|
48775
|
+
{
|
|
48776
|
+
"color": "#25292e",
|
|
48777
|
+
"alpha": 0.08,
|
|
48778
|
+
"offsetX": {
|
|
48779
|
+
"value": 0,
|
|
48780
|
+
"unit": "px"
|
|
48781
|
+
},
|
|
48782
|
+
"offsetY": {
|
|
48783
|
+
"value": 8,
|
|
48784
|
+
"unit": "px"
|
|
48785
|
+
},
|
|
48786
|
+
"blur": {
|
|
48787
|
+
"value": 16,
|
|
48788
|
+
"unit": "px"
|
|
48789
|
+
},
|
|
48790
|
+
"spread": {
|
|
48791
|
+
"value": -4,
|
|
48792
|
+
"unit": "px"
|
|
48793
|
+
}
|
|
48794
|
+
},
|
|
48795
|
+
{
|
|
48796
|
+
"color": "#25292e",
|
|
48797
|
+
"alpha": 0.08,
|
|
48798
|
+
"offsetX": {
|
|
48799
|
+
"value": 0,
|
|
48800
|
+
"unit": "px"
|
|
48801
|
+
},
|
|
48802
|
+
"offsetY": {
|
|
48803
|
+
"value": 4,
|
|
48804
|
+
"unit": "px"
|
|
48805
|
+
},
|
|
48806
|
+
"blur": {
|
|
48807
|
+
"value": 32,
|
|
48808
|
+
"unit": "px"
|
|
48809
|
+
},
|
|
48810
|
+
"spread": {
|
|
48811
|
+
"value": -4,
|
|
48812
|
+
"unit": "px"
|
|
48813
|
+
}
|
|
48814
|
+
},
|
|
48815
|
+
{
|
|
48816
|
+
"color": "#25292e",
|
|
48817
|
+
"alpha": 0.08,
|
|
48818
|
+
"offsetX": {
|
|
48819
|
+
"value": 0,
|
|
48820
|
+
"unit": "px"
|
|
48821
|
+
},
|
|
48822
|
+
"offsetY": {
|
|
48823
|
+
"value": 24,
|
|
48824
|
+
"unit": "px"
|
|
48825
|
+
},
|
|
48826
|
+
"blur": {
|
|
48827
|
+
"value": 48,
|
|
48828
|
+
"unit": "px"
|
|
48829
|
+
},
|
|
48830
|
+
"spread": {
|
|
48831
|
+
"value": -12,
|
|
48832
|
+
"unit": "px"
|
|
48833
|
+
}
|
|
48834
|
+
},
|
|
48835
|
+
{
|
|
48836
|
+
"color": "#25292e",
|
|
48837
|
+
"alpha": 0.08,
|
|
48838
|
+
"offsetX": {
|
|
48839
|
+
"value": 0,
|
|
48840
|
+
"unit": "px"
|
|
48841
|
+
},
|
|
48842
|
+
"offsetY": {
|
|
48843
|
+
"value": 48,
|
|
48844
|
+
"unit": "px"
|
|
48845
|
+
},
|
|
48846
|
+
"blur": {
|
|
48847
|
+
"value": 96,
|
|
48848
|
+
"unit": "px"
|
|
48849
|
+
},
|
|
48850
|
+
"spread": {
|
|
48851
|
+
"value": -24,
|
|
48852
|
+
"unit": "px"
|
|
48853
|
+
}
|
|
47641
48854
|
}
|
|
47642
48855
|
],
|
|
47643
48856
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47644
48857
|
"isSource": true,
|
|
47645
48858
|
"$type": "shadow"
|
|
47646
48859
|
}
|
|
48860
|
+
},
|
|
48861
|
+
"org.primer.llm": {
|
|
48862
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
48863
|
+
"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."
|
|
47647
48864
|
}
|
|
47648
48865
|
},
|
|
47649
48866
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47652,46 +48869,107 @@
|
|
|
47652
48869
|
"$value": [
|
|
47653
48870
|
{
|
|
47654
48871
|
"color": "{overlay.borderColor}",
|
|
47655
|
-
"alpha":
|
|
47656
|
-
"offsetX":
|
|
47657
|
-
|
|
47658
|
-
|
|
47659
|
-
|
|
48872
|
+
"alpha": 1,
|
|
48873
|
+
"offsetX": {
|
|
48874
|
+
"value": 0,
|
|
48875
|
+
"unit": "px"
|
|
48876
|
+
},
|
|
48877
|
+
"offsetY": {
|
|
48878
|
+
"value": 0,
|
|
48879
|
+
"unit": "px"
|
|
48880
|
+
},
|
|
48881
|
+
"blur": {
|
|
48882
|
+
"value": 0,
|
|
48883
|
+
"unit": "px"
|
|
48884
|
+
},
|
|
48885
|
+
"spread": {
|
|
48886
|
+
"value": 1,
|
|
48887
|
+
"unit": "px"
|
|
48888
|
+
}
|
|
47660
48889
|
},
|
|
47661
48890
|
{
|
|
47662
48891
|
"color": "{base.color.neutral.12}",
|
|
47663
48892
|
"alpha": 0.08,
|
|
47664
|
-
"offsetX":
|
|
47665
|
-
|
|
47666
|
-
|
|
47667
|
-
|
|
48893
|
+
"offsetX": {
|
|
48894
|
+
"value": 0,
|
|
48895
|
+
"unit": "px"
|
|
48896
|
+
},
|
|
48897
|
+
"offsetY": {
|
|
48898
|
+
"value": 8,
|
|
48899
|
+
"unit": "px"
|
|
48900
|
+
},
|
|
48901
|
+
"blur": {
|
|
48902
|
+
"value": 16,
|
|
48903
|
+
"unit": "px"
|
|
48904
|
+
},
|
|
48905
|
+
"spread": {
|
|
48906
|
+
"value": -4,
|
|
48907
|
+
"unit": "px"
|
|
48908
|
+
}
|
|
47668
48909
|
},
|
|
47669
48910
|
{
|
|
47670
48911
|
"color": "{base.color.neutral.12}",
|
|
47671
48912
|
"alpha": 0.08,
|
|
47672
|
-
"offsetX":
|
|
47673
|
-
|
|
47674
|
-
|
|
47675
|
-
|
|
48913
|
+
"offsetX": {
|
|
48914
|
+
"value": 0,
|
|
48915
|
+
"unit": "px"
|
|
48916
|
+
},
|
|
48917
|
+
"offsetY": {
|
|
48918
|
+
"value": 4,
|
|
48919
|
+
"unit": "px"
|
|
48920
|
+
},
|
|
48921
|
+
"blur": {
|
|
48922
|
+
"value": 32,
|
|
48923
|
+
"unit": "px"
|
|
48924
|
+
},
|
|
48925
|
+
"spread": {
|
|
48926
|
+
"value": -4,
|
|
48927
|
+
"unit": "px"
|
|
48928
|
+
}
|
|
47676
48929
|
},
|
|
47677
48930
|
{
|
|
47678
48931
|
"color": "{base.color.neutral.12}",
|
|
47679
48932
|
"alpha": 0.08,
|
|
47680
|
-
"offsetX":
|
|
47681
|
-
|
|
47682
|
-
|
|
47683
|
-
|
|
48933
|
+
"offsetX": {
|
|
48934
|
+
"value": 0,
|
|
48935
|
+
"unit": "px"
|
|
48936
|
+
},
|
|
48937
|
+
"offsetY": {
|
|
48938
|
+
"value": 24,
|
|
48939
|
+
"unit": "px"
|
|
48940
|
+
},
|
|
48941
|
+
"blur": {
|
|
48942
|
+
"value": 48,
|
|
48943
|
+
"unit": "px"
|
|
48944
|
+
},
|
|
48945
|
+
"spread": {
|
|
48946
|
+
"value": -12,
|
|
48947
|
+
"unit": "px"
|
|
48948
|
+
}
|
|
47684
48949
|
},
|
|
47685
48950
|
{
|
|
47686
48951
|
"color": "{base.color.neutral.12}",
|
|
47687
48952
|
"alpha": 0.08,
|
|
47688
|
-
"offsetX":
|
|
47689
|
-
|
|
47690
|
-
|
|
47691
|
-
|
|
48953
|
+
"offsetX": {
|
|
48954
|
+
"value": 0,
|
|
48955
|
+
"unit": "px"
|
|
48956
|
+
},
|
|
48957
|
+
"offsetY": {
|
|
48958
|
+
"value": 48,
|
|
48959
|
+
"unit": "px"
|
|
48960
|
+
},
|
|
48961
|
+
"blur": {
|
|
48962
|
+
"value": 96,
|
|
48963
|
+
"unit": "px"
|
|
48964
|
+
},
|
|
48965
|
+
"spread": {
|
|
48966
|
+
"value": -24,
|
|
48967
|
+
"unit": "px"
|
|
48968
|
+
}
|
|
47692
48969
|
}
|
|
47693
48970
|
],
|
|
47694
48971
|
"$type": "shadow",
|
|
48972
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47695
48973
|
"$extensions": {
|
|
47696
48974
|
"org.primer.figma": {
|
|
47697
48975
|
"collection": "mode",
|
|
@@ -47703,48 +48981,433 @@
|
|
|
47703
48981
|
{
|
|
47704
48982
|
"color": "{overlay.borderColor}",
|
|
47705
48983
|
"alpha": 1,
|
|
47706
|
-
"offsetX":
|
|
47707
|
-
|
|
47708
|
-
|
|
47709
|
-
|
|
48984
|
+
"offsetX": {
|
|
48985
|
+
"value": 0,
|
|
48986
|
+
"unit": "px"
|
|
48987
|
+
},
|
|
48988
|
+
"offsetY": {
|
|
48989
|
+
"value": 0,
|
|
48990
|
+
"unit": "px"
|
|
48991
|
+
},
|
|
48992
|
+
"blur": {
|
|
48993
|
+
"value": 0,
|
|
48994
|
+
"unit": "px"
|
|
48995
|
+
},
|
|
48996
|
+
"spread": {
|
|
48997
|
+
"value": 1,
|
|
48998
|
+
"unit": "px"
|
|
48999
|
+
}
|
|
47710
49000
|
},
|
|
47711
49001
|
{
|
|
47712
49002
|
"color": "{base.color.neutral.0}",
|
|
47713
49003
|
"alpha": 0.4,
|
|
47714
|
-
"offsetX":
|
|
47715
|
-
|
|
47716
|
-
|
|
47717
|
-
|
|
49004
|
+
"offsetX": {
|
|
49005
|
+
"value": 0,
|
|
49006
|
+
"unit": "px"
|
|
49007
|
+
},
|
|
49008
|
+
"offsetY": {
|
|
49009
|
+
"value": 8,
|
|
49010
|
+
"unit": "px"
|
|
49011
|
+
},
|
|
49012
|
+
"blur": {
|
|
49013
|
+
"value": 16,
|
|
49014
|
+
"unit": "px"
|
|
49015
|
+
},
|
|
49016
|
+
"spread": {
|
|
49017
|
+
"value": -4,
|
|
49018
|
+
"unit": "px"
|
|
49019
|
+
}
|
|
47718
49020
|
},
|
|
47719
49021
|
{
|
|
47720
49022
|
"color": "{base.color.neutral.0}",
|
|
47721
49023
|
"alpha": 0.4,
|
|
47722
|
-
"offsetX":
|
|
47723
|
-
|
|
47724
|
-
|
|
47725
|
-
|
|
49024
|
+
"offsetX": {
|
|
49025
|
+
"value": 0,
|
|
49026
|
+
"unit": "px"
|
|
49027
|
+
},
|
|
49028
|
+
"offsetY": {
|
|
49029
|
+
"value": 4,
|
|
49030
|
+
"unit": "px"
|
|
49031
|
+
},
|
|
49032
|
+
"blur": {
|
|
49033
|
+
"value": 32,
|
|
49034
|
+
"unit": "px"
|
|
49035
|
+
},
|
|
49036
|
+
"spread": {
|
|
49037
|
+
"value": -4,
|
|
49038
|
+
"unit": "px"
|
|
49039
|
+
}
|
|
47726
49040
|
},
|
|
47727
49041
|
{
|
|
47728
49042
|
"color": "{base.color.neutral.0}",
|
|
47729
49043
|
"alpha": 0.4,
|
|
47730
|
-
"offsetX":
|
|
47731
|
-
|
|
47732
|
-
|
|
47733
|
-
|
|
49044
|
+
"offsetX": {
|
|
49045
|
+
"value": 0,
|
|
49046
|
+
"unit": "px"
|
|
49047
|
+
},
|
|
49048
|
+
"offsetY": {
|
|
49049
|
+
"value": 24,
|
|
49050
|
+
"unit": "px"
|
|
49051
|
+
},
|
|
49052
|
+
"blur": {
|
|
49053
|
+
"value": 48,
|
|
49054
|
+
"unit": "px"
|
|
49055
|
+
},
|
|
49056
|
+
"spread": {
|
|
49057
|
+
"value": -12,
|
|
49058
|
+
"unit": "px"
|
|
49059
|
+
}
|
|
47734
49060
|
},
|
|
47735
49061
|
{
|
|
47736
49062
|
"color": "{base.color.neutral.0}",
|
|
47737
49063
|
"alpha": 0.4,
|
|
47738
|
-
"offsetX":
|
|
47739
|
-
|
|
47740
|
-
|
|
47741
|
-
|
|
49064
|
+
"offsetX": {
|
|
49065
|
+
"value": 0,
|
|
49066
|
+
"unit": "px"
|
|
49067
|
+
},
|
|
49068
|
+
"offsetY": {
|
|
49069
|
+
"value": 48,
|
|
49070
|
+
"unit": "px"
|
|
49071
|
+
},
|
|
49072
|
+
"blur": {
|
|
49073
|
+
"value": 96,
|
|
49074
|
+
"unit": "px"
|
|
49075
|
+
},
|
|
49076
|
+
"spread": {
|
|
49077
|
+
"value": -24,
|
|
49078
|
+
"unit": "px"
|
|
49079
|
+
}
|
|
49080
|
+
}
|
|
49081
|
+
],
|
|
49082
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49083
|
+
"isSource": true,
|
|
49084
|
+
"$type": "shadow"
|
|
49085
|
+
},
|
|
49086
|
+
"light-high-contrast": {
|
|
49087
|
+
"$value": [
|
|
49088
|
+
{
|
|
49089
|
+
"color": "{overlay.borderColor}",
|
|
49090
|
+
"alpha": 1,
|
|
49091
|
+
"offsetX": {
|
|
49092
|
+
"value": 0,
|
|
49093
|
+
"unit": "px"
|
|
49094
|
+
},
|
|
49095
|
+
"offsetY": {
|
|
49096
|
+
"value": 0,
|
|
49097
|
+
"unit": "px"
|
|
49098
|
+
},
|
|
49099
|
+
"blur": {
|
|
49100
|
+
"value": 0,
|
|
49101
|
+
"unit": "px"
|
|
49102
|
+
},
|
|
49103
|
+
"spread": {
|
|
49104
|
+
"value": 1,
|
|
49105
|
+
"unit": "px"
|
|
49106
|
+
}
|
|
49107
|
+
},
|
|
49108
|
+
{
|
|
49109
|
+
"color": "{base.color.neutral.12}",
|
|
49110
|
+
"alpha": 0.08,
|
|
49111
|
+
"offsetX": {
|
|
49112
|
+
"value": 0,
|
|
49113
|
+
"unit": "px"
|
|
49114
|
+
},
|
|
49115
|
+
"offsetY": {
|
|
49116
|
+
"value": 8,
|
|
49117
|
+
"unit": "px"
|
|
49118
|
+
},
|
|
49119
|
+
"blur": {
|
|
49120
|
+
"value": 16,
|
|
49121
|
+
"unit": "px"
|
|
49122
|
+
},
|
|
49123
|
+
"spread": {
|
|
49124
|
+
"value": -4,
|
|
49125
|
+
"unit": "px"
|
|
49126
|
+
}
|
|
49127
|
+
},
|
|
49128
|
+
{
|
|
49129
|
+
"color": "{base.color.neutral.12}",
|
|
49130
|
+
"alpha": 0.08,
|
|
49131
|
+
"offsetX": {
|
|
49132
|
+
"value": 0,
|
|
49133
|
+
"unit": "px"
|
|
49134
|
+
},
|
|
49135
|
+
"offsetY": {
|
|
49136
|
+
"value": 4,
|
|
49137
|
+
"unit": "px"
|
|
49138
|
+
},
|
|
49139
|
+
"blur": {
|
|
49140
|
+
"value": 32,
|
|
49141
|
+
"unit": "px"
|
|
49142
|
+
},
|
|
49143
|
+
"spread": {
|
|
49144
|
+
"value": -4,
|
|
49145
|
+
"unit": "px"
|
|
49146
|
+
}
|
|
49147
|
+
},
|
|
49148
|
+
{
|
|
49149
|
+
"color": "{base.color.neutral.12}",
|
|
49150
|
+
"alpha": 0.08,
|
|
49151
|
+
"offsetX": {
|
|
49152
|
+
"value": 0,
|
|
49153
|
+
"unit": "px"
|
|
49154
|
+
},
|
|
49155
|
+
"offsetY": {
|
|
49156
|
+
"value": 24,
|
|
49157
|
+
"unit": "px"
|
|
49158
|
+
},
|
|
49159
|
+
"blur": {
|
|
49160
|
+
"value": 48,
|
|
49161
|
+
"unit": "px"
|
|
49162
|
+
},
|
|
49163
|
+
"spread": {
|
|
49164
|
+
"value": -12,
|
|
49165
|
+
"unit": "px"
|
|
49166
|
+
}
|
|
49167
|
+
},
|
|
49168
|
+
{
|
|
49169
|
+
"color": "{base.color.neutral.12}",
|
|
49170
|
+
"alpha": 0.08,
|
|
49171
|
+
"offsetX": {
|
|
49172
|
+
"value": 0,
|
|
49173
|
+
"unit": "px"
|
|
49174
|
+
},
|
|
49175
|
+
"offsetY": {
|
|
49176
|
+
"value": 48,
|
|
49177
|
+
"unit": "px"
|
|
49178
|
+
},
|
|
49179
|
+
"blur": {
|
|
49180
|
+
"value": 96,
|
|
49181
|
+
"unit": "px"
|
|
49182
|
+
},
|
|
49183
|
+
"spread": {
|
|
49184
|
+
"value": -24,
|
|
49185
|
+
"unit": "px"
|
|
49186
|
+
}
|
|
49187
|
+
}
|
|
49188
|
+
],
|
|
49189
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49190
|
+
"isSource": true,
|
|
49191
|
+
"$type": "shadow"
|
|
49192
|
+
},
|
|
49193
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49194
|
+
"$value": [
|
|
49195
|
+
{
|
|
49196
|
+
"color": "{overlay.borderColor}",
|
|
49197
|
+
"alpha": 1,
|
|
49198
|
+
"offsetX": {
|
|
49199
|
+
"value": 0,
|
|
49200
|
+
"unit": "px"
|
|
49201
|
+
},
|
|
49202
|
+
"offsetY": {
|
|
49203
|
+
"value": 0,
|
|
49204
|
+
"unit": "px"
|
|
49205
|
+
},
|
|
49206
|
+
"blur": {
|
|
49207
|
+
"value": 0,
|
|
49208
|
+
"unit": "px"
|
|
49209
|
+
},
|
|
49210
|
+
"spread": {
|
|
49211
|
+
"value": 1,
|
|
49212
|
+
"unit": "px"
|
|
49213
|
+
}
|
|
49214
|
+
},
|
|
49215
|
+
{
|
|
49216
|
+
"color": "{base.color.neutral.12}",
|
|
49217
|
+
"alpha": 0.08,
|
|
49218
|
+
"offsetX": {
|
|
49219
|
+
"value": 0,
|
|
49220
|
+
"unit": "px"
|
|
49221
|
+
},
|
|
49222
|
+
"offsetY": {
|
|
49223
|
+
"value": 8,
|
|
49224
|
+
"unit": "px"
|
|
49225
|
+
},
|
|
49226
|
+
"blur": {
|
|
49227
|
+
"value": 16,
|
|
49228
|
+
"unit": "px"
|
|
49229
|
+
},
|
|
49230
|
+
"spread": {
|
|
49231
|
+
"value": -4,
|
|
49232
|
+
"unit": "px"
|
|
49233
|
+
}
|
|
49234
|
+
},
|
|
49235
|
+
{
|
|
49236
|
+
"color": "{base.color.neutral.12}",
|
|
49237
|
+
"alpha": 0.08,
|
|
49238
|
+
"offsetX": {
|
|
49239
|
+
"value": 0,
|
|
49240
|
+
"unit": "px"
|
|
49241
|
+
},
|
|
49242
|
+
"offsetY": {
|
|
49243
|
+
"value": 4,
|
|
49244
|
+
"unit": "px"
|
|
49245
|
+
},
|
|
49246
|
+
"blur": {
|
|
49247
|
+
"value": 32,
|
|
49248
|
+
"unit": "px"
|
|
49249
|
+
},
|
|
49250
|
+
"spread": {
|
|
49251
|
+
"value": -4,
|
|
49252
|
+
"unit": "px"
|
|
49253
|
+
}
|
|
49254
|
+
},
|
|
49255
|
+
{
|
|
49256
|
+
"color": "{base.color.neutral.12}",
|
|
49257
|
+
"alpha": 0.08,
|
|
49258
|
+
"offsetX": {
|
|
49259
|
+
"value": 0,
|
|
49260
|
+
"unit": "px"
|
|
49261
|
+
},
|
|
49262
|
+
"offsetY": {
|
|
49263
|
+
"value": 24,
|
|
49264
|
+
"unit": "px"
|
|
49265
|
+
},
|
|
49266
|
+
"blur": {
|
|
49267
|
+
"value": 48,
|
|
49268
|
+
"unit": "px"
|
|
49269
|
+
},
|
|
49270
|
+
"spread": {
|
|
49271
|
+
"value": -12,
|
|
49272
|
+
"unit": "px"
|
|
49273
|
+
}
|
|
49274
|
+
},
|
|
49275
|
+
{
|
|
49276
|
+
"color": "{base.color.neutral.12}",
|
|
49277
|
+
"alpha": 0.08,
|
|
49278
|
+
"offsetX": {
|
|
49279
|
+
"value": 0,
|
|
49280
|
+
"unit": "px"
|
|
49281
|
+
},
|
|
49282
|
+
"offsetY": {
|
|
49283
|
+
"value": 48,
|
|
49284
|
+
"unit": "px"
|
|
49285
|
+
},
|
|
49286
|
+
"blur": {
|
|
49287
|
+
"value": 96,
|
|
49288
|
+
"unit": "px"
|
|
49289
|
+
},
|
|
49290
|
+
"spread": {
|
|
49291
|
+
"value": -24,
|
|
49292
|
+
"unit": "px"
|
|
49293
|
+
}
|
|
49294
|
+
}
|
|
49295
|
+
],
|
|
49296
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49297
|
+
"isSource": true,
|
|
49298
|
+
"$type": "shadow"
|
|
49299
|
+
},
|
|
49300
|
+
"light-tritanopia-high-contrast": {
|
|
49301
|
+
"$value": [
|
|
49302
|
+
{
|
|
49303
|
+
"color": "{overlay.borderColor}",
|
|
49304
|
+
"alpha": 1,
|
|
49305
|
+
"offsetX": {
|
|
49306
|
+
"value": 0,
|
|
49307
|
+
"unit": "px"
|
|
49308
|
+
},
|
|
49309
|
+
"offsetY": {
|
|
49310
|
+
"value": 0,
|
|
49311
|
+
"unit": "px"
|
|
49312
|
+
},
|
|
49313
|
+
"blur": {
|
|
49314
|
+
"value": 0,
|
|
49315
|
+
"unit": "px"
|
|
49316
|
+
},
|
|
49317
|
+
"spread": {
|
|
49318
|
+
"value": 1,
|
|
49319
|
+
"unit": "px"
|
|
49320
|
+
}
|
|
49321
|
+
},
|
|
49322
|
+
{
|
|
49323
|
+
"color": "{base.color.neutral.12}",
|
|
49324
|
+
"alpha": 0.08,
|
|
49325
|
+
"offsetX": {
|
|
49326
|
+
"value": 0,
|
|
49327
|
+
"unit": "px"
|
|
49328
|
+
},
|
|
49329
|
+
"offsetY": {
|
|
49330
|
+
"value": 8,
|
|
49331
|
+
"unit": "px"
|
|
49332
|
+
},
|
|
49333
|
+
"blur": {
|
|
49334
|
+
"value": 16,
|
|
49335
|
+
"unit": "px"
|
|
49336
|
+
},
|
|
49337
|
+
"spread": {
|
|
49338
|
+
"value": -4,
|
|
49339
|
+
"unit": "px"
|
|
49340
|
+
}
|
|
49341
|
+
},
|
|
49342
|
+
{
|
|
49343
|
+
"color": "{base.color.neutral.12}",
|
|
49344
|
+
"alpha": 0.08,
|
|
49345
|
+
"offsetX": {
|
|
49346
|
+
"value": 0,
|
|
49347
|
+
"unit": "px"
|
|
49348
|
+
},
|
|
49349
|
+
"offsetY": {
|
|
49350
|
+
"value": 4,
|
|
49351
|
+
"unit": "px"
|
|
49352
|
+
},
|
|
49353
|
+
"blur": {
|
|
49354
|
+
"value": 32,
|
|
49355
|
+
"unit": "px"
|
|
49356
|
+
},
|
|
49357
|
+
"spread": {
|
|
49358
|
+
"value": -4,
|
|
49359
|
+
"unit": "px"
|
|
49360
|
+
}
|
|
49361
|
+
},
|
|
49362
|
+
{
|
|
49363
|
+
"color": "{base.color.neutral.12}",
|
|
49364
|
+
"alpha": 0.08,
|
|
49365
|
+
"offsetX": {
|
|
49366
|
+
"value": 0,
|
|
49367
|
+
"unit": "px"
|
|
49368
|
+
},
|
|
49369
|
+
"offsetY": {
|
|
49370
|
+
"value": 24,
|
|
49371
|
+
"unit": "px"
|
|
49372
|
+
},
|
|
49373
|
+
"blur": {
|
|
49374
|
+
"value": 48,
|
|
49375
|
+
"unit": "px"
|
|
49376
|
+
},
|
|
49377
|
+
"spread": {
|
|
49378
|
+
"value": -12,
|
|
49379
|
+
"unit": "px"
|
|
49380
|
+
}
|
|
49381
|
+
},
|
|
49382
|
+
{
|
|
49383
|
+
"color": "{base.color.neutral.12}",
|
|
49384
|
+
"alpha": 0.08,
|
|
49385
|
+
"offsetX": {
|
|
49386
|
+
"value": 0,
|
|
49387
|
+
"unit": "px"
|
|
49388
|
+
},
|
|
49389
|
+
"offsetY": {
|
|
49390
|
+
"value": 48,
|
|
49391
|
+
"unit": "px"
|
|
49392
|
+
},
|
|
49393
|
+
"blur": {
|
|
49394
|
+
"value": 96,
|
|
49395
|
+
"unit": "px"
|
|
49396
|
+
},
|
|
49397
|
+
"spread": {
|
|
49398
|
+
"value": -24,
|
|
49399
|
+
"unit": "px"
|
|
49400
|
+
}
|
|
47742
49401
|
}
|
|
47743
49402
|
],
|
|
47744
49403
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47745
49404
|
"isSource": true,
|
|
47746
49405
|
"$type": "shadow"
|
|
47747
49406
|
}
|
|
49407
|
+
},
|
|
49408
|
+
"org.primer.llm": {
|
|
49409
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
49410
|
+
"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."
|
|
47748
49411
|
}
|
|
47749
49412
|
},
|
|
47750
49413
|
"key": "{shadow.floating.medium}"
|
|
@@ -47755,7 +49418,7 @@
|
|
|
47755
49418
|
},
|
|
47756
49419
|
"shadow-floating-small": {
|
|
47757
49420
|
"key": "{shadow.floating.small}",
|
|
47758
|
-
"$value": "
|
|
49421
|
+
"$value": "0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
|
|
47759
49422
|
"$type": "shadow",
|
|
47760
49423
|
"$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
|
|
47761
49424
|
"$extensions": {
|
|
@@ -47769,26 +49432,62 @@
|
|
|
47769
49432
|
{
|
|
47770
49433
|
"color": "#454c54",
|
|
47771
49434
|
"alpha": 1,
|
|
47772
|
-
"offsetX":
|
|
47773
|
-
|
|
47774
|
-
|
|
47775
|
-
|
|
49435
|
+
"offsetX": {
|
|
49436
|
+
"value": 0,
|
|
49437
|
+
"unit": "px"
|
|
49438
|
+
},
|
|
49439
|
+
"offsetY": {
|
|
49440
|
+
"value": 0,
|
|
49441
|
+
"unit": "px"
|
|
49442
|
+
},
|
|
49443
|
+
"blur": {
|
|
49444
|
+
"value": 0,
|
|
49445
|
+
"unit": "px"
|
|
49446
|
+
},
|
|
49447
|
+
"spread": {
|
|
49448
|
+
"value": 1,
|
|
49449
|
+
"unit": "px"
|
|
49450
|
+
}
|
|
47776
49451
|
},
|
|
47777
49452
|
{
|
|
47778
49453
|
"color": "#ffffff",
|
|
47779
49454
|
"alpha": 0.4,
|
|
47780
|
-
"offsetX":
|
|
47781
|
-
|
|
47782
|
-
|
|
47783
|
-
|
|
49455
|
+
"offsetX": {
|
|
49456
|
+
"value": 0,
|
|
49457
|
+
"unit": "px"
|
|
49458
|
+
},
|
|
49459
|
+
"offsetY": {
|
|
49460
|
+
"value": 6,
|
|
49461
|
+
"unit": "px"
|
|
49462
|
+
},
|
|
49463
|
+
"blur": {
|
|
49464
|
+
"value": 12,
|
|
49465
|
+
"unit": "px"
|
|
49466
|
+
},
|
|
49467
|
+
"spread": {
|
|
49468
|
+
"value": -3,
|
|
49469
|
+
"unit": "px"
|
|
49470
|
+
}
|
|
47784
49471
|
},
|
|
47785
49472
|
{
|
|
47786
49473
|
"color": "#ffffff",
|
|
47787
49474
|
"alpha": 0.4,
|
|
47788
|
-
"offsetX":
|
|
47789
|
-
|
|
47790
|
-
|
|
47791
|
-
|
|
49475
|
+
"offsetX": {
|
|
49476
|
+
"value": 0,
|
|
49477
|
+
"unit": "px"
|
|
49478
|
+
},
|
|
49479
|
+
"offsetY": {
|
|
49480
|
+
"value": 6,
|
|
49481
|
+
"unit": "px"
|
|
49482
|
+
},
|
|
49483
|
+
"blur": {
|
|
49484
|
+
"value": 18,
|
|
49485
|
+
"unit": "px"
|
|
49486
|
+
},
|
|
49487
|
+
"spread": {
|
|
49488
|
+
"value": 0,
|
|
49489
|
+
"unit": "px"
|
|
49490
|
+
}
|
|
47792
49491
|
}
|
|
47793
49492
|
],
|
|
47794
49493
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47808,26 +49507,62 @@
|
|
|
47808
49507
|
{
|
|
47809
49508
|
"color": "{overlay.borderColor}",
|
|
47810
49509
|
"alpha": 0.5,
|
|
47811
|
-
"offsetX":
|
|
47812
|
-
|
|
47813
|
-
|
|
47814
|
-
|
|
49510
|
+
"offsetX": {
|
|
49511
|
+
"value": 0,
|
|
49512
|
+
"unit": "px"
|
|
49513
|
+
},
|
|
49514
|
+
"offsetY": {
|
|
49515
|
+
"value": 0,
|
|
49516
|
+
"unit": "px"
|
|
49517
|
+
},
|
|
49518
|
+
"blur": {
|
|
49519
|
+
"value": 0,
|
|
49520
|
+
"unit": "px"
|
|
49521
|
+
},
|
|
49522
|
+
"spread": {
|
|
49523
|
+
"value": 1,
|
|
49524
|
+
"unit": "px"
|
|
49525
|
+
}
|
|
47815
49526
|
},
|
|
47816
49527
|
{
|
|
47817
49528
|
"color": "{base.color.neutral.12}",
|
|
47818
49529
|
"alpha": 0.04,
|
|
47819
|
-
"offsetX":
|
|
47820
|
-
|
|
47821
|
-
|
|
47822
|
-
|
|
49530
|
+
"offsetX": {
|
|
49531
|
+
"value": 0,
|
|
49532
|
+
"unit": "px"
|
|
49533
|
+
},
|
|
49534
|
+
"offsetY": {
|
|
49535
|
+
"value": 6,
|
|
49536
|
+
"unit": "px"
|
|
49537
|
+
},
|
|
49538
|
+
"blur": {
|
|
49539
|
+
"value": 12,
|
|
49540
|
+
"unit": "px"
|
|
49541
|
+
},
|
|
49542
|
+
"spread": {
|
|
49543
|
+
"value": -3,
|
|
49544
|
+
"unit": "px"
|
|
49545
|
+
}
|
|
47823
49546
|
},
|
|
47824
49547
|
{
|
|
47825
49548
|
"color": "{base.color.neutral.12}",
|
|
47826
49549
|
"alpha": 0.12,
|
|
47827
|
-
"offsetX":
|
|
47828
|
-
|
|
47829
|
-
|
|
47830
|
-
|
|
49550
|
+
"offsetX": {
|
|
49551
|
+
"value": 0,
|
|
49552
|
+
"unit": "px"
|
|
49553
|
+
},
|
|
49554
|
+
"offsetY": {
|
|
49555
|
+
"value": 6,
|
|
49556
|
+
"unit": "px"
|
|
49557
|
+
},
|
|
49558
|
+
"blur": {
|
|
49559
|
+
"value": 18,
|
|
49560
|
+
"unit": "px"
|
|
49561
|
+
},
|
|
49562
|
+
"spread": {
|
|
49563
|
+
"value": 0,
|
|
49564
|
+
"unit": "px"
|
|
49565
|
+
}
|
|
47831
49566
|
}
|
|
47832
49567
|
],
|
|
47833
49568
|
"$type": "shadow",
|
|
@@ -47843,26 +49578,62 @@
|
|
|
47843
49578
|
{
|
|
47844
49579
|
"color": "{overlay.borderColor}",
|
|
47845
49580
|
"alpha": 1,
|
|
47846
|
-
"offsetX":
|
|
47847
|
-
|
|
47848
|
-
|
|
47849
|
-
|
|
49581
|
+
"offsetX": {
|
|
49582
|
+
"value": 0,
|
|
49583
|
+
"unit": "px"
|
|
49584
|
+
},
|
|
49585
|
+
"offsetY": {
|
|
49586
|
+
"value": 0,
|
|
49587
|
+
"unit": "px"
|
|
49588
|
+
},
|
|
49589
|
+
"blur": {
|
|
49590
|
+
"value": 0,
|
|
49591
|
+
"unit": "px"
|
|
49592
|
+
},
|
|
49593
|
+
"spread": {
|
|
49594
|
+
"value": 1,
|
|
49595
|
+
"unit": "px"
|
|
49596
|
+
}
|
|
47850
49597
|
},
|
|
47851
49598
|
{
|
|
47852
49599
|
"color": "{base.color.neutral.0}",
|
|
47853
49600
|
"alpha": 0.4,
|
|
47854
|
-
"offsetX":
|
|
47855
|
-
|
|
47856
|
-
|
|
47857
|
-
|
|
49601
|
+
"offsetX": {
|
|
49602
|
+
"value": 0,
|
|
49603
|
+
"unit": "px"
|
|
49604
|
+
},
|
|
49605
|
+
"offsetY": {
|
|
49606
|
+
"value": 6,
|
|
49607
|
+
"unit": "px"
|
|
49608
|
+
},
|
|
49609
|
+
"blur": {
|
|
49610
|
+
"value": 12,
|
|
49611
|
+
"unit": "px"
|
|
49612
|
+
},
|
|
49613
|
+
"spread": {
|
|
49614
|
+
"value": -3,
|
|
49615
|
+
"unit": "px"
|
|
49616
|
+
}
|
|
47858
49617
|
},
|
|
47859
49618
|
{
|
|
47860
49619
|
"color": "{base.color.neutral.0}",
|
|
47861
49620
|
"alpha": 0.4,
|
|
47862
|
-
"offsetX":
|
|
47863
|
-
|
|
47864
|
-
|
|
47865
|
-
|
|
49621
|
+
"offsetX": {
|
|
49622
|
+
"value": 0,
|
|
49623
|
+
"unit": "px"
|
|
49624
|
+
},
|
|
49625
|
+
"offsetY": {
|
|
49626
|
+
"value": 6,
|
|
49627
|
+
"unit": "px"
|
|
49628
|
+
},
|
|
49629
|
+
"blur": {
|
|
49630
|
+
"value": 18,
|
|
49631
|
+
"unit": "px"
|
|
49632
|
+
},
|
|
49633
|
+
"spread": {
|
|
49634
|
+
"value": 0,
|
|
49635
|
+
"unit": "px"
|
|
49636
|
+
}
|
|
47866
49637
|
}
|
|
47867
49638
|
],
|
|
47868
49639
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47883,8 +49654,9 @@
|
|
|
47883
49654
|
},
|
|
47884
49655
|
"shadow-floating-xlarge": {
|
|
47885
49656
|
"key": "{shadow.floating.xlarge}",
|
|
47886
|
-
"$value": "
|
|
49657
|
+
"$value": "0 0 0 1px #454c54, 0 56px 112px 0 #25292e52",
|
|
47887
49658
|
"$type": "shadow",
|
|
49659
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47888
49660
|
"$extensions": {
|
|
47889
49661
|
"org.primer.figma": {
|
|
47890
49662
|
"collection": "mode",
|
|
@@ -47896,24 +49668,193 @@
|
|
|
47896
49668
|
{
|
|
47897
49669
|
"color": "#454c54",
|
|
47898
49670
|
"alpha": 1,
|
|
47899
|
-
"offsetX":
|
|
47900
|
-
|
|
47901
|
-
|
|
47902
|
-
|
|
49671
|
+
"offsetX": {
|
|
49672
|
+
"value": 0,
|
|
49673
|
+
"unit": "px"
|
|
49674
|
+
},
|
|
49675
|
+
"offsetY": {
|
|
49676
|
+
"value": 0,
|
|
49677
|
+
"unit": "px"
|
|
49678
|
+
},
|
|
49679
|
+
"blur": {
|
|
49680
|
+
"value": 0,
|
|
49681
|
+
"unit": "px"
|
|
49682
|
+
},
|
|
49683
|
+
"spread": {
|
|
49684
|
+
"value": 1,
|
|
49685
|
+
"unit": "px"
|
|
49686
|
+
}
|
|
47903
49687
|
},
|
|
47904
49688
|
{
|
|
47905
49689
|
"color": "#ffffff",
|
|
47906
49690
|
"alpha": 1,
|
|
47907
|
-
"offsetX":
|
|
47908
|
-
|
|
47909
|
-
|
|
47910
|
-
|
|
49691
|
+
"offsetX": {
|
|
49692
|
+
"value": 0,
|
|
49693
|
+
"unit": "px"
|
|
49694
|
+
},
|
|
49695
|
+
"offsetY": {
|
|
49696
|
+
"value": 32,
|
|
49697
|
+
"unit": "px"
|
|
49698
|
+
},
|
|
49699
|
+
"blur": {
|
|
49700
|
+
"value": 64,
|
|
49701
|
+
"unit": "px"
|
|
49702
|
+
},
|
|
49703
|
+
"spread": {
|
|
49704
|
+
"value": 0,
|
|
49705
|
+
"unit": "px"
|
|
49706
|
+
}
|
|
49707
|
+
}
|
|
49708
|
+
],
|
|
49709
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49710
|
+
"isSource": true,
|
|
49711
|
+
"$type": "shadow"
|
|
49712
|
+
},
|
|
49713
|
+
"light-high-contrast": {
|
|
49714
|
+
"$value": [
|
|
49715
|
+
{
|
|
49716
|
+
"color": "#454c54",
|
|
49717
|
+
"alpha": 1,
|
|
49718
|
+
"offsetX": {
|
|
49719
|
+
"value": 0,
|
|
49720
|
+
"unit": "px"
|
|
49721
|
+
},
|
|
49722
|
+
"offsetY": {
|
|
49723
|
+
"value": 0,
|
|
49724
|
+
"unit": "px"
|
|
49725
|
+
},
|
|
49726
|
+
"blur": {
|
|
49727
|
+
"value": 0,
|
|
49728
|
+
"unit": "px"
|
|
49729
|
+
},
|
|
49730
|
+
"spread": {
|
|
49731
|
+
"value": 1,
|
|
49732
|
+
"unit": "px"
|
|
49733
|
+
}
|
|
49734
|
+
},
|
|
49735
|
+
{
|
|
49736
|
+
"color": "#25292e",
|
|
49737
|
+
"alpha": 0.32,
|
|
49738
|
+
"offsetX": {
|
|
49739
|
+
"value": 0,
|
|
49740
|
+
"unit": "px"
|
|
49741
|
+
},
|
|
49742
|
+
"offsetY": {
|
|
49743
|
+
"value": 56,
|
|
49744
|
+
"unit": "px"
|
|
49745
|
+
},
|
|
49746
|
+
"blur": {
|
|
49747
|
+
"value": 112,
|
|
49748
|
+
"unit": "px"
|
|
49749
|
+
},
|
|
49750
|
+
"spread": {
|
|
49751
|
+
"value": 0,
|
|
49752
|
+
"unit": "px"
|
|
49753
|
+
}
|
|
49754
|
+
}
|
|
49755
|
+
],
|
|
49756
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49757
|
+
"isSource": true,
|
|
49758
|
+
"$type": "shadow"
|
|
49759
|
+
},
|
|
49760
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49761
|
+
"$value": [
|
|
49762
|
+
{
|
|
49763
|
+
"color": "#454c54",
|
|
49764
|
+
"alpha": 1,
|
|
49765
|
+
"offsetX": {
|
|
49766
|
+
"value": 0,
|
|
49767
|
+
"unit": "px"
|
|
49768
|
+
},
|
|
49769
|
+
"offsetY": {
|
|
49770
|
+
"value": 0,
|
|
49771
|
+
"unit": "px"
|
|
49772
|
+
},
|
|
49773
|
+
"blur": {
|
|
49774
|
+
"value": 0,
|
|
49775
|
+
"unit": "px"
|
|
49776
|
+
},
|
|
49777
|
+
"spread": {
|
|
49778
|
+
"value": 1,
|
|
49779
|
+
"unit": "px"
|
|
49780
|
+
}
|
|
49781
|
+
},
|
|
49782
|
+
{
|
|
49783
|
+
"color": "#25292e",
|
|
49784
|
+
"alpha": 0.32,
|
|
49785
|
+
"offsetX": {
|
|
49786
|
+
"value": 0,
|
|
49787
|
+
"unit": "px"
|
|
49788
|
+
},
|
|
49789
|
+
"offsetY": {
|
|
49790
|
+
"value": 56,
|
|
49791
|
+
"unit": "px"
|
|
49792
|
+
},
|
|
49793
|
+
"blur": {
|
|
49794
|
+
"value": 112,
|
|
49795
|
+
"unit": "px"
|
|
49796
|
+
},
|
|
49797
|
+
"spread": {
|
|
49798
|
+
"value": 0,
|
|
49799
|
+
"unit": "px"
|
|
49800
|
+
}
|
|
49801
|
+
}
|
|
49802
|
+
],
|
|
49803
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49804
|
+
"isSource": true,
|
|
49805
|
+
"$type": "shadow"
|
|
49806
|
+
},
|
|
49807
|
+
"light-tritanopia-high-contrast": {
|
|
49808
|
+
"$value": [
|
|
49809
|
+
{
|
|
49810
|
+
"color": "#454c54",
|
|
49811
|
+
"alpha": 1,
|
|
49812
|
+
"offsetX": {
|
|
49813
|
+
"value": 0,
|
|
49814
|
+
"unit": "px"
|
|
49815
|
+
},
|
|
49816
|
+
"offsetY": {
|
|
49817
|
+
"value": 0,
|
|
49818
|
+
"unit": "px"
|
|
49819
|
+
},
|
|
49820
|
+
"blur": {
|
|
49821
|
+
"value": 0,
|
|
49822
|
+
"unit": "px"
|
|
49823
|
+
},
|
|
49824
|
+
"spread": {
|
|
49825
|
+
"value": 1,
|
|
49826
|
+
"unit": "px"
|
|
49827
|
+
}
|
|
49828
|
+
},
|
|
49829
|
+
{
|
|
49830
|
+
"color": "#25292e",
|
|
49831
|
+
"alpha": 0.32,
|
|
49832
|
+
"offsetX": {
|
|
49833
|
+
"value": 0,
|
|
49834
|
+
"unit": "px"
|
|
49835
|
+
},
|
|
49836
|
+
"offsetY": {
|
|
49837
|
+
"value": 56,
|
|
49838
|
+
"unit": "px"
|
|
49839
|
+
},
|
|
49840
|
+
"blur": {
|
|
49841
|
+
"value": 112,
|
|
49842
|
+
"unit": "px"
|
|
49843
|
+
},
|
|
49844
|
+
"spread": {
|
|
49845
|
+
"value": 0,
|
|
49846
|
+
"unit": "px"
|
|
49847
|
+
}
|
|
47911
49848
|
}
|
|
47912
49849
|
],
|
|
47913
49850
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47914
49851
|
"isSource": true,
|
|
47915
49852
|
"$type": "shadow"
|
|
47916
49853
|
}
|
|
49854
|
+
},
|
|
49855
|
+
"org.primer.llm": {
|
|
49856
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
49857
|
+
"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."
|
|
47917
49858
|
}
|
|
47918
49859
|
},
|
|
47919
49860
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47922,22 +49863,47 @@
|
|
|
47922
49863
|
"$value": [
|
|
47923
49864
|
{
|
|
47924
49865
|
"color": "{overlay.borderColor}",
|
|
47925
|
-
"alpha":
|
|
47926
|
-
"offsetX":
|
|
47927
|
-
|
|
47928
|
-
|
|
47929
|
-
|
|
49866
|
+
"alpha": 1,
|
|
49867
|
+
"offsetX": {
|
|
49868
|
+
"value": 0,
|
|
49869
|
+
"unit": "px"
|
|
49870
|
+
},
|
|
49871
|
+
"offsetY": {
|
|
49872
|
+
"value": 0,
|
|
49873
|
+
"unit": "px"
|
|
49874
|
+
},
|
|
49875
|
+
"blur": {
|
|
49876
|
+
"value": 0,
|
|
49877
|
+
"unit": "px"
|
|
49878
|
+
},
|
|
49879
|
+
"spread": {
|
|
49880
|
+
"value": 1,
|
|
49881
|
+
"unit": "px"
|
|
49882
|
+
}
|
|
47930
49883
|
},
|
|
47931
49884
|
{
|
|
47932
49885
|
"color": "{base.color.neutral.12}",
|
|
47933
49886
|
"alpha": 0.32,
|
|
47934
|
-
"offsetX":
|
|
47935
|
-
|
|
47936
|
-
|
|
47937
|
-
|
|
49887
|
+
"offsetX": {
|
|
49888
|
+
"value": 0,
|
|
49889
|
+
"unit": "px"
|
|
49890
|
+
},
|
|
49891
|
+
"offsetY": {
|
|
49892
|
+
"value": 56,
|
|
49893
|
+
"unit": "px"
|
|
49894
|
+
},
|
|
49895
|
+
"blur": {
|
|
49896
|
+
"value": 112,
|
|
49897
|
+
"unit": "px"
|
|
49898
|
+
},
|
|
49899
|
+
"spread": {
|
|
49900
|
+
"value": 0,
|
|
49901
|
+
"unit": "px"
|
|
49902
|
+
}
|
|
47938
49903
|
}
|
|
47939
49904
|
],
|
|
47940
49905
|
"$type": "shadow",
|
|
49906
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47941
49907
|
"$extensions": {
|
|
47942
49908
|
"org.primer.figma": {
|
|
47943
49909
|
"collection": "mode",
|
|
@@ -47949,24 +49915,193 @@
|
|
|
47949
49915
|
{
|
|
47950
49916
|
"color": "{overlay.borderColor}",
|
|
47951
49917
|
"alpha": 1,
|
|
47952
|
-
"offsetX":
|
|
47953
|
-
|
|
47954
|
-
|
|
47955
|
-
|
|
49918
|
+
"offsetX": {
|
|
49919
|
+
"value": 0,
|
|
49920
|
+
"unit": "px"
|
|
49921
|
+
},
|
|
49922
|
+
"offsetY": {
|
|
49923
|
+
"value": 0,
|
|
49924
|
+
"unit": "px"
|
|
49925
|
+
},
|
|
49926
|
+
"blur": {
|
|
49927
|
+
"value": 0,
|
|
49928
|
+
"unit": "px"
|
|
49929
|
+
},
|
|
49930
|
+
"spread": {
|
|
49931
|
+
"value": 1,
|
|
49932
|
+
"unit": "px"
|
|
49933
|
+
}
|
|
47956
49934
|
},
|
|
47957
49935
|
{
|
|
47958
49936
|
"color": "{base.color.neutral.0}",
|
|
47959
49937
|
"alpha": 1,
|
|
47960
|
-
"offsetX":
|
|
47961
|
-
|
|
47962
|
-
|
|
47963
|
-
|
|
49938
|
+
"offsetX": {
|
|
49939
|
+
"value": 0,
|
|
49940
|
+
"unit": "px"
|
|
49941
|
+
},
|
|
49942
|
+
"offsetY": {
|
|
49943
|
+
"value": 32,
|
|
49944
|
+
"unit": "px"
|
|
49945
|
+
},
|
|
49946
|
+
"blur": {
|
|
49947
|
+
"value": 64,
|
|
49948
|
+
"unit": "px"
|
|
49949
|
+
},
|
|
49950
|
+
"spread": {
|
|
49951
|
+
"value": 0,
|
|
49952
|
+
"unit": "px"
|
|
49953
|
+
}
|
|
49954
|
+
}
|
|
49955
|
+
],
|
|
49956
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49957
|
+
"isSource": true,
|
|
49958
|
+
"$type": "shadow"
|
|
49959
|
+
},
|
|
49960
|
+
"light-high-contrast": {
|
|
49961
|
+
"$value": [
|
|
49962
|
+
{
|
|
49963
|
+
"color": "{overlay.borderColor}",
|
|
49964
|
+
"alpha": 1,
|
|
49965
|
+
"offsetX": {
|
|
49966
|
+
"value": 0,
|
|
49967
|
+
"unit": "px"
|
|
49968
|
+
},
|
|
49969
|
+
"offsetY": {
|
|
49970
|
+
"value": 0,
|
|
49971
|
+
"unit": "px"
|
|
49972
|
+
},
|
|
49973
|
+
"blur": {
|
|
49974
|
+
"value": 0,
|
|
49975
|
+
"unit": "px"
|
|
49976
|
+
},
|
|
49977
|
+
"spread": {
|
|
49978
|
+
"value": 1,
|
|
49979
|
+
"unit": "px"
|
|
49980
|
+
}
|
|
49981
|
+
},
|
|
49982
|
+
{
|
|
49983
|
+
"color": "{base.color.neutral.12}",
|
|
49984
|
+
"alpha": 0.32,
|
|
49985
|
+
"offsetX": {
|
|
49986
|
+
"value": 0,
|
|
49987
|
+
"unit": "px"
|
|
49988
|
+
},
|
|
49989
|
+
"offsetY": {
|
|
49990
|
+
"value": 56,
|
|
49991
|
+
"unit": "px"
|
|
49992
|
+
},
|
|
49993
|
+
"blur": {
|
|
49994
|
+
"value": 112,
|
|
49995
|
+
"unit": "px"
|
|
49996
|
+
},
|
|
49997
|
+
"spread": {
|
|
49998
|
+
"value": 0,
|
|
49999
|
+
"unit": "px"
|
|
50000
|
+
}
|
|
50001
|
+
}
|
|
50002
|
+
],
|
|
50003
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50004
|
+
"isSource": true,
|
|
50005
|
+
"$type": "shadow"
|
|
50006
|
+
},
|
|
50007
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
50008
|
+
"$value": [
|
|
50009
|
+
{
|
|
50010
|
+
"color": "{overlay.borderColor}",
|
|
50011
|
+
"alpha": 1,
|
|
50012
|
+
"offsetX": {
|
|
50013
|
+
"value": 0,
|
|
50014
|
+
"unit": "px"
|
|
50015
|
+
},
|
|
50016
|
+
"offsetY": {
|
|
50017
|
+
"value": 0,
|
|
50018
|
+
"unit": "px"
|
|
50019
|
+
},
|
|
50020
|
+
"blur": {
|
|
50021
|
+
"value": 0,
|
|
50022
|
+
"unit": "px"
|
|
50023
|
+
},
|
|
50024
|
+
"spread": {
|
|
50025
|
+
"value": 1,
|
|
50026
|
+
"unit": "px"
|
|
50027
|
+
}
|
|
50028
|
+
},
|
|
50029
|
+
{
|
|
50030
|
+
"color": "{base.color.neutral.12}",
|
|
50031
|
+
"alpha": 0.32,
|
|
50032
|
+
"offsetX": {
|
|
50033
|
+
"value": 0,
|
|
50034
|
+
"unit": "px"
|
|
50035
|
+
},
|
|
50036
|
+
"offsetY": {
|
|
50037
|
+
"value": 56,
|
|
50038
|
+
"unit": "px"
|
|
50039
|
+
},
|
|
50040
|
+
"blur": {
|
|
50041
|
+
"value": 112,
|
|
50042
|
+
"unit": "px"
|
|
50043
|
+
},
|
|
50044
|
+
"spread": {
|
|
50045
|
+
"value": 0,
|
|
50046
|
+
"unit": "px"
|
|
50047
|
+
}
|
|
50048
|
+
}
|
|
50049
|
+
],
|
|
50050
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50051
|
+
"isSource": true,
|
|
50052
|
+
"$type": "shadow"
|
|
50053
|
+
},
|
|
50054
|
+
"light-tritanopia-high-contrast": {
|
|
50055
|
+
"$value": [
|
|
50056
|
+
{
|
|
50057
|
+
"color": "{overlay.borderColor}",
|
|
50058
|
+
"alpha": 1,
|
|
50059
|
+
"offsetX": {
|
|
50060
|
+
"value": 0,
|
|
50061
|
+
"unit": "px"
|
|
50062
|
+
},
|
|
50063
|
+
"offsetY": {
|
|
50064
|
+
"value": 0,
|
|
50065
|
+
"unit": "px"
|
|
50066
|
+
},
|
|
50067
|
+
"blur": {
|
|
50068
|
+
"value": 0,
|
|
50069
|
+
"unit": "px"
|
|
50070
|
+
},
|
|
50071
|
+
"spread": {
|
|
50072
|
+
"value": 1,
|
|
50073
|
+
"unit": "px"
|
|
50074
|
+
}
|
|
50075
|
+
},
|
|
50076
|
+
{
|
|
50077
|
+
"color": "{base.color.neutral.12}",
|
|
50078
|
+
"alpha": 0.32,
|
|
50079
|
+
"offsetX": {
|
|
50080
|
+
"value": 0,
|
|
50081
|
+
"unit": "px"
|
|
50082
|
+
},
|
|
50083
|
+
"offsetY": {
|
|
50084
|
+
"value": 56,
|
|
50085
|
+
"unit": "px"
|
|
50086
|
+
},
|
|
50087
|
+
"blur": {
|
|
50088
|
+
"value": 112,
|
|
50089
|
+
"unit": "px"
|
|
50090
|
+
},
|
|
50091
|
+
"spread": {
|
|
50092
|
+
"value": 0,
|
|
50093
|
+
"unit": "px"
|
|
50094
|
+
}
|
|
47964
50095
|
}
|
|
47965
50096
|
],
|
|
47966
50097
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47967
50098
|
"isSource": true,
|
|
47968
50099
|
"$type": "shadow"
|
|
47969
50100
|
}
|
|
50101
|
+
},
|
|
50102
|
+
"org.primer.llm": {
|
|
50103
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
50104
|
+
"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."
|
|
47970
50105
|
}
|
|
47971
50106
|
},
|
|
47972
50107
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -47977,8 +50112,9 @@
|
|
|
47977
50112
|
},
|
|
47978
50113
|
"shadow-inset": {
|
|
47979
50114
|
"key": "{shadow.inset}",
|
|
47980
|
-
"$value": "inset
|
|
50115
|
+
"$value": "inset 0 1px 0 0 #0104090a",
|
|
47981
50116
|
"$type": "shadow",
|
|
50117
|
+
"$description": "Inset shadow for recessed elements",
|
|
47982
50118
|
"$extensions": {
|
|
47983
50119
|
"org.primer.figma": {
|
|
47984
50120
|
"collection": "mode",
|
|
@@ -47989,16 +50125,32 @@
|
|
|
47989
50125
|
"$value": {
|
|
47990
50126
|
"color": "#ffffff",
|
|
47991
50127
|
"alpha": 0.24,
|
|
47992
|
-
"offsetX":
|
|
47993
|
-
|
|
47994
|
-
|
|
47995
|
-
|
|
50128
|
+
"offsetX": {
|
|
50129
|
+
"value": 0,
|
|
50130
|
+
"unit": "px"
|
|
50131
|
+
},
|
|
50132
|
+
"offsetY": {
|
|
50133
|
+
"value": 1,
|
|
50134
|
+
"unit": "px"
|
|
50135
|
+
},
|
|
50136
|
+
"blur": {
|
|
50137
|
+
"value": 0,
|
|
50138
|
+
"unit": "px"
|
|
50139
|
+
},
|
|
50140
|
+
"spread": {
|
|
50141
|
+
"value": 0,
|
|
50142
|
+
"unit": "px"
|
|
50143
|
+
},
|
|
47996
50144
|
"inset": true
|
|
47997
50145
|
},
|
|
47998
50146
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47999
50147
|
"isSource": true,
|
|
48000
50148
|
"$type": "shadow"
|
|
48001
50149
|
}
|
|
50150
|
+
},
|
|
50151
|
+
"org.primer.llm": {
|
|
50152
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50153
|
+
"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."
|
|
48002
50154
|
}
|
|
48003
50155
|
},
|
|
48004
50156
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48007,13 +50159,26 @@
|
|
|
48007
50159
|
"$value": {
|
|
48008
50160
|
"color": "{base.color.neutral.13}",
|
|
48009
50161
|
"alpha": 0.04,
|
|
48010
|
-
"offsetX":
|
|
48011
|
-
|
|
48012
|
-
|
|
48013
|
-
|
|
50162
|
+
"offsetX": {
|
|
50163
|
+
"value": 0,
|
|
50164
|
+
"unit": "px"
|
|
50165
|
+
},
|
|
50166
|
+
"offsetY": {
|
|
50167
|
+
"value": 1,
|
|
50168
|
+
"unit": "px"
|
|
50169
|
+
},
|
|
50170
|
+
"blur": {
|
|
50171
|
+
"value": 0,
|
|
50172
|
+
"unit": "px"
|
|
50173
|
+
},
|
|
50174
|
+
"spread": {
|
|
50175
|
+
"value": 0,
|
|
50176
|
+
"unit": "px"
|
|
50177
|
+
},
|
|
48014
50178
|
"inset": true
|
|
48015
50179
|
},
|
|
48016
50180
|
"$type": "shadow",
|
|
50181
|
+
"$description": "Inset shadow for recessed elements",
|
|
48017
50182
|
"$extensions": {
|
|
48018
50183
|
"org.primer.figma": {
|
|
48019
50184
|
"collection": "mode",
|
|
@@ -48024,16 +50189,32 @@
|
|
|
48024
50189
|
"$value": {
|
|
48025
50190
|
"color": "{base.color.neutral.0}",
|
|
48026
50191
|
"alpha": 0.24,
|
|
48027
|
-
"offsetX":
|
|
48028
|
-
|
|
48029
|
-
|
|
48030
|
-
|
|
50192
|
+
"offsetX": {
|
|
50193
|
+
"value": 0,
|
|
50194
|
+
"unit": "px"
|
|
50195
|
+
},
|
|
50196
|
+
"offsetY": {
|
|
50197
|
+
"value": 1,
|
|
50198
|
+
"unit": "px"
|
|
50199
|
+
},
|
|
50200
|
+
"blur": {
|
|
50201
|
+
"value": 0,
|
|
50202
|
+
"unit": "px"
|
|
50203
|
+
},
|
|
50204
|
+
"spread": {
|
|
50205
|
+
"value": 0,
|
|
50206
|
+
"unit": "px"
|
|
50207
|
+
},
|
|
48031
50208
|
"inset": true
|
|
48032
50209
|
},
|
|
48033
50210
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48034
50211
|
"isSource": true,
|
|
48035
50212
|
"$type": "shadow"
|
|
48036
50213
|
}
|
|
50214
|
+
},
|
|
50215
|
+
"org.primer.llm": {
|
|
50216
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50217
|
+
"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."
|
|
48037
50218
|
}
|
|
48038
50219
|
},
|
|
48039
50220
|
"key": "{shadow.inset}"
|
|
@@ -48044,8 +50225,9 @@
|
|
|
48044
50225
|
},
|
|
48045
50226
|
"shadow-resting-medium": {
|
|
48046
50227
|
"key": "{shadow.resting.medium}",
|
|
48047
|
-
"$value": "
|
|
50228
|
+
"$value": "0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f",
|
|
48048
50229
|
"$type": "shadow",
|
|
50230
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48049
50231
|
"$extensions": {
|
|
48050
50232
|
"org.primer.figma": {
|
|
48051
50233
|
"collection": "mode",
|
|
@@ -48057,24 +50239,52 @@
|
|
|
48057
50239
|
{
|
|
48058
50240
|
"color": "#ffffff",
|
|
48059
50241
|
"alpha": 0.4,
|
|
48060
|
-
"offsetX":
|
|
48061
|
-
|
|
48062
|
-
|
|
48063
|
-
|
|
50242
|
+
"offsetX": {
|
|
50243
|
+
"value": 0,
|
|
50244
|
+
"unit": "px"
|
|
50245
|
+
},
|
|
50246
|
+
"offsetY": {
|
|
50247
|
+
"value": 1,
|
|
50248
|
+
"unit": "px"
|
|
50249
|
+
},
|
|
50250
|
+
"blur": {
|
|
50251
|
+
"value": 1,
|
|
50252
|
+
"unit": "px"
|
|
50253
|
+
},
|
|
50254
|
+
"spread": {
|
|
50255
|
+
"value": 0,
|
|
50256
|
+
"unit": "px"
|
|
50257
|
+
}
|
|
48064
50258
|
},
|
|
48065
50259
|
{
|
|
48066
50260
|
"color": "#ffffff",
|
|
48067
50261
|
"alpha": 0.8,
|
|
48068
|
-
"offsetX":
|
|
48069
|
-
|
|
48070
|
-
|
|
48071
|
-
|
|
50262
|
+
"offsetX": {
|
|
50263
|
+
"value": 0,
|
|
50264
|
+
"unit": "px"
|
|
50265
|
+
},
|
|
50266
|
+
"offsetY": {
|
|
50267
|
+
"value": 3,
|
|
50268
|
+
"unit": "px"
|
|
50269
|
+
},
|
|
50270
|
+
"blur": {
|
|
50271
|
+
"value": 6,
|
|
50272
|
+
"unit": "px"
|
|
50273
|
+
},
|
|
50274
|
+
"spread": {
|
|
50275
|
+
"value": 0,
|
|
50276
|
+
"unit": "px"
|
|
50277
|
+
}
|
|
48072
50278
|
}
|
|
48073
50279
|
],
|
|
48074
50280
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48075
50281
|
"isSource": true,
|
|
48076
50282
|
"$type": "shadow"
|
|
48077
50283
|
}
|
|
50284
|
+
},
|
|
50285
|
+
"org.primer.llm": {
|
|
50286
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50287
|
+
"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."
|
|
48078
50288
|
}
|
|
48079
50289
|
},
|
|
48080
50290
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48084,21 +50294,46 @@
|
|
|
48084
50294
|
{
|
|
48085
50295
|
"color": "{base.color.neutral.12}",
|
|
48086
50296
|
"alpha": 0.1,
|
|
48087
|
-
"offsetX":
|
|
48088
|
-
|
|
48089
|
-
|
|
48090
|
-
|
|
50297
|
+
"offsetX": {
|
|
50298
|
+
"value": 0,
|
|
50299
|
+
"unit": "px"
|
|
50300
|
+
},
|
|
50301
|
+
"offsetY": {
|
|
50302
|
+
"value": 1,
|
|
50303
|
+
"unit": "px"
|
|
50304
|
+
},
|
|
50305
|
+
"blur": {
|
|
50306
|
+
"value": 1,
|
|
50307
|
+
"unit": "px"
|
|
50308
|
+
},
|
|
50309
|
+
"spread": {
|
|
50310
|
+
"value": 0,
|
|
50311
|
+
"unit": "px"
|
|
50312
|
+
}
|
|
48091
50313
|
},
|
|
48092
50314
|
{
|
|
48093
50315
|
"color": "{base.color.neutral.12}",
|
|
48094
50316
|
"alpha": 0.12,
|
|
48095
|
-
"offsetX":
|
|
48096
|
-
|
|
48097
|
-
|
|
48098
|
-
|
|
50317
|
+
"offsetX": {
|
|
50318
|
+
"value": 0,
|
|
50319
|
+
"unit": "px"
|
|
50320
|
+
},
|
|
50321
|
+
"offsetY": {
|
|
50322
|
+
"value": 3,
|
|
50323
|
+
"unit": "px"
|
|
50324
|
+
},
|
|
50325
|
+
"blur": {
|
|
50326
|
+
"value": 6,
|
|
50327
|
+
"unit": "px"
|
|
50328
|
+
},
|
|
50329
|
+
"spread": {
|
|
50330
|
+
"value": 0,
|
|
50331
|
+
"unit": "px"
|
|
50332
|
+
}
|
|
48099
50333
|
}
|
|
48100
50334
|
],
|
|
48101
50335
|
"$type": "shadow",
|
|
50336
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48102
50337
|
"$extensions": {
|
|
48103
50338
|
"org.primer.figma": {
|
|
48104
50339
|
"collection": "mode",
|
|
@@ -48110,24 +50345,52 @@
|
|
|
48110
50345
|
{
|
|
48111
50346
|
"color": "{base.color.neutral.0}",
|
|
48112
50347
|
"alpha": 0.4,
|
|
48113
|
-
"offsetX":
|
|
48114
|
-
|
|
48115
|
-
|
|
48116
|
-
|
|
50348
|
+
"offsetX": {
|
|
50349
|
+
"value": 0,
|
|
50350
|
+
"unit": "px"
|
|
50351
|
+
},
|
|
50352
|
+
"offsetY": {
|
|
50353
|
+
"value": 1,
|
|
50354
|
+
"unit": "px"
|
|
50355
|
+
},
|
|
50356
|
+
"blur": {
|
|
50357
|
+
"value": 1,
|
|
50358
|
+
"unit": "px"
|
|
50359
|
+
},
|
|
50360
|
+
"spread": {
|
|
50361
|
+
"value": 0,
|
|
50362
|
+
"unit": "px"
|
|
50363
|
+
}
|
|
48117
50364
|
},
|
|
48118
50365
|
{
|
|
48119
50366
|
"color": "{base.color.neutral.0}",
|
|
48120
50367
|
"alpha": 0.8,
|
|
48121
|
-
"offsetX":
|
|
48122
|
-
|
|
48123
|
-
|
|
48124
|
-
|
|
50368
|
+
"offsetX": {
|
|
50369
|
+
"value": 0,
|
|
50370
|
+
"unit": "px"
|
|
50371
|
+
},
|
|
50372
|
+
"offsetY": {
|
|
50373
|
+
"value": 3,
|
|
50374
|
+
"unit": "px"
|
|
50375
|
+
},
|
|
50376
|
+
"blur": {
|
|
50377
|
+
"value": 6,
|
|
50378
|
+
"unit": "px"
|
|
50379
|
+
},
|
|
50380
|
+
"spread": {
|
|
50381
|
+
"value": 0,
|
|
50382
|
+
"unit": "px"
|
|
50383
|
+
}
|
|
48125
50384
|
}
|
|
48126
50385
|
],
|
|
48127
50386
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48128
50387
|
"isSource": true,
|
|
48129
50388
|
"$type": "shadow"
|
|
48130
50389
|
}
|
|
50390
|
+
},
|
|
50391
|
+
"org.primer.llm": {
|
|
50392
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50393
|
+
"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."
|
|
48131
50394
|
}
|
|
48132
50395
|
},
|
|
48133
50396
|
"key": "{shadow.resting.medium}"
|
|
@@ -48138,8 +50401,9 @@
|
|
|
48138
50401
|
},
|
|
48139
50402
|
"shadow-resting-small": {
|
|
48140
50403
|
"key": "{shadow.resting.small}",
|
|
48141
|
-
"$value": "
|
|
50404
|
+
"$value": "0 1px 1px 0 #0104090a, 0 1px 2px 0 #01040908",
|
|
48142
50405
|
"$type": "shadow",
|
|
50406
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48143
50407
|
"$extensions": {
|
|
48144
50408
|
"org.primer.figma": {
|
|
48145
50409
|
"collection": "mode",
|
|
@@ -48151,19 +50415,43 @@
|
|
|
48151
50415
|
{
|
|
48152
50416
|
"color": "#ffffff",
|
|
48153
50417
|
"alpha": 0.6,
|
|
48154
|
-
"offsetX":
|
|
48155
|
-
|
|
48156
|
-
|
|
48157
|
-
|
|
50418
|
+
"offsetX": {
|
|
50419
|
+
"value": 0,
|
|
50420
|
+
"unit": "px"
|
|
50421
|
+
},
|
|
50422
|
+
"offsetY": {
|
|
50423
|
+
"value": 1,
|
|
50424
|
+
"unit": "px"
|
|
50425
|
+
},
|
|
50426
|
+
"blur": {
|
|
50427
|
+
"value": 1,
|
|
50428
|
+
"unit": "px"
|
|
50429
|
+
},
|
|
50430
|
+
"spread": {
|
|
50431
|
+
"value": 0,
|
|
50432
|
+
"unit": "px"
|
|
50433
|
+
},
|
|
48158
50434
|
"inset": false
|
|
48159
50435
|
},
|
|
48160
50436
|
{
|
|
48161
50437
|
"color": "#ffffff",
|
|
48162
50438
|
"alpha": 0.6,
|
|
48163
|
-
"offsetX":
|
|
48164
|
-
|
|
48165
|
-
|
|
48166
|
-
|
|
50439
|
+
"offsetX": {
|
|
50440
|
+
"value": 0,
|
|
50441
|
+
"unit": "px"
|
|
50442
|
+
},
|
|
50443
|
+
"offsetY": {
|
|
50444
|
+
"value": 1,
|
|
50445
|
+
"unit": "px"
|
|
50446
|
+
},
|
|
50447
|
+
"blur": {
|
|
50448
|
+
"value": 3,
|
|
50449
|
+
"unit": "px"
|
|
50450
|
+
},
|
|
50451
|
+
"spread": {
|
|
50452
|
+
"value": 0,
|
|
50453
|
+
"unit": "px"
|
|
50454
|
+
},
|
|
48167
50455
|
"inset": false
|
|
48168
50456
|
}
|
|
48169
50457
|
],
|
|
@@ -48171,6 +50459,10 @@
|
|
|
48171
50459
|
"isSource": true,
|
|
48172
50460
|
"$type": "shadow"
|
|
48173
50461
|
}
|
|
50462
|
+
},
|
|
50463
|
+
"org.primer.llm": {
|
|
50464
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50465
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48174
50466
|
}
|
|
48175
50467
|
},
|
|
48176
50468
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48179,24 +50471,49 @@
|
|
|
48179
50471
|
"$value": [
|
|
48180
50472
|
{
|
|
48181
50473
|
"color": "{base.color.neutral.13}",
|
|
48182
|
-
"alpha": 0.
|
|
48183
|
-
"offsetX":
|
|
48184
|
-
|
|
48185
|
-
|
|
48186
|
-
|
|
50474
|
+
"alpha": 0.04,
|
|
50475
|
+
"offsetX": {
|
|
50476
|
+
"value": 0,
|
|
50477
|
+
"unit": "px"
|
|
50478
|
+
},
|
|
50479
|
+
"offsetY": {
|
|
50480
|
+
"value": 1,
|
|
50481
|
+
"unit": "px"
|
|
50482
|
+
},
|
|
50483
|
+
"blur": {
|
|
50484
|
+
"value": 1,
|
|
50485
|
+
"unit": "px"
|
|
50486
|
+
},
|
|
50487
|
+
"spread": {
|
|
50488
|
+
"value": 0,
|
|
50489
|
+
"unit": "px"
|
|
50490
|
+
},
|
|
48187
50491
|
"inset": false
|
|
48188
50492
|
},
|
|
48189
50493
|
{
|
|
48190
50494
|
"color": "{base.color.neutral.13}",
|
|
48191
|
-
"alpha": 0.
|
|
48192
|
-
"offsetX":
|
|
48193
|
-
|
|
48194
|
-
|
|
48195
|
-
|
|
50495
|
+
"alpha": 0.03,
|
|
50496
|
+
"offsetX": {
|
|
50497
|
+
"value": 0,
|
|
50498
|
+
"unit": "px"
|
|
50499
|
+
},
|
|
50500
|
+
"offsetY": {
|
|
50501
|
+
"value": 1,
|
|
50502
|
+
"unit": "px"
|
|
50503
|
+
},
|
|
50504
|
+
"blur": {
|
|
50505
|
+
"value": 2,
|
|
50506
|
+
"unit": "px"
|
|
50507
|
+
},
|
|
50508
|
+
"spread": {
|
|
50509
|
+
"value": 0,
|
|
50510
|
+
"unit": "px"
|
|
50511
|
+
},
|
|
48196
50512
|
"inset": false
|
|
48197
50513
|
}
|
|
48198
50514
|
],
|
|
48199
50515
|
"$type": "shadow",
|
|
50516
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48200
50517
|
"$extensions": {
|
|
48201
50518
|
"org.primer.figma": {
|
|
48202
50519
|
"collection": "mode",
|
|
@@ -48208,19 +50525,43 @@
|
|
|
48208
50525
|
{
|
|
48209
50526
|
"color": "{base.color.neutral.0}",
|
|
48210
50527
|
"alpha": 0.6,
|
|
48211
|
-
"offsetX":
|
|
48212
|
-
|
|
48213
|
-
|
|
48214
|
-
|
|
50528
|
+
"offsetX": {
|
|
50529
|
+
"value": 0,
|
|
50530
|
+
"unit": "px"
|
|
50531
|
+
},
|
|
50532
|
+
"offsetY": {
|
|
50533
|
+
"value": 1,
|
|
50534
|
+
"unit": "px"
|
|
50535
|
+
},
|
|
50536
|
+
"blur": {
|
|
50537
|
+
"value": 1,
|
|
50538
|
+
"unit": "px"
|
|
50539
|
+
},
|
|
50540
|
+
"spread": {
|
|
50541
|
+
"value": 0,
|
|
50542
|
+
"unit": "px"
|
|
50543
|
+
},
|
|
48215
50544
|
"inset": false
|
|
48216
50545
|
},
|
|
48217
50546
|
{
|
|
48218
50547
|
"color": "{base.color.neutral.0}",
|
|
48219
50548
|
"alpha": 0.6,
|
|
48220
|
-
"offsetX":
|
|
48221
|
-
|
|
48222
|
-
|
|
48223
|
-
|
|
50549
|
+
"offsetX": {
|
|
50550
|
+
"value": 0,
|
|
50551
|
+
"unit": "px"
|
|
50552
|
+
},
|
|
50553
|
+
"offsetY": {
|
|
50554
|
+
"value": 1,
|
|
50555
|
+
"unit": "px"
|
|
50556
|
+
},
|
|
50557
|
+
"blur": {
|
|
50558
|
+
"value": 3,
|
|
50559
|
+
"unit": "px"
|
|
50560
|
+
},
|
|
50561
|
+
"spread": {
|
|
50562
|
+
"value": 0,
|
|
50563
|
+
"unit": "px"
|
|
50564
|
+
},
|
|
48224
50565
|
"inset": false
|
|
48225
50566
|
}
|
|
48226
50567
|
],
|
|
@@ -48228,6 +50569,10 @@
|
|
|
48228
50569
|
"isSource": true,
|
|
48229
50570
|
"$type": "shadow"
|
|
48230
50571
|
}
|
|
50572
|
+
},
|
|
50573
|
+
"org.primer.llm": {
|
|
50574
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50575
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48231
50576
|
}
|
|
48232
50577
|
},
|
|
48233
50578
|
"key": "{shadow.resting.small}"
|
|
@@ -48238,8 +50583,9 @@
|
|
|
48238
50583
|
},
|
|
48239
50584
|
"shadow-resting-xsmall": {
|
|
48240
50585
|
"key": "{shadow.resting.xsmall}",
|
|
48241
|
-
"$value": "
|
|
50586
|
+
"$value": "0 1px 1px 0 #0104090d",
|
|
48242
50587
|
"$type": "shadow",
|
|
50588
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48243
50589
|
"$extensions": {
|
|
48244
50590
|
"org.primer.figma": {
|
|
48245
50591
|
"collection": "mode",
|
|
@@ -48250,16 +50596,32 @@
|
|
|
48250
50596
|
"$value": {
|
|
48251
50597
|
"color": "#ffffff",
|
|
48252
50598
|
"alpha": 0.8,
|
|
48253
|
-
"offsetX":
|
|
48254
|
-
|
|
48255
|
-
|
|
48256
|
-
|
|
50599
|
+
"offsetX": {
|
|
50600
|
+
"value": 0,
|
|
50601
|
+
"unit": "px"
|
|
50602
|
+
},
|
|
50603
|
+
"offsetY": {
|
|
50604
|
+
"value": 1,
|
|
50605
|
+
"unit": "px"
|
|
50606
|
+
},
|
|
50607
|
+
"blur": {
|
|
50608
|
+
"value": 1,
|
|
50609
|
+
"unit": "px"
|
|
50610
|
+
},
|
|
50611
|
+
"spread": {
|
|
50612
|
+
"value": 0,
|
|
50613
|
+
"unit": "px"
|
|
50614
|
+
},
|
|
48257
50615
|
"inset": false
|
|
48258
50616
|
},
|
|
48259
50617
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48260
50618
|
"isSource": true,
|
|
48261
50619
|
"$type": "shadow"
|
|
48262
50620
|
}
|
|
50621
|
+
},
|
|
50622
|
+
"org.primer.llm": {
|
|
50623
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50624
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48263
50625
|
}
|
|
48264
50626
|
},
|
|
48265
50627
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48267,14 +50629,27 @@
|
|
|
48267
50629
|
"original": {
|
|
48268
50630
|
"$value": {
|
|
48269
50631
|
"color": "{base.color.neutral.13}",
|
|
48270
|
-
"alpha": 0.
|
|
48271
|
-
"offsetX":
|
|
48272
|
-
|
|
48273
|
-
|
|
48274
|
-
|
|
50632
|
+
"alpha": 0.05,
|
|
50633
|
+
"offsetX": {
|
|
50634
|
+
"value": 0,
|
|
50635
|
+
"unit": "px"
|
|
50636
|
+
},
|
|
50637
|
+
"offsetY": {
|
|
50638
|
+
"value": 1,
|
|
50639
|
+
"unit": "px"
|
|
50640
|
+
},
|
|
50641
|
+
"blur": {
|
|
50642
|
+
"value": 1,
|
|
50643
|
+
"unit": "px"
|
|
50644
|
+
},
|
|
50645
|
+
"spread": {
|
|
50646
|
+
"value": 0,
|
|
50647
|
+
"unit": "px"
|
|
50648
|
+
},
|
|
48275
50649
|
"inset": false
|
|
48276
50650
|
},
|
|
48277
50651
|
"$type": "shadow",
|
|
50652
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48278
50653
|
"$extensions": {
|
|
48279
50654
|
"org.primer.figma": {
|
|
48280
50655
|
"collection": "mode",
|
|
@@ -48285,16 +50660,32 @@
|
|
|
48285
50660
|
"$value": {
|
|
48286
50661
|
"color": "{base.color.neutral.0}",
|
|
48287
50662
|
"alpha": 0.8,
|
|
48288
|
-
"offsetX":
|
|
48289
|
-
|
|
48290
|
-
|
|
48291
|
-
|
|
50663
|
+
"offsetX": {
|
|
50664
|
+
"value": 0,
|
|
50665
|
+
"unit": "px"
|
|
50666
|
+
},
|
|
50667
|
+
"offsetY": {
|
|
50668
|
+
"value": 1,
|
|
50669
|
+
"unit": "px"
|
|
50670
|
+
},
|
|
50671
|
+
"blur": {
|
|
50672
|
+
"value": 1,
|
|
50673
|
+
"unit": "px"
|
|
50674
|
+
},
|
|
50675
|
+
"spread": {
|
|
50676
|
+
"value": 0,
|
|
50677
|
+
"unit": "px"
|
|
50678
|
+
},
|
|
48292
50679
|
"inset": false
|
|
48293
50680
|
},
|
|
48294
50681
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48295
50682
|
"isSource": true,
|
|
48296
50683
|
"$type": "shadow"
|
|
48297
50684
|
}
|
|
50685
|
+
},
|
|
50686
|
+
"org.primer.llm": {
|
|
50687
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50688
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48298
50689
|
}
|
|
48299
50690
|
},
|
|
48300
50691
|
"key": "{shadow.resting.xsmall}"
|