@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
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
},
|
|
168
168
|
"avatar-shadow": {
|
|
169
169
|
"key": "{avatar.shadow}",
|
|
170
|
-
"$value": "
|
|
170
|
+
"$value": "0 0 0 2px #0d1117",
|
|
171
171
|
"$type": "shadow",
|
|
172
172
|
"$extensions": {
|
|
173
173
|
"org.primer.figma": {
|
|
@@ -180,10 +180,22 @@
|
|
|
180
180
|
{
|
|
181
181
|
"color": "#0d1117",
|
|
182
182
|
"alpha": 1,
|
|
183
|
-
"offsetX":
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
183
|
+
"offsetX": {
|
|
184
|
+
"value": 0,
|
|
185
|
+
"unit": "px"
|
|
186
|
+
},
|
|
187
|
+
"offsetY": {
|
|
188
|
+
"value": 0,
|
|
189
|
+
"unit": "px"
|
|
190
|
+
},
|
|
191
|
+
"blur": {
|
|
192
|
+
"value": 0,
|
|
193
|
+
"unit": "px"
|
|
194
|
+
},
|
|
195
|
+
"spread": {
|
|
196
|
+
"value": 2,
|
|
197
|
+
"unit": "px"
|
|
198
|
+
}
|
|
187
199
|
}
|
|
188
200
|
],
|
|
189
201
|
"filePath": "src/tokens/component/avatar.json5",
|
|
@@ -199,10 +211,22 @@
|
|
|
199
211
|
{
|
|
200
212
|
"color": "{base.color.neutral.1}",
|
|
201
213
|
"alpha": 1,
|
|
202
|
-
"offsetX":
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
214
|
+
"offsetX": {
|
|
215
|
+
"value": 0,
|
|
216
|
+
"unit": "px"
|
|
217
|
+
},
|
|
218
|
+
"offsetY": {
|
|
219
|
+
"value": 0,
|
|
220
|
+
"unit": "px"
|
|
221
|
+
},
|
|
222
|
+
"blur": {
|
|
223
|
+
"value": 0,
|
|
224
|
+
"unit": "px"
|
|
225
|
+
},
|
|
226
|
+
"spread": {
|
|
227
|
+
"value": 2,
|
|
228
|
+
"unit": "px"
|
|
229
|
+
}
|
|
206
230
|
}
|
|
207
231
|
],
|
|
208
232
|
"$type": "shadow",
|
|
@@ -217,10 +241,22 @@
|
|
|
217
241
|
{
|
|
218
242
|
"color": "{base.color.neutral.1}",
|
|
219
243
|
"alpha": 1,
|
|
220
|
-
"offsetX":
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
244
|
+
"offsetX": {
|
|
245
|
+
"value": 0,
|
|
246
|
+
"unit": "px"
|
|
247
|
+
},
|
|
248
|
+
"offsetY": {
|
|
249
|
+
"value": 0,
|
|
250
|
+
"unit": "px"
|
|
251
|
+
},
|
|
252
|
+
"blur": {
|
|
253
|
+
"value": 0,
|
|
254
|
+
"unit": "px"
|
|
255
|
+
},
|
|
256
|
+
"spread": {
|
|
257
|
+
"value": 2,
|
|
258
|
+
"unit": "px"
|
|
259
|
+
}
|
|
224
260
|
}
|
|
225
261
|
],
|
|
226
262
|
"filePath": "src/tokens/component/avatar.json5",
|
|
@@ -552,6 +588,10 @@
|
|
|
552
588
|
},
|
|
553
589
|
"org.primer.overrides": {
|
|
554
590
|
"dark": "#010409"
|
|
591
|
+
},
|
|
592
|
+
"org.primer.llm": {
|
|
593
|
+
"doNotUse": true,
|
|
594
|
+
"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."
|
|
555
595
|
}
|
|
556
596
|
},
|
|
557
597
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -568,6 +608,10 @@
|
|
|
568
608
|
},
|
|
569
609
|
"org.primer.overrides": {
|
|
570
610
|
"dark": "{base.color.neutral.0}"
|
|
611
|
+
},
|
|
612
|
+
"org.primer.llm": {
|
|
613
|
+
"doNotUse": true,
|
|
614
|
+
"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."
|
|
571
615
|
}
|
|
572
616
|
},
|
|
573
617
|
"key": "{bgColor.black}"
|
|
@@ -2454,6 +2498,10 @@
|
|
|
2454
2498
|
},
|
|
2455
2499
|
"org.primer.overrides": {
|
|
2456
2500
|
"dark": "#ffffff"
|
|
2501
|
+
},
|
|
2502
|
+
"org.primer.llm": {
|
|
2503
|
+
"doNotUse": true,
|
|
2504
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2457
2505
|
}
|
|
2458
2506
|
},
|
|
2459
2507
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2470,6 +2518,10 @@
|
|
|
2470
2518
|
},
|
|
2471
2519
|
"org.primer.overrides": {
|
|
2472
2520
|
"dark": "{base.color.neutral.13}"
|
|
2521
|
+
},
|
|
2522
|
+
"org.primer.llm": {
|
|
2523
|
+
"doNotUse": true,
|
|
2524
|
+
"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."
|
|
2473
2525
|
}
|
|
2474
2526
|
},
|
|
2475
2527
|
"key": "{bgColor.white}"
|
|
@@ -2480,7 +2532,11 @@
|
|
|
2480
2532
|
},
|
|
2481
2533
|
"border-accent-emphasis": {
|
|
2482
2534
|
"key": "{border.accent.emphasis}",
|
|
2483
|
-
"$value":
|
|
2535
|
+
"$value": {
|
|
2536
|
+
"color": "#409eff",
|
|
2537
|
+
"style": "solid",
|
|
2538
|
+
"width": ["0.0625rem", "1px"]
|
|
2539
|
+
},
|
|
2484
2540
|
"$type": "border",
|
|
2485
2541
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2486
2542
|
"isSource": true,
|
|
@@ -2499,7 +2555,11 @@
|
|
|
2499
2555
|
},
|
|
2500
2556
|
"border-accent-muted": {
|
|
2501
2557
|
"key": "{border.accent.muted}",
|
|
2502
|
-
"$value":
|
|
2558
|
+
"$value": {
|
|
2559
|
+
"color": "#5cacff",
|
|
2560
|
+
"style": "solid",
|
|
2561
|
+
"width": ["0.0625rem", "1px"]
|
|
2562
|
+
},
|
|
2503
2563
|
"$type": "border",
|
|
2504
2564
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2505
2565
|
"isSource": true,
|
|
@@ -2518,7 +2578,11 @@
|
|
|
2518
2578
|
},
|
|
2519
2579
|
"border-attention-emphasis": {
|
|
2520
2580
|
"key": "{border.attention.emphasis}",
|
|
2521
|
-
"$value":
|
|
2581
|
+
"$value": {
|
|
2582
|
+
"color": "#e09b13",
|
|
2583
|
+
"style": "solid",
|
|
2584
|
+
"width": ["0.0625rem", "1px"]
|
|
2585
|
+
},
|
|
2522
2586
|
"$type": "border",
|
|
2523
2587
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2524
2588
|
"isSource": true,
|
|
@@ -2537,7 +2601,11 @@
|
|
|
2537
2601
|
},
|
|
2538
2602
|
"border-attention-muted": {
|
|
2539
2603
|
"key": "{border.attention.muted}",
|
|
2540
|
-
"$value":
|
|
2604
|
+
"$value": {
|
|
2605
|
+
"color": "#edaa27",
|
|
2606
|
+
"style": "solid",
|
|
2607
|
+
"width": ["0.0625rem", "1px"]
|
|
2608
|
+
},
|
|
2541
2609
|
"$type": "border",
|
|
2542
2610
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2543
2611
|
"isSource": true,
|
|
@@ -2556,7 +2624,11 @@
|
|
|
2556
2624
|
},
|
|
2557
2625
|
"border-closed-emphasis": {
|
|
2558
2626
|
"key": "{border.closed.emphasis}",
|
|
2559
|
-
"$value":
|
|
2627
|
+
"$value": {
|
|
2628
|
+
"color": "#ff6a69",
|
|
2629
|
+
"style": "solid",
|
|
2630
|
+
"width": ["0.0625rem", "1px"]
|
|
2631
|
+
},
|
|
2560
2632
|
"$type": "border",
|
|
2561
2633
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2562
2634
|
"isSource": true,
|
|
@@ -2571,7 +2643,11 @@
|
|
|
2571
2643
|
},
|
|
2572
2644
|
"border-closed-muted": {
|
|
2573
2645
|
"key": "{border.closed.muted}",
|
|
2574
|
-
"$value":
|
|
2646
|
+
"$value": {
|
|
2647
|
+
"color": "#ff8080",
|
|
2648
|
+
"style": "solid",
|
|
2649
|
+
"width": ["0.0625rem", "1px"]
|
|
2650
|
+
},
|
|
2575
2651
|
"$type": "border",
|
|
2576
2652
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2577
2653
|
"isSource": true,
|
|
@@ -2586,7 +2662,11 @@
|
|
|
2586
2662
|
},
|
|
2587
2663
|
"border-danger-emphasis": {
|
|
2588
2664
|
"key": "{border.danger.emphasis}",
|
|
2589
|
-
"$value":
|
|
2665
|
+
"$value": {
|
|
2666
|
+
"color": "#ff6a69",
|
|
2667
|
+
"style": "solid",
|
|
2668
|
+
"width": ["0.0625rem", "1px"]
|
|
2669
|
+
},
|
|
2590
2670
|
"$type": "border",
|
|
2591
2671
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2592
2672
|
"isSource": true,
|
|
@@ -2605,7 +2685,11 @@
|
|
|
2605
2685
|
},
|
|
2606
2686
|
"border-danger-muted": {
|
|
2607
2687
|
"key": "{border.danger.muted}",
|
|
2608
|
-
"$value":
|
|
2688
|
+
"$value": {
|
|
2689
|
+
"color": "#ff8080",
|
|
2690
|
+
"style": "solid",
|
|
2691
|
+
"width": ["0.0625rem", "1px"]
|
|
2692
|
+
},
|
|
2609
2693
|
"$type": "border",
|
|
2610
2694
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2611
2695
|
"isSource": true,
|
|
@@ -2624,7 +2708,11 @@
|
|
|
2624
2708
|
},
|
|
2625
2709
|
"border-default": {
|
|
2626
2710
|
"key": "{border.default}",
|
|
2627
|
-
"$value":
|
|
2711
|
+
"$value": {
|
|
2712
|
+
"color": "#b7bdc8",
|
|
2713
|
+
"style": "solid",
|
|
2714
|
+
"width": ["0.0625rem", "1px"]
|
|
2715
|
+
},
|
|
2628
2716
|
"$type": "border",
|
|
2629
2717
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2630
2718
|
"isSource": true,
|
|
@@ -2643,7 +2731,11 @@
|
|
|
2643
2731
|
},
|
|
2644
2732
|
"border-disabled": {
|
|
2645
2733
|
"key": "{border.disabled}",
|
|
2646
|
-
"$value":
|
|
2734
|
+
"$value": {
|
|
2735
|
+
"color": "#656c761a",
|
|
2736
|
+
"style": "solid",
|
|
2737
|
+
"width": ["0.0625rem", "1px"]
|
|
2738
|
+
},
|
|
2647
2739
|
"$type": "border",
|
|
2648
2740
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2649
2741
|
"isSource": true,
|
|
@@ -2662,7 +2754,11 @@
|
|
|
2662
2754
|
},
|
|
2663
2755
|
"border-done-emphasis": {
|
|
2664
2756
|
"key": "{border.done.emphasis}",
|
|
2665
|
-
"$value":
|
|
2757
|
+
"$value": {
|
|
2758
|
+
"color": "#b87fff",
|
|
2759
|
+
"style": "solid",
|
|
2760
|
+
"width": ["0.0625rem", "1px"]
|
|
2761
|
+
},
|
|
2666
2762
|
"$type": "border",
|
|
2667
2763
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2668
2764
|
"isSource": true,
|
|
@@ -2681,7 +2777,11 @@
|
|
|
2681
2777
|
},
|
|
2682
2778
|
"border-done-muted": {
|
|
2683
2779
|
"key": "{border.done.muted}",
|
|
2684
|
-
"$value":
|
|
2780
|
+
"$value": {
|
|
2781
|
+
"color": "#bf8fff",
|
|
2782
|
+
"style": "solid",
|
|
2783
|
+
"width": ["0.0625rem", "1px"]
|
|
2784
|
+
},
|
|
2685
2785
|
"$type": "border",
|
|
2686
2786
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2687
2787
|
"isSource": true,
|
|
@@ -2700,7 +2800,11 @@
|
|
|
2700
2800
|
},
|
|
2701
2801
|
"border-emphasis": {
|
|
2702
2802
|
"key": "{border.emphasis}",
|
|
2703
|
-
"$value":
|
|
2803
|
+
"$value": {
|
|
2804
|
+
"color": "#b7bdc8",
|
|
2805
|
+
"style": "solid",
|
|
2806
|
+
"width": ["0.0625rem", "1px"]
|
|
2807
|
+
},
|
|
2704
2808
|
"$type": "border",
|
|
2705
2809
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2706
2810
|
"isSource": true,
|
|
@@ -2719,7 +2823,11 @@
|
|
|
2719
2823
|
},
|
|
2720
2824
|
"border-muted": {
|
|
2721
2825
|
"key": "{border.muted}",
|
|
2722
|
-
"$value":
|
|
2826
|
+
"$value": {
|
|
2827
|
+
"color": "#b7bdc8",
|
|
2828
|
+
"style": "solid",
|
|
2829
|
+
"width": ["0.0625rem", "1px"]
|
|
2830
|
+
},
|
|
2723
2831
|
"$type": "border",
|
|
2724
2832
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2725
2833
|
"isSource": true,
|
|
@@ -2738,7 +2846,11 @@
|
|
|
2738
2846
|
},
|
|
2739
2847
|
"border-neutral-emphasis": {
|
|
2740
2848
|
"key": "{border.neutral.emphasis}",
|
|
2741
|
-
"$value":
|
|
2849
|
+
"$value": {
|
|
2850
|
+
"color": "#b7bdc8",
|
|
2851
|
+
"style": "solid",
|
|
2852
|
+
"width": ["0.0625rem", "1px"]
|
|
2853
|
+
},
|
|
2742
2854
|
"$type": "border",
|
|
2743
2855
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2744
2856
|
"isSource": true,
|
|
@@ -2757,7 +2869,11 @@
|
|
|
2757
2869
|
},
|
|
2758
2870
|
"border-neutral-muted": {
|
|
2759
2871
|
"key": "{border.neutral.muted}",
|
|
2760
|
-
"$value":
|
|
2872
|
+
"$value": {
|
|
2873
|
+
"color": "#b7bdc8",
|
|
2874
|
+
"style": "solid",
|
|
2875
|
+
"width": ["0.0625rem", "1px"]
|
|
2876
|
+
},
|
|
2761
2877
|
"$type": "border",
|
|
2762
2878
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2763
2879
|
"isSource": true,
|
|
@@ -2776,7 +2892,11 @@
|
|
|
2776
2892
|
},
|
|
2777
2893
|
"border-open-emphasis": {
|
|
2778
2894
|
"key": "{border.open.emphasis}",
|
|
2779
|
-
"$value":
|
|
2895
|
+
"$value": {
|
|
2896
|
+
"color": "#409eff",
|
|
2897
|
+
"style": "solid",
|
|
2898
|
+
"width": ["0.0625rem", "1px"]
|
|
2899
|
+
},
|
|
2780
2900
|
"$type": "border",
|
|
2781
2901
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2782
2902
|
"isSource": true,
|
|
@@ -2791,7 +2911,11 @@
|
|
|
2791
2911
|
},
|
|
2792
2912
|
"border-open-muted": {
|
|
2793
2913
|
"key": "{border.open.muted}",
|
|
2794
|
-
"$value":
|
|
2914
|
+
"$value": {
|
|
2915
|
+
"color": "#5cacff",
|
|
2916
|
+
"style": "solid",
|
|
2917
|
+
"width": ["0.0625rem", "1px"]
|
|
2918
|
+
},
|
|
2795
2919
|
"$type": "border",
|
|
2796
2920
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2797
2921
|
"isSource": true,
|
|
@@ -2806,7 +2930,11 @@
|
|
|
2806
2930
|
},
|
|
2807
2931
|
"border-severe-emphasis": {
|
|
2808
2932
|
"key": "{border.severe.emphasis}",
|
|
2809
|
-
"$value":
|
|
2933
|
+
"$value": {
|
|
2934
|
+
"color": "#e7811d",
|
|
2935
|
+
"style": "solid",
|
|
2936
|
+
"width": ["0.0625rem", "1px"]
|
|
2937
|
+
},
|
|
2810
2938
|
"$type": "border",
|
|
2811
2939
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2812
2940
|
"isSource": true,
|
|
@@ -2825,7 +2953,11 @@
|
|
|
2825
2953
|
},
|
|
2826
2954
|
"border-severe-muted": {
|
|
2827
2955
|
"key": "{border.severe.muted}",
|
|
2828
|
-
"$value":
|
|
2956
|
+
"$value": {
|
|
2957
|
+
"color": "#ff8080",
|
|
2958
|
+
"style": "solid",
|
|
2959
|
+
"width": ["0.0625rem", "1px"]
|
|
2960
|
+
},
|
|
2829
2961
|
"$type": "border",
|
|
2830
2962
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2831
2963
|
"isSource": true,
|
|
@@ -2844,7 +2976,11 @@
|
|
|
2844
2976
|
},
|
|
2845
2977
|
"border-sponsors-emphasis": {
|
|
2846
2978
|
"key": "{border.sponsors.emphasis}",
|
|
2847
|
-
"$value":
|
|
2979
|
+
"$value": {
|
|
2980
|
+
"color": "#ef6eb1",
|
|
2981
|
+
"style": "solid",
|
|
2982
|
+
"width": ["0.0625rem", "1px"]
|
|
2983
|
+
},
|
|
2848
2984
|
"$type": "border",
|
|
2849
2985
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2850
2986
|
"isSource": true,
|
|
@@ -2863,7 +2999,11 @@
|
|
|
2863
2999
|
},
|
|
2864
3000
|
"border-sponsors-muted": {
|
|
2865
3001
|
"key": "{border.sponsors.muted}",
|
|
2866
|
-
"$value":
|
|
3002
|
+
"$value": {
|
|
3003
|
+
"color": "#f87cbd",
|
|
3004
|
+
"style": "solid",
|
|
3005
|
+
"width": ["0.0625rem", "1px"]
|
|
3006
|
+
},
|
|
2867
3007
|
"$type": "border",
|
|
2868
3008
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2869
3009
|
"isSource": true,
|
|
@@ -2882,7 +3022,11 @@
|
|
|
2882
3022
|
},
|
|
2883
3023
|
"border-success-emphasis": {
|
|
2884
3024
|
"key": "{border.success.emphasis}",
|
|
2885
|
-
"$value":
|
|
3025
|
+
"$value": {
|
|
3026
|
+
"color": "#409eff",
|
|
3027
|
+
"style": "solid",
|
|
3028
|
+
"width": ["0.0625rem", "1px"]
|
|
3029
|
+
},
|
|
2886
3030
|
"$type": "border",
|
|
2887
3031
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2888
3032
|
"isSource": true,
|
|
@@ -2901,7 +3045,11 @@
|
|
|
2901
3045
|
},
|
|
2902
3046
|
"border-success-muted": {
|
|
2903
3047
|
"key": "{border.success.muted}",
|
|
2904
|
-
"$value":
|
|
3048
|
+
"$value": {
|
|
3049
|
+
"color": "#5cacff",
|
|
3050
|
+
"style": "solid",
|
|
3051
|
+
"width": ["0.0625rem", "1px"]
|
|
3052
|
+
},
|
|
2905
3053
|
"$type": "border",
|
|
2906
3054
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2907
3055
|
"isSource": true,
|
|
@@ -2920,7 +3068,11 @@
|
|
|
2920
3068
|
},
|
|
2921
3069
|
"border-transparent": {
|
|
2922
3070
|
"key": "{border.transparent}",
|
|
2923
|
-
"$value":
|
|
3071
|
+
"$value": {
|
|
3072
|
+
"color": "#00000000",
|
|
3073
|
+
"style": "solid",
|
|
3074
|
+
"width": ["0.0625rem", "1px"]
|
|
3075
|
+
},
|
|
2924
3076
|
"$type": "border",
|
|
2925
3077
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2926
3078
|
"isSource": true,
|
|
@@ -2939,7 +3091,11 @@
|
|
|
2939
3091
|
},
|
|
2940
3092
|
"border-upsell-emphasis": {
|
|
2941
3093
|
"key": "{border.upsell.emphasis}",
|
|
2942
|
-
"$value":
|
|
3094
|
+
"$value": {
|
|
3095
|
+
"color": "#b87fff",
|
|
3096
|
+
"style": "solid",
|
|
3097
|
+
"width": ["0.0625rem", "1px"]
|
|
3098
|
+
},
|
|
2943
3099
|
"$type": "border",
|
|
2944
3100
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2945
3101
|
"isSource": true,
|
|
@@ -2958,7 +3114,11 @@
|
|
|
2958
3114
|
},
|
|
2959
3115
|
"border-upsell-muted": {
|
|
2960
3116
|
"key": "{border.upsell.muted}",
|
|
2961
|
-
"$value":
|
|
3117
|
+
"$value": {
|
|
3118
|
+
"color": "#bf8fff",
|
|
3119
|
+
"style": "solid",
|
|
3120
|
+
"width": ["0.0625rem", "1px"]
|
|
3121
|
+
},
|
|
2962
3122
|
"$type": "border",
|
|
2963
3123
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2964
3124
|
"isSource": true,
|
|
@@ -6952,7 +7112,7 @@
|
|
|
6952
7112
|
},
|
|
6953
7113
|
"button-danger-shadow-selected": {
|
|
6954
7114
|
"key": "{button.danger.shadow.selected}",
|
|
6955
|
-
"$value": "
|
|
7115
|
+
"$value": "0 0 0 0 #00000000",
|
|
6956
7116
|
"$type": "shadow",
|
|
6957
7117
|
"$extensions": {
|
|
6958
7118
|
"org.primer.figma": {
|
|
@@ -6965,10 +7125,22 @@
|
|
|
6965
7125
|
{
|
|
6966
7126
|
"color": "#8f3c00",
|
|
6967
7127
|
"alpha": 0.2,
|
|
6968
|
-
"offsetX":
|
|
6969
|
-
|
|
6970
|
-
|
|
6971
|
-
|
|
7128
|
+
"offsetX": {
|
|
7129
|
+
"value": 0,
|
|
7130
|
+
"unit": "px"
|
|
7131
|
+
},
|
|
7132
|
+
"offsetY": {
|
|
7133
|
+
"value": 1,
|
|
7134
|
+
"unit": "px"
|
|
7135
|
+
},
|
|
7136
|
+
"blur": {
|
|
7137
|
+
"value": 0,
|
|
7138
|
+
"unit": "px"
|
|
7139
|
+
},
|
|
7140
|
+
"spread": {
|
|
7141
|
+
"value": 0,
|
|
7142
|
+
"unit": "px"
|
|
7143
|
+
},
|
|
6972
7144
|
"inset": true
|
|
6973
7145
|
}
|
|
6974
7146
|
],
|
|
@@ -6981,10 +7153,22 @@
|
|
|
6981
7153
|
{
|
|
6982
7154
|
"color": "#00000000",
|
|
6983
7155
|
"alpha": 0,
|
|
6984
|
-
"offsetX":
|
|
6985
|
-
|
|
6986
|
-
|
|
6987
|
-
|
|
7156
|
+
"offsetX": {
|
|
7157
|
+
"value": 0,
|
|
7158
|
+
"unit": "px"
|
|
7159
|
+
},
|
|
7160
|
+
"offsetY": {
|
|
7161
|
+
"value": 0,
|
|
7162
|
+
"unit": "px"
|
|
7163
|
+
},
|
|
7164
|
+
"blur": {
|
|
7165
|
+
"value": 0,
|
|
7166
|
+
"unit": "px"
|
|
7167
|
+
},
|
|
7168
|
+
"spread": {
|
|
7169
|
+
"value": 0,
|
|
7170
|
+
"unit": "px"
|
|
7171
|
+
},
|
|
6988
7172
|
"inset": false
|
|
6989
7173
|
}
|
|
6990
7174
|
],
|
|
@@ -7001,10 +7185,22 @@
|
|
|
7001
7185
|
{
|
|
7002
7186
|
"color": "{base.color.transparent}",
|
|
7003
7187
|
"alpha": 0,
|
|
7004
|
-
"offsetX":
|
|
7005
|
-
|
|
7006
|
-
|
|
7007
|
-
|
|
7188
|
+
"offsetX": {
|
|
7189
|
+
"value": 0,
|
|
7190
|
+
"unit": "px"
|
|
7191
|
+
},
|
|
7192
|
+
"offsetY": {
|
|
7193
|
+
"value": 0,
|
|
7194
|
+
"unit": "px"
|
|
7195
|
+
},
|
|
7196
|
+
"blur": {
|
|
7197
|
+
"value": 0,
|
|
7198
|
+
"unit": "px"
|
|
7199
|
+
},
|
|
7200
|
+
"spread": {
|
|
7201
|
+
"value": 0,
|
|
7202
|
+
"unit": "px"
|
|
7203
|
+
},
|
|
7008
7204
|
"inset": false
|
|
7009
7205
|
}
|
|
7010
7206
|
],
|
|
@@ -7020,10 +7216,22 @@
|
|
|
7020
7216
|
{
|
|
7021
7217
|
"color": "{base.color.orange.9}",
|
|
7022
7218
|
"alpha": 0.2,
|
|
7023
|
-
"offsetX":
|
|
7024
|
-
|
|
7025
|
-
|
|
7026
|
-
|
|
7219
|
+
"offsetX": {
|
|
7220
|
+
"value": 0,
|
|
7221
|
+
"unit": "px"
|
|
7222
|
+
},
|
|
7223
|
+
"offsetY": {
|
|
7224
|
+
"value": 1,
|
|
7225
|
+
"unit": "px"
|
|
7226
|
+
},
|
|
7227
|
+
"blur": {
|
|
7228
|
+
"value": 0,
|
|
7229
|
+
"unit": "px"
|
|
7230
|
+
},
|
|
7231
|
+
"spread": {
|
|
7232
|
+
"value": 0,
|
|
7233
|
+
"unit": "px"
|
|
7234
|
+
},
|
|
7027
7235
|
"inset": true
|
|
7028
7236
|
}
|
|
7029
7237
|
],
|
|
@@ -7036,10 +7244,22 @@
|
|
|
7036
7244
|
{
|
|
7037
7245
|
"color": "{base.color.transparent}",
|
|
7038
7246
|
"alpha": 0,
|
|
7039
|
-
"offsetX":
|
|
7040
|
-
|
|
7041
|
-
|
|
7042
|
-
|
|
7247
|
+
"offsetX": {
|
|
7248
|
+
"value": 0,
|
|
7249
|
+
"unit": "px"
|
|
7250
|
+
},
|
|
7251
|
+
"offsetY": {
|
|
7252
|
+
"value": 0,
|
|
7253
|
+
"unit": "px"
|
|
7254
|
+
},
|
|
7255
|
+
"blur": {
|
|
7256
|
+
"value": 0,
|
|
7257
|
+
"unit": "px"
|
|
7258
|
+
},
|
|
7259
|
+
"spread": {
|
|
7260
|
+
"value": 0,
|
|
7261
|
+
"unit": "px"
|
|
7262
|
+
},
|
|
7043
7263
|
"inset": false
|
|
7044
7264
|
}
|
|
7045
7265
|
],
|
|
@@ -7415,7 +7635,7 @@
|
|
|
7415
7635
|
},
|
|
7416
7636
|
"button-default-shadow-resting": {
|
|
7417
7637
|
"key": "{button.default.shadow.resting}",
|
|
7418
|
-
"$value": "
|
|
7638
|
+
"$value": "0 0 0 0 #00000000",
|
|
7419
7639
|
"$type": "shadow",
|
|
7420
7640
|
"$extensions": {
|
|
7421
7641
|
"org.primer.figma": {
|
|
@@ -7428,10 +7648,22 @@
|
|
|
7428
7648
|
{
|
|
7429
7649
|
"color": "#00000000",
|
|
7430
7650
|
"alpha": 0,
|
|
7431
|
-
"offsetX":
|
|
7432
|
-
|
|
7433
|
-
|
|
7434
|
-
|
|
7651
|
+
"offsetX": {
|
|
7652
|
+
"value": 0,
|
|
7653
|
+
"unit": "px"
|
|
7654
|
+
},
|
|
7655
|
+
"offsetY": {
|
|
7656
|
+
"value": 0,
|
|
7657
|
+
"unit": "px"
|
|
7658
|
+
},
|
|
7659
|
+
"blur": {
|
|
7660
|
+
"value": 0,
|
|
7661
|
+
"unit": "px"
|
|
7662
|
+
},
|
|
7663
|
+
"spread": {
|
|
7664
|
+
"value": 0,
|
|
7665
|
+
"unit": "px"
|
|
7666
|
+
},
|
|
7435
7667
|
"inset": false
|
|
7436
7668
|
}
|
|
7437
7669
|
],
|
|
@@ -7448,10 +7680,22 @@
|
|
|
7448
7680
|
{
|
|
7449
7681
|
"color": "{base.color.transparent}",
|
|
7450
7682
|
"alpha": 0,
|
|
7451
|
-
"offsetX":
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
|
|
7683
|
+
"offsetX": {
|
|
7684
|
+
"value": 0,
|
|
7685
|
+
"unit": "px"
|
|
7686
|
+
},
|
|
7687
|
+
"offsetY": {
|
|
7688
|
+
"value": 0,
|
|
7689
|
+
"unit": "px"
|
|
7690
|
+
},
|
|
7691
|
+
"blur": {
|
|
7692
|
+
"value": 0,
|
|
7693
|
+
"unit": "px"
|
|
7694
|
+
},
|
|
7695
|
+
"spread": {
|
|
7696
|
+
"value": 0,
|
|
7697
|
+
"unit": "px"
|
|
7698
|
+
},
|
|
7455
7699
|
"inset": false
|
|
7456
7700
|
}
|
|
7457
7701
|
],
|
|
@@ -7467,10 +7711,22 @@
|
|
|
7467
7711
|
{
|
|
7468
7712
|
"color": "{base.color.transparent}",
|
|
7469
7713
|
"alpha": 0,
|
|
7470
|
-
"offsetX":
|
|
7471
|
-
|
|
7472
|
-
|
|
7473
|
-
|
|
7714
|
+
"offsetX": {
|
|
7715
|
+
"value": 0,
|
|
7716
|
+
"unit": "px"
|
|
7717
|
+
},
|
|
7718
|
+
"offsetY": {
|
|
7719
|
+
"value": 0,
|
|
7720
|
+
"unit": "px"
|
|
7721
|
+
},
|
|
7722
|
+
"blur": {
|
|
7723
|
+
"value": 0,
|
|
7724
|
+
"unit": "px"
|
|
7725
|
+
},
|
|
7726
|
+
"spread": {
|
|
7727
|
+
"value": 0,
|
|
7728
|
+
"unit": "px"
|
|
7729
|
+
},
|
|
7474
7730
|
"inset": false
|
|
7475
7731
|
}
|
|
7476
7732
|
],
|
|
@@ -9178,7 +9434,7 @@
|
|
|
9178
9434
|
},
|
|
9179
9435
|
"button-outline-shadow-selected": {
|
|
9180
9436
|
"key": "{button.outline.shadow.selected}",
|
|
9181
|
-
"$value": "
|
|
9437
|
+
"$value": "0 0 0 0 #00000000",
|
|
9182
9438
|
"$type": "shadow",
|
|
9183
9439
|
"$extensions": {
|
|
9184
9440
|
"org.primer.figma": {
|
|
@@ -9191,10 +9447,22 @@
|
|
|
9191
9447
|
{
|
|
9192
9448
|
"color": "#00000000",
|
|
9193
9449
|
"alpha": 0,
|
|
9194
|
-
"offsetX":
|
|
9195
|
-
|
|
9196
|
-
|
|
9197
|
-
|
|
9450
|
+
"offsetX": {
|
|
9451
|
+
"value": 0,
|
|
9452
|
+
"unit": "px"
|
|
9453
|
+
},
|
|
9454
|
+
"offsetY": {
|
|
9455
|
+
"value": 0,
|
|
9456
|
+
"unit": "px"
|
|
9457
|
+
},
|
|
9458
|
+
"blur": {
|
|
9459
|
+
"value": 0,
|
|
9460
|
+
"unit": "px"
|
|
9461
|
+
},
|
|
9462
|
+
"spread": {
|
|
9463
|
+
"value": 0,
|
|
9464
|
+
"unit": "px"
|
|
9465
|
+
},
|
|
9198
9466
|
"inset": false
|
|
9199
9467
|
}
|
|
9200
9468
|
],
|
|
@@ -9211,10 +9479,22 @@
|
|
|
9211
9479
|
{
|
|
9212
9480
|
"color": "{base.color.transparent}",
|
|
9213
9481
|
"alpha": 0,
|
|
9214
|
-
"offsetX":
|
|
9215
|
-
|
|
9216
|
-
|
|
9217
|
-
|
|
9482
|
+
"offsetX": {
|
|
9483
|
+
"value": 0,
|
|
9484
|
+
"unit": "px"
|
|
9485
|
+
},
|
|
9486
|
+
"offsetY": {
|
|
9487
|
+
"value": 0,
|
|
9488
|
+
"unit": "px"
|
|
9489
|
+
},
|
|
9490
|
+
"blur": {
|
|
9491
|
+
"value": 0,
|
|
9492
|
+
"unit": "px"
|
|
9493
|
+
},
|
|
9494
|
+
"spread": {
|
|
9495
|
+
"value": 0,
|
|
9496
|
+
"unit": "px"
|
|
9497
|
+
},
|
|
9218
9498
|
"inset": false
|
|
9219
9499
|
}
|
|
9220
9500
|
],
|
|
@@ -9230,10 +9510,22 @@
|
|
|
9230
9510
|
{
|
|
9231
9511
|
"color": "{base.color.transparent}",
|
|
9232
9512
|
"alpha": 0,
|
|
9233
|
-
"offsetX":
|
|
9234
|
-
|
|
9235
|
-
|
|
9236
|
-
|
|
9513
|
+
"offsetX": {
|
|
9514
|
+
"value": 0,
|
|
9515
|
+
"unit": "px"
|
|
9516
|
+
},
|
|
9517
|
+
"offsetY": {
|
|
9518
|
+
"value": 0,
|
|
9519
|
+
"unit": "px"
|
|
9520
|
+
},
|
|
9521
|
+
"blur": {
|
|
9522
|
+
"value": 0,
|
|
9523
|
+
"unit": "px"
|
|
9524
|
+
},
|
|
9525
|
+
"spread": {
|
|
9526
|
+
"value": 0,
|
|
9527
|
+
"unit": "px"
|
|
9528
|
+
},
|
|
9237
9529
|
"inset": false
|
|
9238
9530
|
}
|
|
9239
9531
|
],
|
|
@@ -10386,7 +10678,7 @@
|
|
|
10386
10678
|
},
|
|
10387
10679
|
"button-primary-shadow-selected": {
|
|
10388
10680
|
"key": "{button.primary.shadow.selected}",
|
|
10389
|
-
"$value": "
|
|
10681
|
+
"$value": "0 0 0 0 #00000000",
|
|
10390
10682
|
"$type": "shadow",
|
|
10391
10683
|
"$extensions": {
|
|
10392
10684
|
"org.primer.figma": {
|
|
@@ -10399,10 +10691,22 @@
|
|
|
10399
10691
|
{
|
|
10400
10692
|
"color": "#194fb1",
|
|
10401
10693
|
"alpha": 0.3,
|
|
10402
|
-
"offsetX":
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10694
|
+
"offsetX": {
|
|
10695
|
+
"value": 0,
|
|
10696
|
+
"unit": "px"
|
|
10697
|
+
},
|
|
10698
|
+
"offsetY": {
|
|
10699
|
+
"value": 1,
|
|
10700
|
+
"unit": "px"
|
|
10701
|
+
},
|
|
10702
|
+
"blur": {
|
|
10703
|
+
"value": 0,
|
|
10704
|
+
"unit": "px"
|
|
10705
|
+
},
|
|
10706
|
+
"spread": {
|
|
10707
|
+
"value": 0,
|
|
10708
|
+
"unit": "px"
|
|
10709
|
+
},
|
|
10406
10710
|
"inset": true
|
|
10407
10711
|
}
|
|
10408
10712
|
],
|
|
@@ -10415,10 +10719,22 @@
|
|
|
10415
10719
|
{
|
|
10416
10720
|
"color": "#194fb1",
|
|
10417
10721
|
"alpha": 0.3,
|
|
10418
|
-
"offsetX":
|
|
10419
|
-
|
|
10420
|
-
|
|
10421
|
-
|
|
10722
|
+
"offsetX": {
|
|
10723
|
+
"value": 0,
|
|
10724
|
+
"unit": "px"
|
|
10725
|
+
},
|
|
10726
|
+
"offsetY": {
|
|
10727
|
+
"value": 1,
|
|
10728
|
+
"unit": "px"
|
|
10729
|
+
},
|
|
10730
|
+
"blur": {
|
|
10731
|
+
"value": 0,
|
|
10732
|
+
"unit": "px"
|
|
10733
|
+
},
|
|
10734
|
+
"spread": {
|
|
10735
|
+
"value": 0,
|
|
10736
|
+
"unit": "px"
|
|
10737
|
+
},
|
|
10422
10738
|
"inset": true
|
|
10423
10739
|
}
|
|
10424
10740
|
],
|
|
@@ -10431,10 +10747,22 @@
|
|
|
10431
10747
|
{
|
|
10432
10748
|
"color": "#00000000",
|
|
10433
10749
|
"alpha": 0,
|
|
10434
|
-
"offsetX":
|
|
10435
|
-
|
|
10436
|
-
|
|
10437
|
-
|
|
10750
|
+
"offsetX": {
|
|
10751
|
+
"value": 0,
|
|
10752
|
+
"unit": "px"
|
|
10753
|
+
},
|
|
10754
|
+
"offsetY": {
|
|
10755
|
+
"value": 0,
|
|
10756
|
+
"unit": "px"
|
|
10757
|
+
},
|
|
10758
|
+
"blur": {
|
|
10759
|
+
"value": 0,
|
|
10760
|
+
"unit": "px"
|
|
10761
|
+
},
|
|
10762
|
+
"spread": {
|
|
10763
|
+
"value": 0,
|
|
10764
|
+
"unit": "px"
|
|
10765
|
+
},
|
|
10438
10766
|
"inset": false
|
|
10439
10767
|
}
|
|
10440
10768
|
],
|
|
@@ -10451,10 +10779,22 @@
|
|
|
10451
10779
|
{
|
|
10452
10780
|
"color": "{base.color.transparent}",
|
|
10453
10781
|
"alpha": 0,
|
|
10454
|
-
"offsetX":
|
|
10455
|
-
|
|
10456
|
-
|
|
10457
|
-
|
|
10782
|
+
"offsetX": {
|
|
10783
|
+
"value": 0,
|
|
10784
|
+
"unit": "px"
|
|
10785
|
+
},
|
|
10786
|
+
"offsetY": {
|
|
10787
|
+
"value": 0,
|
|
10788
|
+
"unit": "px"
|
|
10789
|
+
},
|
|
10790
|
+
"blur": {
|
|
10791
|
+
"value": 0,
|
|
10792
|
+
"unit": "px"
|
|
10793
|
+
},
|
|
10794
|
+
"spread": {
|
|
10795
|
+
"value": 0,
|
|
10796
|
+
"unit": "px"
|
|
10797
|
+
},
|
|
10458
10798
|
"inset": false
|
|
10459
10799
|
}
|
|
10460
10800
|
],
|
|
@@ -10470,10 +10810,22 @@
|
|
|
10470
10810
|
{
|
|
10471
10811
|
"color": "{base.color.blue.9}",
|
|
10472
10812
|
"alpha": 0.3,
|
|
10473
|
-
"offsetX":
|
|
10474
|
-
|
|
10475
|
-
|
|
10476
|
-
|
|
10813
|
+
"offsetX": {
|
|
10814
|
+
"value": 0,
|
|
10815
|
+
"unit": "px"
|
|
10816
|
+
},
|
|
10817
|
+
"offsetY": {
|
|
10818
|
+
"value": 1,
|
|
10819
|
+
"unit": "px"
|
|
10820
|
+
},
|
|
10821
|
+
"blur": {
|
|
10822
|
+
"value": 0,
|
|
10823
|
+
"unit": "px"
|
|
10824
|
+
},
|
|
10825
|
+
"spread": {
|
|
10826
|
+
"value": 0,
|
|
10827
|
+
"unit": "px"
|
|
10828
|
+
},
|
|
10477
10829
|
"inset": true
|
|
10478
10830
|
}
|
|
10479
10831
|
],
|
|
@@ -10486,10 +10838,22 @@
|
|
|
10486
10838
|
{
|
|
10487
10839
|
"color": "{base.color.blue.9}",
|
|
10488
10840
|
"alpha": 0.3,
|
|
10489
|
-
"offsetX":
|
|
10490
|
-
|
|
10491
|
-
|
|
10492
|
-
|
|
10841
|
+
"offsetX": {
|
|
10842
|
+
"value": 0,
|
|
10843
|
+
"unit": "px"
|
|
10844
|
+
},
|
|
10845
|
+
"offsetY": {
|
|
10846
|
+
"value": 1,
|
|
10847
|
+
"unit": "px"
|
|
10848
|
+
},
|
|
10849
|
+
"blur": {
|
|
10850
|
+
"value": 0,
|
|
10851
|
+
"unit": "px"
|
|
10852
|
+
},
|
|
10853
|
+
"spread": {
|
|
10854
|
+
"value": 0,
|
|
10855
|
+
"unit": "px"
|
|
10856
|
+
},
|
|
10493
10857
|
"inset": true
|
|
10494
10858
|
}
|
|
10495
10859
|
],
|
|
@@ -10502,10 +10866,22 @@
|
|
|
10502
10866
|
{
|
|
10503
10867
|
"color": "{base.color.transparent}",
|
|
10504
10868
|
"alpha": 0,
|
|
10505
|
-
"offsetX":
|
|
10506
|
-
|
|
10507
|
-
|
|
10508
|
-
|
|
10869
|
+
"offsetX": {
|
|
10870
|
+
"value": 0,
|
|
10871
|
+
"unit": "px"
|
|
10872
|
+
},
|
|
10873
|
+
"offsetY": {
|
|
10874
|
+
"value": 0,
|
|
10875
|
+
"unit": "px"
|
|
10876
|
+
},
|
|
10877
|
+
"blur": {
|
|
10878
|
+
"value": 0,
|
|
10879
|
+
"unit": "px"
|
|
10880
|
+
},
|
|
10881
|
+
"spread": {
|
|
10882
|
+
"value": 0,
|
|
10883
|
+
"unit": "px"
|
|
10884
|
+
},
|
|
10509
10885
|
"inset": false
|
|
10510
10886
|
}
|
|
10511
10887
|
],
|
|
@@ -37252,6 +37628,10 @@
|
|
|
37252
37628
|
},
|
|
37253
37629
|
"org.primer.overrides": {
|
|
37254
37630
|
"dark": "#010409"
|
|
37631
|
+
},
|
|
37632
|
+
"org.primer.llm": {
|
|
37633
|
+
"doNotUse": true,
|
|
37634
|
+
"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."
|
|
37255
37635
|
}
|
|
37256
37636
|
},
|
|
37257
37637
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37268,6 +37648,10 @@
|
|
|
37268
37648
|
},
|
|
37269
37649
|
"org.primer.overrides": {
|
|
37270
37650
|
"dark": "{base.color.neutral.0}"
|
|
37651
|
+
},
|
|
37652
|
+
"org.primer.llm": {
|
|
37653
|
+
"doNotUse": true,
|
|
37654
|
+
"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."
|
|
37271
37655
|
}
|
|
37272
37656
|
},
|
|
37273
37657
|
"key": "{fgColor.black}"
|
|
@@ -38241,6 +38625,10 @@
|
|
|
38241
38625
|
},
|
|
38242
38626
|
"org.primer.overrides": {
|
|
38243
38627
|
"dark": "#ffffff"
|
|
38628
|
+
},
|
|
38629
|
+
"org.primer.llm": {
|
|
38630
|
+
"doNotUse": true,
|
|
38631
|
+
"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."
|
|
38244
38632
|
}
|
|
38245
38633
|
},
|
|
38246
38634
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38257,6 +38645,10 @@
|
|
|
38257
38645
|
},
|
|
38258
38646
|
"org.primer.overrides": {
|
|
38259
38647
|
"dark": "{base.color.neutral.13}"
|
|
38648
|
+
},
|
|
38649
|
+
"org.primer.llm": {
|
|
38650
|
+
"doNotUse": true,
|
|
38651
|
+
"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."
|
|
38260
38652
|
}
|
|
38261
38653
|
},
|
|
38262
38654
|
"key": "{fgColor.white}"
|
|
@@ -38282,7 +38674,10 @@
|
|
|
38282
38674
|
"$value": {
|
|
38283
38675
|
"color": "{focus.outlineColor}",
|
|
38284
38676
|
"style": "solid",
|
|
38285
|
-
"width":
|
|
38677
|
+
"width": {
|
|
38678
|
+
"value": 2,
|
|
38679
|
+
"unit": "px"
|
|
38680
|
+
}
|
|
38286
38681
|
},
|
|
38287
38682
|
"$type": "border",
|
|
38288
38683
|
"$description": "Focus ring outline for keyboard navigation and accessibility.",
|
|
@@ -47441,7 +47836,7 @@
|
|
|
47441
47836
|
},
|
|
47442
47837
|
"shadow-floating-large": {
|
|
47443
47838
|
"key": "{shadow.floating.large}",
|
|
47444
|
-
"$value": "
|
|
47839
|
+
"$value": "0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409",
|
|
47445
47840
|
"$type": "shadow",
|
|
47446
47841
|
"$description": "Large floating shadow for modals and dialogs",
|
|
47447
47842
|
"$extensions": {
|
|
@@ -47455,18 +47850,183 @@
|
|
|
47455
47850
|
{
|
|
47456
47851
|
"color": "#b7bdc8",
|
|
47457
47852
|
"alpha": 1,
|
|
47458
|
-
"offsetX":
|
|
47459
|
-
|
|
47460
|
-
|
|
47461
|
-
|
|
47853
|
+
"offsetX": {
|
|
47854
|
+
"value": 0,
|
|
47855
|
+
"unit": "px"
|
|
47856
|
+
},
|
|
47857
|
+
"offsetY": {
|
|
47858
|
+
"value": 0,
|
|
47859
|
+
"unit": "px"
|
|
47860
|
+
},
|
|
47861
|
+
"blur": {
|
|
47862
|
+
"value": 0,
|
|
47863
|
+
"unit": "px"
|
|
47864
|
+
},
|
|
47865
|
+
"spread": {
|
|
47866
|
+
"value": 1,
|
|
47867
|
+
"unit": "px"
|
|
47868
|
+
}
|
|
47462
47869
|
},
|
|
47463
47870
|
{
|
|
47464
47871
|
"color": "#010409",
|
|
47465
47872
|
"alpha": 1,
|
|
47466
|
-
"offsetX":
|
|
47467
|
-
|
|
47468
|
-
|
|
47469
|
-
|
|
47873
|
+
"offsetX": {
|
|
47874
|
+
"value": 0,
|
|
47875
|
+
"unit": "px"
|
|
47876
|
+
},
|
|
47877
|
+
"offsetY": {
|
|
47878
|
+
"value": 24,
|
|
47879
|
+
"unit": "px"
|
|
47880
|
+
},
|
|
47881
|
+
"blur": {
|
|
47882
|
+
"value": 48,
|
|
47883
|
+
"unit": "px"
|
|
47884
|
+
},
|
|
47885
|
+
"spread": {
|
|
47886
|
+
"value": 0,
|
|
47887
|
+
"unit": "px"
|
|
47888
|
+
}
|
|
47889
|
+
}
|
|
47890
|
+
],
|
|
47891
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47892
|
+
"isSource": true,
|
|
47893
|
+
"$type": "shadow"
|
|
47894
|
+
},
|
|
47895
|
+
"light-high-contrast": {
|
|
47896
|
+
"$value": [
|
|
47897
|
+
{
|
|
47898
|
+
"color": "#b7bdc8",
|
|
47899
|
+
"alpha": 1,
|
|
47900
|
+
"offsetX": {
|
|
47901
|
+
"value": 0,
|
|
47902
|
+
"unit": "px"
|
|
47903
|
+
},
|
|
47904
|
+
"offsetY": {
|
|
47905
|
+
"value": 0,
|
|
47906
|
+
"unit": "px"
|
|
47907
|
+
},
|
|
47908
|
+
"blur": {
|
|
47909
|
+
"value": 0,
|
|
47910
|
+
"unit": "px"
|
|
47911
|
+
},
|
|
47912
|
+
"spread": {
|
|
47913
|
+
"value": 1,
|
|
47914
|
+
"unit": "px"
|
|
47915
|
+
}
|
|
47916
|
+
},
|
|
47917
|
+
{
|
|
47918
|
+
"color": "#f0f6fc",
|
|
47919
|
+
"alpha": 0.24,
|
|
47920
|
+
"offsetX": {
|
|
47921
|
+
"value": 0,
|
|
47922
|
+
"unit": "px"
|
|
47923
|
+
},
|
|
47924
|
+
"offsetY": {
|
|
47925
|
+
"value": 40,
|
|
47926
|
+
"unit": "px"
|
|
47927
|
+
},
|
|
47928
|
+
"blur": {
|
|
47929
|
+
"value": 80,
|
|
47930
|
+
"unit": "px"
|
|
47931
|
+
},
|
|
47932
|
+
"spread": {
|
|
47933
|
+
"value": 0,
|
|
47934
|
+
"unit": "px"
|
|
47935
|
+
}
|
|
47936
|
+
}
|
|
47937
|
+
],
|
|
47938
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47939
|
+
"isSource": true,
|
|
47940
|
+
"$type": "shadow"
|
|
47941
|
+
},
|
|
47942
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
47943
|
+
"$value": [
|
|
47944
|
+
{
|
|
47945
|
+
"color": "#b7bdc8",
|
|
47946
|
+
"alpha": 1,
|
|
47947
|
+
"offsetX": {
|
|
47948
|
+
"value": 0,
|
|
47949
|
+
"unit": "px"
|
|
47950
|
+
},
|
|
47951
|
+
"offsetY": {
|
|
47952
|
+
"value": 0,
|
|
47953
|
+
"unit": "px"
|
|
47954
|
+
},
|
|
47955
|
+
"blur": {
|
|
47956
|
+
"value": 0,
|
|
47957
|
+
"unit": "px"
|
|
47958
|
+
},
|
|
47959
|
+
"spread": {
|
|
47960
|
+
"value": 1,
|
|
47961
|
+
"unit": "px"
|
|
47962
|
+
}
|
|
47963
|
+
},
|
|
47964
|
+
{
|
|
47965
|
+
"color": "#f0f6fc",
|
|
47966
|
+
"alpha": 0.24,
|
|
47967
|
+
"offsetX": {
|
|
47968
|
+
"value": 0,
|
|
47969
|
+
"unit": "px"
|
|
47970
|
+
},
|
|
47971
|
+
"offsetY": {
|
|
47972
|
+
"value": 40,
|
|
47973
|
+
"unit": "px"
|
|
47974
|
+
},
|
|
47975
|
+
"blur": {
|
|
47976
|
+
"value": 80,
|
|
47977
|
+
"unit": "px"
|
|
47978
|
+
},
|
|
47979
|
+
"spread": {
|
|
47980
|
+
"value": 0,
|
|
47981
|
+
"unit": "px"
|
|
47982
|
+
}
|
|
47983
|
+
}
|
|
47984
|
+
],
|
|
47985
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47986
|
+
"isSource": true,
|
|
47987
|
+
"$type": "shadow"
|
|
47988
|
+
},
|
|
47989
|
+
"light-tritanopia-high-contrast": {
|
|
47990
|
+
"$value": [
|
|
47991
|
+
{
|
|
47992
|
+
"color": "#b7bdc8",
|
|
47993
|
+
"alpha": 1,
|
|
47994
|
+
"offsetX": {
|
|
47995
|
+
"value": 0,
|
|
47996
|
+
"unit": "px"
|
|
47997
|
+
},
|
|
47998
|
+
"offsetY": {
|
|
47999
|
+
"value": 0,
|
|
48000
|
+
"unit": "px"
|
|
48001
|
+
},
|
|
48002
|
+
"blur": {
|
|
48003
|
+
"value": 0,
|
|
48004
|
+
"unit": "px"
|
|
48005
|
+
},
|
|
48006
|
+
"spread": {
|
|
48007
|
+
"value": 1,
|
|
48008
|
+
"unit": "px"
|
|
48009
|
+
}
|
|
48010
|
+
},
|
|
48011
|
+
{
|
|
48012
|
+
"color": "#f0f6fc",
|
|
48013
|
+
"alpha": 0.24,
|
|
48014
|
+
"offsetX": {
|
|
48015
|
+
"value": 0,
|
|
48016
|
+
"unit": "px"
|
|
48017
|
+
},
|
|
48018
|
+
"offsetY": {
|
|
48019
|
+
"value": 40,
|
|
48020
|
+
"unit": "px"
|
|
48021
|
+
},
|
|
48022
|
+
"blur": {
|
|
48023
|
+
"value": 80,
|
|
48024
|
+
"unit": "px"
|
|
48025
|
+
},
|
|
48026
|
+
"spread": {
|
|
48027
|
+
"value": 0,
|
|
48028
|
+
"unit": "px"
|
|
48029
|
+
}
|
|
47470
48030
|
}
|
|
47471
48031
|
],
|
|
47472
48032
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47486,18 +48046,42 @@
|
|
|
47486
48046
|
{
|
|
47487
48047
|
"color": "{overlay.borderColor}",
|
|
47488
48048
|
"alpha": 1,
|
|
47489
|
-
"offsetX":
|
|
47490
|
-
|
|
47491
|
-
|
|
47492
|
-
|
|
48049
|
+
"offsetX": {
|
|
48050
|
+
"value": 0,
|
|
48051
|
+
"unit": "px"
|
|
48052
|
+
},
|
|
48053
|
+
"offsetY": {
|
|
48054
|
+
"value": 0,
|
|
48055
|
+
"unit": "px"
|
|
48056
|
+
},
|
|
48057
|
+
"blur": {
|
|
48058
|
+
"value": 0,
|
|
48059
|
+
"unit": "px"
|
|
48060
|
+
},
|
|
48061
|
+
"spread": {
|
|
48062
|
+
"value": 1,
|
|
48063
|
+
"unit": "px"
|
|
48064
|
+
}
|
|
47493
48065
|
},
|
|
47494
48066
|
{
|
|
47495
48067
|
"color": "{base.color.neutral.0}",
|
|
47496
48068
|
"alpha": 1,
|
|
47497
|
-
"offsetX":
|
|
47498
|
-
|
|
47499
|
-
|
|
47500
|
-
|
|
48069
|
+
"offsetX": {
|
|
48070
|
+
"value": 0,
|
|
48071
|
+
"unit": "px"
|
|
48072
|
+
},
|
|
48073
|
+
"offsetY": {
|
|
48074
|
+
"value": 24,
|
|
48075
|
+
"unit": "px"
|
|
48076
|
+
},
|
|
48077
|
+
"blur": {
|
|
48078
|
+
"value": 48,
|
|
48079
|
+
"unit": "px"
|
|
48080
|
+
},
|
|
48081
|
+
"spread": {
|
|
48082
|
+
"value": 0,
|
|
48083
|
+
"unit": "px"
|
|
48084
|
+
}
|
|
47501
48085
|
}
|
|
47502
48086
|
],
|
|
47503
48087
|
"$type": "shadow",
|
|
@@ -47513,18 +48097,183 @@
|
|
|
47513
48097
|
{
|
|
47514
48098
|
"color": "{overlay.borderColor}",
|
|
47515
48099
|
"alpha": 1,
|
|
47516
|
-
"offsetX":
|
|
47517
|
-
|
|
47518
|
-
|
|
47519
|
-
|
|
48100
|
+
"offsetX": {
|
|
48101
|
+
"value": 0,
|
|
48102
|
+
"unit": "px"
|
|
48103
|
+
},
|
|
48104
|
+
"offsetY": {
|
|
48105
|
+
"value": 0,
|
|
48106
|
+
"unit": "px"
|
|
48107
|
+
},
|
|
48108
|
+
"blur": {
|
|
48109
|
+
"value": 0,
|
|
48110
|
+
"unit": "px"
|
|
48111
|
+
},
|
|
48112
|
+
"spread": {
|
|
48113
|
+
"value": 1,
|
|
48114
|
+
"unit": "px"
|
|
48115
|
+
}
|
|
47520
48116
|
},
|
|
47521
48117
|
{
|
|
47522
48118
|
"color": "{base.color.neutral.0}",
|
|
47523
48119
|
"alpha": 1,
|
|
47524
|
-
"offsetX":
|
|
47525
|
-
|
|
47526
|
-
|
|
47527
|
-
|
|
48120
|
+
"offsetX": {
|
|
48121
|
+
"value": 0,
|
|
48122
|
+
"unit": "px"
|
|
48123
|
+
},
|
|
48124
|
+
"offsetY": {
|
|
48125
|
+
"value": 24,
|
|
48126
|
+
"unit": "px"
|
|
48127
|
+
},
|
|
48128
|
+
"blur": {
|
|
48129
|
+
"value": 48,
|
|
48130
|
+
"unit": "px"
|
|
48131
|
+
},
|
|
48132
|
+
"spread": {
|
|
48133
|
+
"value": 0,
|
|
48134
|
+
"unit": "px"
|
|
48135
|
+
}
|
|
48136
|
+
}
|
|
48137
|
+
],
|
|
48138
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48139
|
+
"isSource": true,
|
|
48140
|
+
"$type": "shadow"
|
|
48141
|
+
},
|
|
48142
|
+
"light-high-contrast": {
|
|
48143
|
+
"$value": [
|
|
48144
|
+
{
|
|
48145
|
+
"color": "{overlay.borderColor}",
|
|
48146
|
+
"alpha": 1,
|
|
48147
|
+
"offsetX": {
|
|
48148
|
+
"value": 0,
|
|
48149
|
+
"unit": "px"
|
|
48150
|
+
},
|
|
48151
|
+
"offsetY": {
|
|
48152
|
+
"value": 0,
|
|
48153
|
+
"unit": "px"
|
|
48154
|
+
},
|
|
48155
|
+
"blur": {
|
|
48156
|
+
"value": 0,
|
|
48157
|
+
"unit": "px"
|
|
48158
|
+
},
|
|
48159
|
+
"spread": {
|
|
48160
|
+
"value": 1,
|
|
48161
|
+
"unit": "px"
|
|
48162
|
+
}
|
|
48163
|
+
},
|
|
48164
|
+
{
|
|
48165
|
+
"color": "{base.color.neutral.12}",
|
|
48166
|
+
"alpha": 0.24,
|
|
48167
|
+
"offsetX": {
|
|
48168
|
+
"value": 0,
|
|
48169
|
+
"unit": "px"
|
|
48170
|
+
},
|
|
48171
|
+
"offsetY": {
|
|
48172
|
+
"value": 40,
|
|
48173
|
+
"unit": "px"
|
|
48174
|
+
},
|
|
48175
|
+
"blur": {
|
|
48176
|
+
"value": 80,
|
|
48177
|
+
"unit": "px"
|
|
48178
|
+
},
|
|
48179
|
+
"spread": {
|
|
48180
|
+
"value": 0,
|
|
48181
|
+
"unit": "px"
|
|
48182
|
+
}
|
|
48183
|
+
}
|
|
48184
|
+
],
|
|
48185
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48186
|
+
"isSource": true,
|
|
48187
|
+
"$type": "shadow"
|
|
48188
|
+
},
|
|
48189
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48190
|
+
"$value": [
|
|
48191
|
+
{
|
|
48192
|
+
"color": "{overlay.borderColor}",
|
|
48193
|
+
"alpha": 1,
|
|
48194
|
+
"offsetX": {
|
|
48195
|
+
"value": 0,
|
|
48196
|
+
"unit": "px"
|
|
48197
|
+
},
|
|
48198
|
+
"offsetY": {
|
|
48199
|
+
"value": 0,
|
|
48200
|
+
"unit": "px"
|
|
48201
|
+
},
|
|
48202
|
+
"blur": {
|
|
48203
|
+
"value": 0,
|
|
48204
|
+
"unit": "px"
|
|
48205
|
+
},
|
|
48206
|
+
"spread": {
|
|
48207
|
+
"value": 1,
|
|
48208
|
+
"unit": "px"
|
|
48209
|
+
}
|
|
48210
|
+
},
|
|
48211
|
+
{
|
|
48212
|
+
"color": "{base.color.neutral.12}",
|
|
48213
|
+
"alpha": 0.24,
|
|
48214
|
+
"offsetX": {
|
|
48215
|
+
"value": 0,
|
|
48216
|
+
"unit": "px"
|
|
48217
|
+
},
|
|
48218
|
+
"offsetY": {
|
|
48219
|
+
"value": 40,
|
|
48220
|
+
"unit": "px"
|
|
48221
|
+
},
|
|
48222
|
+
"blur": {
|
|
48223
|
+
"value": 80,
|
|
48224
|
+
"unit": "px"
|
|
48225
|
+
},
|
|
48226
|
+
"spread": {
|
|
48227
|
+
"value": 0,
|
|
48228
|
+
"unit": "px"
|
|
48229
|
+
}
|
|
48230
|
+
}
|
|
48231
|
+
],
|
|
48232
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48233
|
+
"isSource": true,
|
|
48234
|
+
"$type": "shadow"
|
|
48235
|
+
},
|
|
48236
|
+
"light-tritanopia-high-contrast": {
|
|
48237
|
+
"$value": [
|
|
48238
|
+
{
|
|
48239
|
+
"color": "{overlay.borderColor}",
|
|
48240
|
+
"alpha": 1,
|
|
48241
|
+
"offsetX": {
|
|
48242
|
+
"value": 0,
|
|
48243
|
+
"unit": "px"
|
|
48244
|
+
},
|
|
48245
|
+
"offsetY": {
|
|
48246
|
+
"value": 0,
|
|
48247
|
+
"unit": "px"
|
|
48248
|
+
},
|
|
48249
|
+
"blur": {
|
|
48250
|
+
"value": 0,
|
|
48251
|
+
"unit": "px"
|
|
48252
|
+
},
|
|
48253
|
+
"spread": {
|
|
48254
|
+
"value": 1,
|
|
48255
|
+
"unit": "px"
|
|
48256
|
+
}
|
|
48257
|
+
},
|
|
48258
|
+
{
|
|
48259
|
+
"color": "{base.color.neutral.12}",
|
|
48260
|
+
"alpha": 0.24,
|
|
48261
|
+
"offsetX": {
|
|
48262
|
+
"value": 0,
|
|
48263
|
+
"unit": "px"
|
|
48264
|
+
},
|
|
48265
|
+
"offsetY": {
|
|
48266
|
+
"value": 40,
|
|
48267
|
+
"unit": "px"
|
|
48268
|
+
},
|
|
48269
|
+
"blur": {
|
|
48270
|
+
"value": 80,
|
|
48271
|
+
"unit": "px"
|
|
48272
|
+
},
|
|
48273
|
+
"spread": {
|
|
48274
|
+
"value": 0,
|
|
48275
|
+
"unit": "px"
|
|
48276
|
+
}
|
|
47528
48277
|
}
|
|
47529
48278
|
],
|
|
47530
48279
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47545,8 +48294,9 @@
|
|
|
47545
48294
|
},
|
|
47546
48295
|
"shadow-floating-legacy": {
|
|
47547
48296
|
"key": "{shadow.floating.legacy}",
|
|
47548
|
-
"$value": "
|
|
48297
|
+
"$value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
47549
48298
|
"$type": "shadow",
|
|
48299
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47550
48300
|
"$extensions": {
|
|
47551
48301
|
"org.primer.figma": {},
|
|
47552
48302
|
"org.primer.overrides": {
|
|
@@ -47555,24 +48305,52 @@
|
|
|
47555
48305
|
{
|
|
47556
48306
|
"color": "#010409",
|
|
47557
48307
|
"alpha": 0.4,
|
|
47558
|
-
"offsetX":
|
|
47559
|
-
|
|
47560
|
-
|
|
47561
|
-
|
|
48308
|
+
"offsetX": {
|
|
48309
|
+
"value": 0,
|
|
48310
|
+
"unit": "px"
|
|
48311
|
+
},
|
|
48312
|
+
"offsetY": {
|
|
48313
|
+
"value": 6,
|
|
48314
|
+
"unit": "px"
|
|
48315
|
+
},
|
|
48316
|
+
"blur": {
|
|
48317
|
+
"value": 12,
|
|
48318
|
+
"unit": "px"
|
|
48319
|
+
},
|
|
48320
|
+
"spread": {
|
|
48321
|
+
"value": -3,
|
|
48322
|
+
"unit": "px"
|
|
48323
|
+
}
|
|
47562
48324
|
},
|
|
47563
48325
|
{
|
|
47564
48326
|
"color": "#010409",
|
|
47565
48327
|
"alpha": 0.4,
|
|
47566
|
-
"offsetX":
|
|
47567
|
-
|
|
47568
|
-
|
|
47569
|
-
|
|
48328
|
+
"offsetX": {
|
|
48329
|
+
"value": 0,
|
|
48330
|
+
"unit": "px"
|
|
48331
|
+
},
|
|
48332
|
+
"offsetY": {
|
|
48333
|
+
"value": 6,
|
|
48334
|
+
"unit": "px"
|
|
48335
|
+
},
|
|
48336
|
+
"blur": {
|
|
48337
|
+
"value": 18,
|
|
48338
|
+
"unit": "px"
|
|
48339
|
+
},
|
|
48340
|
+
"spread": {
|
|
48341
|
+
"value": 0,
|
|
48342
|
+
"unit": "px"
|
|
48343
|
+
}
|
|
47570
48344
|
}
|
|
47571
48345
|
],
|
|
47572
48346
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47573
48347
|
"isSource": true,
|
|
47574
48348
|
"$type": "shadow"
|
|
47575
48349
|
}
|
|
48350
|
+
},
|
|
48351
|
+
"org.primer.llm": {
|
|
48352
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48353
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47576
48354
|
}
|
|
47577
48355
|
},
|
|
47578
48356
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47582,21 +48360,46 @@
|
|
|
47582
48360
|
{
|
|
47583
48361
|
"color": "{base.color.neutral.0}",
|
|
47584
48362
|
"alpha": 0.4,
|
|
47585
|
-
"offsetX":
|
|
47586
|
-
|
|
47587
|
-
|
|
47588
|
-
|
|
48363
|
+
"offsetX": {
|
|
48364
|
+
"value": 0,
|
|
48365
|
+
"unit": "px"
|
|
48366
|
+
},
|
|
48367
|
+
"offsetY": {
|
|
48368
|
+
"value": 6,
|
|
48369
|
+
"unit": "px"
|
|
48370
|
+
},
|
|
48371
|
+
"blur": {
|
|
48372
|
+
"value": 12,
|
|
48373
|
+
"unit": "px"
|
|
48374
|
+
},
|
|
48375
|
+
"spread": {
|
|
48376
|
+
"value": -3,
|
|
48377
|
+
"unit": "px"
|
|
48378
|
+
}
|
|
47589
48379
|
},
|
|
47590
48380
|
{
|
|
47591
48381
|
"color": "{base.color.neutral.0}",
|
|
47592
48382
|
"alpha": 0.4,
|
|
47593
|
-
"offsetX":
|
|
47594
|
-
|
|
47595
|
-
|
|
47596
|
-
|
|
48383
|
+
"offsetX": {
|
|
48384
|
+
"value": 0,
|
|
48385
|
+
"unit": "px"
|
|
48386
|
+
},
|
|
48387
|
+
"offsetY": {
|
|
48388
|
+
"value": 6,
|
|
48389
|
+
"unit": "px"
|
|
48390
|
+
},
|
|
48391
|
+
"blur": {
|
|
48392
|
+
"value": 18,
|
|
48393
|
+
"unit": "px"
|
|
48394
|
+
},
|
|
48395
|
+
"spread": {
|
|
48396
|
+
"value": 0,
|
|
48397
|
+
"unit": "px"
|
|
48398
|
+
}
|
|
47597
48399
|
}
|
|
47598
48400
|
],
|
|
47599
48401
|
"$type": "shadow",
|
|
48402
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47600
48403
|
"$extensions": {
|
|
47601
48404
|
"org.primer.figma": {},
|
|
47602
48405
|
"org.primer.overrides": {
|
|
@@ -47605,24 +48408,52 @@
|
|
|
47605
48408
|
{
|
|
47606
48409
|
"color": "{base.color.neutral.0}",
|
|
47607
48410
|
"alpha": 0.4,
|
|
47608
|
-
"offsetX":
|
|
47609
|
-
|
|
47610
|
-
|
|
47611
|
-
|
|
48411
|
+
"offsetX": {
|
|
48412
|
+
"value": 0,
|
|
48413
|
+
"unit": "px"
|
|
48414
|
+
},
|
|
48415
|
+
"offsetY": {
|
|
48416
|
+
"value": 6,
|
|
48417
|
+
"unit": "px"
|
|
48418
|
+
},
|
|
48419
|
+
"blur": {
|
|
48420
|
+
"value": 12,
|
|
48421
|
+
"unit": "px"
|
|
48422
|
+
},
|
|
48423
|
+
"spread": {
|
|
48424
|
+
"value": -3,
|
|
48425
|
+
"unit": "px"
|
|
48426
|
+
}
|
|
47612
48427
|
},
|
|
47613
48428
|
{
|
|
47614
48429
|
"color": "{base.color.neutral.0}",
|
|
47615
48430
|
"alpha": 0.4,
|
|
47616
|
-
"offsetX":
|
|
47617
|
-
|
|
47618
|
-
|
|
47619
|
-
|
|
48431
|
+
"offsetX": {
|
|
48432
|
+
"value": 0,
|
|
48433
|
+
"unit": "px"
|
|
48434
|
+
},
|
|
48435
|
+
"offsetY": {
|
|
48436
|
+
"value": 6,
|
|
48437
|
+
"unit": "px"
|
|
48438
|
+
},
|
|
48439
|
+
"blur": {
|
|
48440
|
+
"value": 18,
|
|
48441
|
+
"unit": "px"
|
|
48442
|
+
},
|
|
48443
|
+
"spread": {
|
|
48444
|
+
"value": 0,
|
|
48445
|
+
"unit": "px"
|
|
48446
|
+
}
|
|
47620
48447
|
}
|
|
47621
48448
|
],
|
|
47622
48449
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47623
48450
|
"isSource": true,
|
|
47624
48451
|
"$type": "shadow"
|
|
47625
48452
|
}
|
|
48453
|
+
},
|
|
48454
|
+
"org.primer.llm": {
|
|
48455
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48456
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47626
48457
|
}
|
|
47627
48458
|
},
|
|
47628
48459
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47633,8 +48464,9 @@
|
|
|
47633
48464
|
},
|
|
47634
48465
|
"shadow-floating-medium": {
|
|
47635
48466
|
"key": "{shadow.floating.medium}",
|
|
47636
|
-
"$value": "
|
|
48467
|
+
"$value": "0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966",
|
|
47637
48468
|
"$type": "shadow",
|
|
48469
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47638
48470
|
"$extensions": {
|
|
47639
48471
|
"org.primer.figma": {
|
|
47640
48472
|
"collection": "mode",
|
|
@@ -47646,48 +48478,433 @@
|
|
|
47646
48478
|
{
|
|
47647
48479
|
"color": "#b7bdc8",
|
|
47648
48480
|
"alpha": 1,
|
|
47649
|
-
"offsetX":
|
|
47650
|
-
|
|
47651
|
-
|
|
47652
|
-
|
|
48481
|
+
"offsetX": {
|
|
48482
|
+
"value": 0,
|
|
48483
|
+
"unit": "px"
|
|
48484
|
+
},
|
|
48485
|
+
"offsetY": {
|
|
48486
|
+
"value": 0,
|
|
48487
|
+
"unit": "px"
|
|
48488
|
+
},
|
|
48489
|
+
"blur": {
|
|
48490
|
+
"value": 0,
|
|
48491
|
+
"unit": "px"
|
|
48492
|
+
},
|
|
48493
|
+
"spread": {
|
|
48494
|
+
"value": 1,
|
|
48495
|
+
"unit": "px"
|
|
48496
|
+
}
|
|
47653
48497
|
},
|
|
47654
48498
|
{
|
|
47655
48499
|
"color": "#010409",
|
|
47656
48500
|
"alpha": 0.4,
|
|
47657
|
-
"offsetX":
|
|
47658
|
-
|
|
47659
|
-
|
|
47660
|
-
|
|
48501
|
+
"offsetX": {
|
|
48502
|
+
"value": 0,
|
|
48503
|
+
"unit": "px"
|
|
48504
|
+
},
|
|
48505
|
+
"offsetY": {
|
|
48506
|
+
"value": 8,
|
|
48507
|
+
"unit": "px"
|
|
48508
|
+
},
|
|
48509
|
+
"blur": {
|
|
48510
|
+
"value": 16,
|
|
48511
|
+
"unit": "px"
|
|
48512
|
+
},
|
|
48513
|
+
"spread": {
|
|
48514
|
+
"value": -4,
|
|
48515
|
+
"unit": "px"
|
|
48516
|
+
}
|
|
47661
48517
|
},
|
|
47662
48518
|
{
|
|
47663
48519
|
"color": "#010409",
|
|
47664
48520
|
"alpha": 0.4,
|
|
47665
|
-
"offsetX":
|
|
47666
|
-
|
|
47667
|
-
|
|
47668
|
-
|
|
48521
|
+
"offsetX": {
|
|
48522
|
+
"value": 0,
|
|
48523
|
+
"unit": "px"
|
|
48524
|
+
},
|
|
48525
|
+
"offsetY": {
|
|
48526
|
+
"value": 4,
|
|
48527
|
+
"unit": "px"
|
|
48528
|
+
},
|
|
48529
|
+
"blur": {
|
|
48530
|
+
"value": 32,
|
|
48531
|
+
"unit": "px"
|
|
48532
|
+
},
|
|
48533
|
+
"spread": {
|
|
48534
|
+
"value": -4,
|
|
48535
|
+
"unit": "px"
|
|
48536
|
+
}
|
|
47669
48537
|
},
|
|
47670
48538
|
{
|
|
47671
48539
|
"color": "#010409",
|
|
47672
48540
|
"alpha": 0.4,
|
|
47673
|
-
"offsetX":
|
|
47674
|
-
|
|
47675
|
-
|
|
47676
|
-
|
|
48541
|
+
"offsetX": {
|
|
48542
|
+
"value": 0,
|
|
48543
|
+
"unit": "px"
|
|
48544
|
+
},
|
|
48545
|
+
"offsetY": {
|
|
48546
|
+
"value": 24,
|
|
48547
|
+
"unit": "px"
|
|
48548
|
+
},
|
|
48549
|
+
"blur": {
|
|
48550
|
+
"value": 48,
|
|
48551
|
+
"unit": "px"
|
|
48552
|
+
},
|
|
48553
|
+
"spread": {
|
|
48554
|
+
"value": -12,
|
|
48555
|
+
"unit": "px"
|
|
48556
|
+
}
|
|
47677
48557
|
},
|
|
47678
48558
|
{
|
|
47679
48559
|
"color": "#010409",
|
|
47680
48560
|
"alpha": 0.4,
|
|
47681
|
-
"offsetX":
|
|
47682
|
-
|
|
47683
|
-
|
|
47684
|
-
|
|
48561
|
+
"offsetX": {
|
|
48562
|
+
"value": 0,
|
|
48563
|
+
"unit": "px"
|
|
48564
|
+
},
|
|
48565
|
+
"offsetY": {
|
|
48566
|
+
"value": 48,
|
|
48567
|
+
"unit": "px"
|
|
48568
|
+
},
|
|
48569
|
+
"blur": {
|
|
48570
|
+
"value": 96,
|
|
48571
|
+
"unit": "px"
|
|
48572
|
+
},
|
|
48573
|
+
"spread": {
|
|
48574
|
+
"value": -24,
|
|
48575
|
+
"unit": "px"
|
|
48576
|
+
}
|
|
48577
|
+
}
|
|
48578
|
+
],
|
|
48579
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48580
|
+
"isSource": true,
|
|
48581
|
+
"$type": "shadow"
|
|
48582
|
+
},
|
|
48583
|
+
"light-high-contrast": {
|
|
48584
|
+
"$value": [
|
|
48585
|
+
{
|
|
48586
|
+
"color": "#b7bdc8",
|
|
48587
|
+
"alpha": 1,
|
|
48588
|
+
"offsetX": {
|
|
48589
|
+
"value": 0,
|
|
48590
|
+
"unit": "px"
|
|
48591
|
+
},
|
|
48592
|
+
"offsetY": {
|
|
48593
|
+
"value": 0,
|
|
48594
|
+
"unit": "px"
|
|
48595
|
+
},
|
|
48596
|
+
"blur": {
|
|
48597
|
+
"value": 0,
|
|
48598
|
+
"unit": "px"
|
|
48599
|
+
},
|
|
48600
|
+
"spread": {
|
|
48601
|
+
"value": 1,
|
|
48602
|
+
"unit": "px"
|
|
48603
|
+
}
|
|
48604
|
+
},
|
|
48605
|
+
{
|
|
48606
|
+
"color": "#f0f6fc",
|
|
48607
|
+
"alpha": 0.08,
|
|
48608
|
+
"offsetX": {
|
|
48609
|
+
"value": 0,
|
|
48610
|
+
"unit": "px"
|
|
48611
|
+
},
|
|
48612
|
+
"offsetY": {
|
|
48613
|
+
"value": 8,
|
|
48614
|
+
"unit": "px"
|
|
48615
|
+
},
|
|
48616
|
+
"blur": {
|
|
48617
|
+
"value": 16,
|
|
48618
|
+
"unit": "px"
|
|
48619
|
+
},
|
|
48620
|
+
"spread": {
|
|
48621
|
+
"value": -4,
|
|
48622
|
+
"unit": "px"
|
|
48623
|
+
}
|
|
48624
|
+
},
|
|
48625
|
+
{
|
|
48626
|
+
"color": "#f0f6fc",
|
|
48627
|
+
"alpha": 0.08,
|
|
48628
|
+
"offsetX": {
|
|
48629
|
+
"value": 0,
|
|
48630
|
+
"unit": "px"
|
|
48631
|
+
},
|
|
48632
|
+
"offsetY": {
|
|
48633
|
+
"value": 4,
|
|
48634
|
+
"unit": "px"
|
|
48635
|
+
},
|
|
48636
|
+
"blur": {
|
|
48637
|
+
"value": 32,
|
|
48638
|
+
"unit": "px"
|
|
48639
|
+
},
|
|
48640
|
+
"spread": {
|
|
48641
|
+
"value": -4,
|
|
48642
|
+
"unit": "px"
|
|
48643
|
+
}
|
|
48644
|
+
},
|
|
48645
|
+
{
|
|
48646
|
+
"color": "#f0f6fc",
|
|
48647
|
+
"alpha": 0.08,
|
|
48648
|
+
"offsetX": {
|
|
48649
|
+
"value": 0,
|
|
48650
|
+
"unit": "px"
|
|
48651
|
+
},
|
|
48652
|
+
"offsetY": {
|
|
48653
|
+
"value": 24,
|
|
48654
|
+
"unit": "px"
|
|
48655
|
+
},
|
|
48656
|
+
"blur": {
|
|
48657
|
+
"value": 48,
|
|
48658
|
+
"unit": "px"
|
|
48659
|
+
},
|
|
48660
|
+
"spread": {
|
|
48661
|
+
"value": -12,
|
|
48662
|
+
"unit": "px"
|
|
48663
|
+
}
|
|
48664
|
+
},
|
|
48665
|
+
{
|
|
48666
|
+
"color": "#f0f6fc",
|
|
48667
|
+
"alpha": 0.08,
|
|
48668
|
+
"offsetX": {
|
|
48669
|
+
"value": 0,
|
|
48670
|
+
"unit": "px"
|
|
48671
|
+
},
|
|
48672
|
+
"offsetY": {
|
|
48673
|
+
"value": 48,
|
|
48674
|
+
"unit": "px"
|
|
48675
|
+
},
|
|
48676
|
+
"blur": {
|
|
48677
|
+
"value": 96,
|
|
48678
|
+
"unit": "px"
|
|
48679
|
+
},
|
|
48680
|
+
"spread": {
|
|
48681
|
+
"value": -24,
|
|
48682
|
+
"unit": "px"
|
|
48683
|
+
}
|
|
48684
|
+
}
|
|
48685
|
+
],
|
|
48686
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48687
|
+
"isSource": true,
|
|
48688
|
+
"$type": "shadow"
|
|
48689
|
+
},
|
|
48690
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48691
|
+
"$value": [
|
|
48692
|
+
{
|
|
48693
|
+
"color": "#b7bdc8",
|
|
48694
|
+
"alpha": 1,
|
|
48695
|
+
"offsetX": {
|
|
48696
|
+
"value": 0,
|
|
48697
|
+
"unit": "px"
|
|
48698
|
+
},
|
|
48699
|
+
"offsetY": {
|
|
48700
|
+
"value": 0,
|
|
48701
|
+
"unit": "px"
|
|
48702
|
+
},
|
|
48703
|
+
"blur": {
|
|
48704
|
+
"value": 0,
|
|
48705
|
+
"unit": "px"
|
|
48706
|
+
},
|
|
48707
|
+
"spread": {
|
|
48708
|
+
"value": 1,
|
|
48709
|
+
"unit": "px"
|
|
48710
|
+
}
|
|
48711
|
+
},
|
|
48712
|
+
{
|
|
48713
|
+
"color": "#f0f6fc",
|
|
48714
|
+
"alpha": 0.08,
|
|
48715
|
+
"offsetX": {
|
|
48716
|
+
"value": 0,
|
|
48717
|
+
"unit": "px"
|
|
48718
|
+
},
|
|
48719
|
+
"offsetY": {
|
|
48720
|
+
"value": 8,
|
|
48721
|
+
"unit": "px"
|
|
48722
|
+
},
|
|
48723
|
+
"blur": {
|
|
48724
|
+
"value": 16,
|
|
48725
|
+
"unit": "px"
|
|
48726
|
+
},
|
|
48727
|
+
"spread": {
|
|
48728
|
+
"value": -4,
|
|
48729
|
+
"unit": "px"
|
|
48730
|
+
}
|
|
48731
|
+
},
|
|
48732
|
+
{
|
|
48733
|
+
"color": "#f0f6fc",
|
|
48734
|
+
"alpha": 0.08,
|
|
48735
|
+
"offsetX": {
|
|
48736
|
+
"value": 0,
|
|
48737
|
+
"unit": "px"
|
|
48738
|
+
},
|
|
48739
|
+
"offsetY": {
|
|
48740
|
+
"value": 4,
|
|
48741
|
+
"unit": "px"
|
|
48742
|
+
},
|
|
48743
|
+
"blur": {
|
|
48744
|
+
"value": 32,
|
|
48745
|
+
"unit": "px"
|
|
48746
|
+
},
|
|
48747
|
+
"spread": {
|
|
48748
|
+
"value": -4,
|
|
48749
|
+
"unit": "px"
|
|
48750
|
+
}
|
|
48751
|
+
},
|
|
48752
|
+
{
|
|
48753
|
+
"color": "#f0f6fc",
|
|
48754
|
+
"alpha": 0.08,
|
|
48755
|
+
"offsetX": {
|
|
48756
|
+
"value": 0,
|
|
48757
|
+
"unit": "px"
|
|
48758
|
+
},
|
|
48759
|
+
"offsetY": {
|
|
48760
|
+
"value": 24,
|
|
48761
|
+
"unit": "px"
|
|
48762
|
+
},
|
|
48763
|
+
"blur": {
|
|
48764
|
+
"value": 48,
|
|
48765
|
+
"unit": "px"
|
|
48766
|
+
},
|
|
48767
|
+
"spread": {
|
|
48768
|
+
"value": -12,
|
|
48769
|
+
"unit": "px"
|
|
48770
|
+
}
|
|
48771
|
+
},
|
|
48772
|
+
{
|
|
48773
|
+
"color": "#f0f6fc",
|
|
48774
|
+
"alpha": 0.08,
|
|
48775
|
+
"offsetX": {
|
|
48776
|
+
"value": 0,
|
|
48777
|
+
"unit": "px"
|
|
48778
|
+
},
|
|
48779
|
+
"offsetY": {
|
|
48780
|
+
"value": 48,
|
|
48781
|
+
"unit": "px"
|
|
48782
|
+
},
|
|
48783
|
+
"blur": {
|
|
48784
|
+
"value": 96,
|
|
48785
|
+
"unit": "px"
|
|
48786
|
+
},
|
|
48787
|
+
"spread": {
|
|
48788
|
+
"value": -24,
|
|
48789
|
+
"unit": "px"
|
|
48790
|
+
}
|
|
48791
|
+
}
|
|
48792
|
+
],
|
|
48793
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48794
|
+
"isSource": true,
|
|
48795
|
+
"$type": "shadow"
|
|
48796
|
+
},
|
|
48797
|
+
"light-tritanopia-high-contrast": {
|
|
48798
|
+
"$value": [
|
|
48799
|
+
{
|
|
48800
|
+
"color": "#b7bdc8",
|
|
48801
|
+
"alpha": 1,
|
|
48802
|
+
"offsetX": {
|
|
48803
|
+
"value": 0,
|
|
48804
|
+
"unit": "px"
|
|
48805
|
+
},
|
|
48806
|
+
"offsetY": {
|
|
48807
|
+
"value": 0,
|
|
48808
|
+
"unit": "px"
|
|
48809
|
+
},
|
|
48810
|
+
"blur": {
|
|
48811
|
+
"value": 0,
|
|
48812
|
+
"unit": "px"
|
|
48813
|
+
},
|
|
48814
|
+
"spread": {
|
|
48815
|
+
"value": 1,
|
|
48816
|
+
"unit": "px"
|
|
48817
|
+
}
|
|
48818
|
+
},
|
|
48819
|
+
{
|
|
48820
|
+
"color": "#f0f6fc",
|
|
48821
|
+
"alpha": 0.08,
|
|
48822
|
+
"offsetX": {
|
|
48823
|
+
"value": 0,
|
|
48824
|
+
"unit": "px"
|
|
48825
|
+
},
|
|
48826
|
+
"offsetY": {
|
|
48827
|
+
"value": 8,
|
|
48828
|
+
"unit": "px"
|
|
48829
|
+
},
|
|
48830
|
+
"blur": {
|
|
48831
|
+
"value": 16,
|
|
48832
|
+
"unit": "px"
|
|
48833
|
+
},
|
|
48834
|
+
"spread": {
|
|
48835
|
+
"value": -4,
|
|
48836
|
+
"unit": "px"
|
|
48837
|
+
}
|
|
48838
|
+
},
|
|
48839
|
+
{
|
|
48840
|
+
"color": "#f0f6fc",
|
|
48841
|
+
"alpha": 0.08,
|
|
48842
|
+
"offsetX": {
|
|
48843
|
+
"value": 0,
|
|
48844
|
+
"unit": "px"
|
|
48845
|
+
},
|
|
48846
|
+
"offsetY": {
|
|
48847
|
+
"value": 4,
|
|
48848
|
+
"unit": "px"
|
|
48849
|
+
},
|
|
48850
|
+
"blur": {
|
|
48851
|
+
"value": 32,
|
|
48852
|
+
"unit": "px"
|
|
48853
|
+
},
|
|
48854
|
+
"spread": {
|
|
48855
|
+
"value": -4,
|
|
48856
|
+
"unit": "px"
|
|
48857
|
+
}
|
|
48858
|
+
},
|
|
48859
|
+
{
|
|
48860
|
+
"color": "#f0f6fc",
|
|
48861
|
+
"alpha": 0.08,
|
|
48862
|
+
"offsetX": {
|
|
48863
|
+
"value": 0,
|
|
48864
|
+
"unit": "px"
|
|
48865
|
+
},
|
|
48866
|
+
"offsetY": {
|
|
48867
|
+
"value": 24,
|
|
48868
|
+
"unit": "px"
|
|
48869
|
+
},
|
|
48870
|
+
"blur": {
|
|
48871
|
+
"value": 48,
|
|
48872
|
+
"unit": "px"
|
|
48873
|
+
},
|
|
48874
|
+
"spread": {
|
|
48875
|
+
"value": -12,
|
|
48876
|
+
"unit": "px"
|
|
48877
|
+
}
|
|
48878
|
+
},
|
|
48879
|
+
{
|
|
48880
|
+
"color": "#f0f6fc",
|
|
48881
|
+
"alpha": 0.08,
|
|
48882
|
+
"offsetX": {
|
|
48883
|
+
"value": 0,
|
|
48884
|
+
"unit": "px"
|
|
48885
|
+
},
|
|
48886
|
+
"offsetY": {
|
|
48887
|
+
"value": 48,
|
|
48888
|
+
"unit": "px"
|
|
48889
|
+
},
|
|
48890
|
+
"blur": {
|
|
48891
|
+
"value": 96,
|
|
48892
|
+
"unit": "px"
|
|
48893
|
+
},
|
|
48894
|
+
"spread": {
|
|
48895
|
+
"value": -24,
|
|
48896
|
+
"unit": "px"
|
|
48897
|
+
}
|
|
47685
48898
|
}
|
|
47686
48899
|
],
|
|
47687
48900
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47688
48901
|
"isSource": true,
|
|
47689
48902
|
"$type": "shadow"
|
|
47690
48903
|
}
|
|
48904
|
+
},
|
|
48905
|
+
"org.primer.llm": {
|
|
48906
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
48907
|
+
"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."
|
|
47691
48908
|
}
|
|
47692
48909
|
},
|
|
47693
48910
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47697,45 +48914,106 @@
|
|
|
47697
48914
|
{
|
|
47698
48915
|
"color": "{overlay.borderColor}",
|
|
47699
48916
|
"alpha": 1,
|
|
47700
|
-
"offsetX":
|
|
47701
|
-
|
|
47702
|
-
|
|
47703
|
-
|
|
48917
|
+
"offsetX": {
|
|
48918
|
+
"value": 0,
|
|
48919
|
+
"unit": "px"
|
|
48920
|
+
},
|
|
48921
|
+
"offsetY": {
|
|
48922
|
+
"value": 0,
|
|
48923
|
+
"unit": "px"
|
|
48924
|
+
},
|
|
48925
|
+
"blur": {
|
|
48926
|
+
"value": 0,
|
|
48927
|
+
"unit": "px"
|
|
48928
|
+
},
|
|
48929
|
+
"spread": {
|
|
48930
|
+
"value": 1,
|
|
48931
|
+
"unit": "px"
|
|
48932
|
+
}
|
|
47704
48933
|
},
|
|
47705
48934
|
{
|
|
47706
48935
|
"color": "{base.color.neutral.0}",
|
|
47707
48936
|
"alpha": 0.4,
|
|
47708
|
-
"offsetX":
|
|
47709
|
-
|
|
47710
|
-
|
|
47711
|
-
|
|
48937
|
+
"offsetX": {
|
|
48938
|
+
"value": 0,
|
|
48939
|
+
"unit": "px"
|
|
48940
|
+
},
|
|
48941
|
+
"offsetY": {
|
|
48942
|
+
"value": 8,
|
|
48943
|
+
"unit": "px"
|
|
48944
|
+
},
|
|
48945
|
+
"blur": {
|
|
48946
|
+
"value": 16,
|
|
48947
|
+
"unit": "px"
|
|
48948
|
+
},
|
|
48949
|
+
"spread": {
|
|
48950
|
+
"value": -4,
|
|
48951
|
+
"unit": "px"
|
|
48952
|
+
}
|
|
47712
48953
|
},
|
|
47713
48954
|
{
|
|
47714
48955
|
"color": "{base.color.neutral.0}",
|
|
47715
48956
|
"alpha": 0.4,
|
|
47716
|
-
"offsetX":
|
|
47717
|
-
|
|
47718
|
-
|
|
47719
|
-
|
|
48957
|
+
"offsetX": {
|
|
48958
|
+
"value": 0,
|
|
48959
|
+
"unit": "px"
|
|
48960
|
+
},
|
|
48961
|
+
"offsetY": {
|
|
48962
|
+
"value": 4,
|
|
48963
|
+
"unit": "px"
|
|
48964
|
+
},
|
|
48965
|
+
"blur": {
|
|
48966
|
+
"value": 32,
|
|
48967
|
+
"unit": "px"
|
|
48968
|
+
},
|
|
48969
|
+
"spread": {
|
|
48970
|
+
"value": -4,
|
|
48971
|
+
"unit": "px"
|
|
48972
|
+
}
|
|
47720
48973
|
},
|
|
47721
48974
|
{
|
|
47722
48975
|
"color": "{base.color.neutral.0}",
|
|
47723
48976
|
"alpha": 0.4,
|
|
47724
|
-
"offsetX":
|
|
47725
|
-
|
|
47726
|
-
|
|
47727
|
-
|
|
48977
|
+
"offsetX": {
|
|
48978
|
+
"value": 0,
|
|
48979
|
+
"unit": "px"
|
|
48980
|
+
},
|
|
48981
|
+
"offsetY": {
|
|
48982
|
+
"value": 24,
|
|
48983
|
+
"unit": "px"
|
|
48984
|
+
},
|
|
48985
|
+
"blur": {
|
|
48986
|
+
"value": 48,
|
|
48987
|
+
"unit": "px"
|
|
48988
|
+
},
|
|
48989
|
+
"spread": {
|
|
48990
|
+
"value": -12,
|
|
48991
|
+
"unit": "px"
|
|
48992
|
+
}
|
|
47728
48993
|
},
|
|
47729
48994
|
{
|
|
47730
48995
|
"color": "{base.color.neutral.0}",
|
|
47731
48996
|
"alpha": 0.4,
|
|
47732
|
-
"offsetX":
|
|
47733
|
-
|
|
47734
|
-
|
|
47735
|
-
|
|
48997
|
+
"offsetX": {
|
|
48998
|
+
"value": 0,
|
|
48999
|
+
"unit": "px"
|
|
49000
|
+
},
|
|
49001
|
+
"offsetY": {
|
|
49002
|
+
"value": 48,
|
|
49003
|
+
"unit": "px"
|
|
49004
|
+
},
|
|
49005
|
+
"blur": {
|
|
49006
|
+
"value": 96,
|
|
49007
|
+
"unit": "px"
|
|
49008
|
+
},
|
|
49009
|
+
"spread": {
|
|
49010
|
+
"value": -24,
|
|
49011
|
+
"unit": "px"
|
|
49012
|
+
}
|
|
47736
49013
|
}
|
|
47737
49014
|
],
|
|
47738
49015
|
"$type": "shadow",
|
|
49016
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47739
49017
|
"$extensions": {
|
|
47740
49018
|
"org.primer.figma": {
|
|
47741
49019
|
"collection": "mode",
|
|
@@ -47747,48 +49025,433 @@
|
|
|
47747
49025
|
{
|
|
47748
49026
|
"color": "{overlay.borderColor}",
|
|
47749
49027
|
"alpha": 1,
|
|
47750
|
-
"offsetX":
|
|
47751
|
-
|
|
47752
|
-
|
|
47753
|
-
|
|
49028
|
+
"offsetX": {
|
|
49029
|
+
"value": 0,
|
|
49030
|
+
"unit": "px"
|
|
49031
|
+
},
|
|
49032
|
+
"offsetY": {
|
|
49033
|
+
"value": 0,
|
|
49034
|
+
"unit": "px"
|
|
49035
|
+
},
|
|
49036
|
+
"blur": {
|
|
49037
|
+
"value": 0,
|
|
49038
|
+
"unit": "px"
|
|
49039
|
+
},
|
|
49040
|
+
"spread": {
|
|
49041
|
+
"value": 1,
|
|
49042
|
+
"unit": "px"
|
|
49043
|
+
}
|
|
47754
49044
|
},
|
|
47755
49045
|
{
|
|
47756
49046
|
"color": "{base.color.neutral.0}",
|
|
47757
49047
|
"alpha": 0.4,
|
|
47758
|
-
"offsetX":
|
|
47759
|
-
|
|
47760
|
-
|
|
47761
|
-
|
|
49048
|
+
"offsetX": {
|
|
49049
|
+
"value": 0,
|
|
49050
|
+
"unit": "px"
|
|
49051
|
+
},
|
|
49052
|
+
"offsetY": {
|
|
49053
|
+
"value": 8,
|
|
49054
|
+
"unit": "px"
|
|
49055
|
+
},
|
|
49056
|
+
"blur": {
|
|
49057
|
+
"value": 16,
|
|
49058
|
+
"unit": "px"
|
|
49059
|
+
},
|
|
49060
|
+
"spread": {
|
|
49061
|
+
"value": -4,
|
|
49062
|
+
"unit": "px"
|
|
49063
|
+
}
|
|
47762
49064
|
},
|
|
47763
49065
|
{
|
|
47764
49066
|
"color": "{base.color.neutral.0}",
|
|
47765
49067
|
"alpha": 0.4,
|
|
47766
|
-
"offsetX":
|
|
47767
|
-
|
|
47768
|
-
|
|
47769
|
-
|
|
49068
|
+
"offsetX": {
|
|
49069
|
+
"value": 0,
|
|
49070
|
+
"unit": "px"
|
|
49071
|
+
},
|
|
49072
|
+
"offsetY": {
|
|
49073
|
+
"value": 4,
|
|
49074
|
+
"unit": "px"
|
|
49075
|
+
},
|
|
49076
|
+
"blur": {
|
|
49077
|
+
"value": 32,
|
|
49078
|
+
"unit": "px"
|
|
49079
|
+
},
|
|
49080
|
+
"spread": {
|
|
49081
|
+
"value": -4,
|
|
49082
|
+
"unit": "px"
|
|
49083
|
+
}
|
|
47770
49084
|
},
|
|
47771
49085
|
{
|
|
47772
49086
|
"color": "{base.color.neutral.0}",
|
|
47773
49087
|
"alpha": 0.4,
|
|
47774
|
-
"offsetX":
|
|
47775
|
-
|
|
47776
|
-
|
|
47777
|
-
|
|
49088
|
+
"offsetX": {
|
|
49089
|
+
"value": 0,
|
|
49090
|
+
"unit": "px"
|
|
49091
|
+
},
|
|
49092
|
+
"offsetY": {
|
|
49093
|
+
"value": 24,
|
|
49094
|
+
"unit": "px"
|
|
49095
|
+
},
|
|
49096
|
+
"blur": {
|
|
49097
|
+
"value": 48,
|
|
49098
|
+
"unit": "px"
|
|
49099
|
+
},
|
|
49100
|
+
"spread": {
|
|
49101
|
+
"value": -12,
|
|
49102
|
+
"unit": "px"
|
|
49103
|
+
}
|
|
47778
49104
|
},
|
|
47779
49105
|
{
|
|
47780
49106
|
"color": "{base.color.neutral.0}",
|
|
47781
49107
|
"alpha": 0.4,
|
|
47782
|
-
"offsetX":
|
|
47783
|
-
|
|
47784
|
-
|
|
47785
|
-
|
|
49108
|
+
"offsetX": {
|
|
49109
|
+
"value": 0,
|
|
49110
|
+
"unit": "px"
|
|
49111
|
+
},
|
|
49112
|
+
"offsetY": {
|
|
49113
|
+
"value": 48,
|
|
49114
|
+
"unit": "px"
|
|
49115
|
+
},
|
|
49116
|
+
"blur": {
|
|
49117
|
+
"value": 96,
|
|
49118
|
+
"unit": "px"
|
|
49119
|
+
},
|
|
49120
|
+
"spread": {
|
|
49121
|
+
"value": -24,
|
|
49122
|
+
"unit": "px"
|
|
49123
|
+
}
|
|
49124
|
+
}
|
|
49125
|
+
],
|
|
49126
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49127
|
+
"isSource": true,
|
|
49128
|
+
"$type": "shadow"
|
|
49129
|
+
},
|
|
49130
|
+
"light-high-contrast": {
|
|
49131
|
+
"$value": [
|
|
49132
|
+
{
|
|
49133
|
+
"color": "{overlay.borderColor}",
|
|
49134
|
+
"alpha": 1,
|
|
49135
|
+
"offsetX": {
|
|
49136
|
+
"value": 0,
|
|
49137
|
+
"unit": "px"
|
|
49138
|
+
},
|
|
49139
|
+
"offsetY": {
|
|
49140
|
+
"value": 0,
|
|
49141
|
+
"unit": "px"
|
|
49142
|
+
},
|
|
49143
|
+
"blur": {
|
|
49144
|
+
"value": 0,
|
|
49145
|
+
"unit": "px"
|
|
49146
|
+
},
|
|
49147
|
+
"spread": {
|
|
49148
|
+
"value": 1,
|
|
49149
|
+
"unit": "px"
|
|
49150
|
+
}
|
|
49151
|
+
},
|
|
49152
|
+
{
|
|
49153
|
+
"color": "{base.color.neutral.12}",
|
|
49154
|
+
"alpha": 0.08,
|
|
49155
|
+
"offsetX": {
|
|
49156
|
+
"value": 0,
|
|
49157
|
+
"unit": "px"
|
|
49158
|
+
},
|
|
49159
|
+
"offsetY": {
|
|
49160
|
+
"value": 8,
|
|
49161
|
+
"unit": "px"
|
|
49162
|
+
},
|
|
49163
|
+
"blur": {
|
|
49164
|
+
"value": 16,
|
|
49165
|
+
"unit": "px"
|
|
49166
|
+
},
|
|
49167
|
+
"spread": {
|
|
49168
|
+
"value": -4,
|
|
49169
|
+
"unit": "px"
|
|
49170
|
+
}
|
|
49171
|
+
},
|
|
49172
|
+
{
|
|
49173
|
+
"color": "{base.color.neutral.12}",
|
|
49174
|
+
"alpha": 0.08,
|
|
49175
|
+
"offsetX": {
|
|
49176
|
+
"value": 0,
|
|
49177
|
+
"unit": "px"
|
|
49178
|
+
},
|
|
49179
|
+
"offsetY": {
|
|
49180
|
+
"value": 4,
|
|
49181
|
+
"unit": "px"
|
|
49182
|
+
},
|
|
49183
|
+
"blur": {
|
|
49184
|
+
"value": 32,
|
|
49185
|
+
"unit": "px"
|
|
49186
|
+
},
|
|
49187
|
+
"spread": {
|
|
49188
|
+
"value": -4,
|
|
49189
|
+
"unit": "px"
|
|
49190
|
+
}
|
|
49191
|
+
},
|
|
49192
|
+
{
|
|
49193
|
+
"color": "{base.color.neutral.12}",
|
|
49194
|
+
"alpha": 0.08,
|
|
49195
|
+
"offsetX": {
|
|
49196
|
+
"value": 0,
|
|
49197
|
+
"unit": "px"
|
|
49198
|
+
},
|
|
49199
|
+
"offsetY": {
|
|
49200
|
+
"value": 24,
|
|
49201
|
+
"unit": "px"
|
|
49202
|
+
},
|
|
49203
|
+
"blur": {
|
|
49204
|
+
"value": 48,
|
|
49205
|
+
"unit": "px"
|
|
49206
|
+
},
|
|
49207
|
+
"spread": {
|
|
49208
|
+
"value": -12,
|
|
49209
|
+
"unit": "px"
|
|
49210
|
+
}
|
|
49211
|
+
},
|
|
49212
|
+
{
|
|
49213
|
+
"color": "{base.color.neutral.12}",
|
|
49214
|
+
"alpha": 0.08,
|
|
49215
|
+
"offsetX": {
|
|
49216
|
+
"value": 0,
|
|
49217
|
+
"unit": "px"
|
|
49218
|
+
},
|
|
49219
|
+
"offsetY": {
|
|
49220
|
+
"value": 48,
|
|
49221
|
+
"unit": "px"
|
|
49222
|
+
},
|
|
49223
|
+
"blur": {
|
|
49224
|
+
"value": 96,
|
|
49225
|
+
"unit": "px"
|
|
49226
|
+
},
|
|
49227
|
+
"spread": {
|
|
49228
|
+
"value": -24,
|
|
49229
|
+
"unit": "px"
|
|
49230
|
+
}
|
|
49231
|
+
}
|
|
49232
|
+
],
|
|
49233
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49234
|
+
"isSource": true,
|
|
49235
|
+
"$type": "shadow"
|
|
49236
|
+
},
|
|
49237
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49238
|
+
"$value": [
|
|
49239
|
+
{
|
|
49240
|
+
"color": "{overlay.borderColor}",
|
|
49241
|
+
"alpha": 1,
|
|
49242
|
+
"offsetX": {
|
|
49243
|
+
"value": 0,
|
|
49244
|
+
"unit": "px"
|
|
49245
|
+
},
|
|
49246
|
+
"offsetY": {
|
|
49247
|
+
"value": 0,
|
|
49248
|
+
"unit": "px"
|
|
49249
|
+
},
|
|
49250
|
+
"blur": {
|
|
49251
|
+
"value": 0,
|
|
49252
|
+
"unit": "px"
|
|
49253
|
+
},
|
|
49254
|
+
"spread": {
|
|
49255
|
+
"value": 1,
|
|
49256
|
+
"unit": "px"
|
|
49257
|
+
}
|
|
49258
|
+
},
|
|
49259
|
+
{
|
|
49260
|
+
"color": "{base.color.neutral.12}",
|
|
49261
|
+
"alpha": 0.08,
|
|
49262
|
+
"offsetX": {
|
|
49263
|
+
"value": 0,
|
|
49264
|
+
"unit": "px"
|
|
49265
|
+
},
|
|
49266
|
+
"offsetY": {
|
|
49267
|
+
"value": 8,
|
|
49268
|
+
"unit": "px"
|
|
49269
|
+
},
|
|
49270
|
+
"blur": {
|
|
49271
|
+
"value": 16,
|
|
49272
|
+
"unit": "px"
|
|
49273
|
+
},
|
|
49274
|
+
"spread": {
|
|
49275
|
+
"value": -4,
|
|
49276
|
+
"unit": "px"
|
|
49277
|
+
}
|
|
49278
|
+
},
|
|
49279
|
+
{
|
|
49280
|
+
"color": "{base.color.neutral.12}",
|
|
49281
|
+
"alpha": 0.08,
|
|
49282
|
+
"offsetX": {
|
|
49283
|
+
"value": 0,
|
|
49284
|
+
"unit": "px"
|
|
49285
|
+
},
|
|
49286
|
+
"offsetY": {
|
|
49287
|
+
"value": 4,
|
|
49288
|
+
"unit": "px"
|
|
49289
|
+
},
|
|
49290
|
+
"blur": {
|
|
49291
|
+
"value": 32,
|
|
49292
|
+
"unit": "px"
|
|
49293
|
+
},
|
|
49294
|
+
"spread": {
|
|
49295
|
+
"value": -4,
|
|
49296
|
+
"unit": "px"
|
|
49297
|
+
}
|
|
49298
|
+
},
|
|
49299
|
+
{
|
|
49300
|
+
"color": "{base.color.neutral.12}",
|
|
49301
|
+
"alpha": 0.08,
|
|
49302
|
+
"offsetX": {
|
|
49303
|
+
"value": 0,
|
|
49304
|
+
"unit": "px"
|
|
49305
|
+
},
|
|
49306
|
+
"offsetY": {
|
|
49307
|
+
"value": 24,
|
|
49308
|
+
"unit": "px"
|
|
49309
|
+
},
|
|
49310
|
+
"blur": {
|
|
49311
|
+
"value": 48,
|
|
49312
|
+
"unit": "px"
|
|
49313
|
+
},
|
|
49314
|
+
"spread": {
|
|
49315
|
+
"value": -12,
|
|
49316
|
+
"unit": "px"
|
|
49317
|
+
}
|
|
49318
|
+
},
|
|
49319
|
+
{
|
|
49320
|
+
"color": "{base.color.neutral.12}",
|
|
49321
|
+
"alpha": 0.08,
|
|
49322
|
+
"offsetX": {
|
|
49323
|
+
"value": 0,
|
|
49324
|
+
"unit": "px"
|
|
49325
|
+
},
|
|
49326
|
+
"offsetY": {
|
|
49327
|
+
"value": 48,
|
|
49328
|
+
"unit": "px"
|
|
49329
|
+
},
|
|
49330
|
+
"blur": {
|
|
49331
|
+
"value": 96,
|
|
49332
|
+
"unit": "px"
|
|
49333
|
+
},
|
|
49334
|
+
"spread": {
|
|
49335
|
+
"value": -24,
|
|
49336
|
+
"unit": "px"
|
|
49337
|
+
}
|
|
49338
|
+
}
|
|
49339
|
+
],
|
|
49340
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49341
|
+
"isSource": true,
|
|
49342
|
+
"$type": "shadow"
|
|
49343
|
+
},
|
|
49344
|
+
"light-tritanopia-high-contrast": {
|
|
49345
|
+
"$value": [
|
|
49346
|
+
{
|
|
49347
|
+
"color": "{overlay.borderColor}",
|
|
49348
|
+
"alpha": 1,
|
|
49349
|
+
"offsetX": {
|
|
49350
|
+
"value": 0,
|
|
49351
|
+
"unit": "px"
|
|
49352
|
+
},
|
|
49353
|
+
"offsetY": {
|
|
49354
|
+
"value": 0,
|
|
49355
|
+
"unit": "px"
|
|
49356
|
+
},
|
|
49357
|
+
"blur": {
|
|
49358
|
+
"value": 0,
|
|
49359
|
+
"unit": "px"
|
|
49360
|
+
},
|
|
49361
|
+
"spread": {
|
|
49362
|
+
"value": 1,
|
|
49363
|
+
"unit": "px"
|
|
49364
|
+
}
|
|
49365
|
+
},
|
|
49366
|
+
{
|
|
49367
|
+
"color": "{base.color.neutral.12}",
|
|
49368
|
+
"alpha": 0.08,
|
|
49369
|
+
"offsetX": {
|
|
49370
|
+
"value": 0,
|
|
49371
|
+
"unit": "px"
|
|
49372
|
+
},
|
|
49373
|
+
"offsetY": {
|
|
49374
|
+
"value": 8,
|
|
49375
|
+
"unit": "px"
|
|
49376
|
+
},
|
|
49377
|
+
"blur": {
|
|
49378
|
+
"value": 16,
|
|
49379
|
+
"unit": "px"
|
|
49380
|
+
},
|
|
49381
|
+
"spread": {
|
|
49382
|
+
"value": -4,
|
|
49383
|
+
"unit": "px"
|
|
49384
|
+
}
|
|
49385
|
+
},
|
|
49386
|
+
{
|
|
49387
|
+
"color": "{base.color.neutral.12}",
|
|
49388
|
+
"alpha": 0.08,
|
|
49389
|
+
"offsetX": {
|
|
49390
|
+
"value": 0,
|
|
49391
|
+
"unit": "px"
|
|
49392
|
+
},
|
|
49393
|
+
"offsetY": {
|
|
49394
|
+
"value": 4,
|
|
49395
|
+
"unit": "px"
|
|
49396
|
+
},
|
|
49397
|
+
"blur": {
|
|
49398
|
+
"value": 32,
|
|
49399
|
+
"unit": "px"
|
|
49400
|
+
},
|
|
49401
|
+
"spread": {
|
|
49402
|
+
"value": -4,
|
|
49403
|
+
"unit": "px"
|
|
49404
|
+
}
|
|
49405
|
+
},
|
|
49406
|
+
{
|
|
49407
|
+
"color": "{base.color.neutral.12}",
|
|
49408
|
+
"alpha": 0.08,
|
|
49409
|
+
"offsetX": {
|
|
49410
|
+
"value": 0,
|
|
49411
|
+
"unit": "px"
|
|
49412
|
+
},
|
|
49413
|
+
"offsetY": {
|
|
49414
|
+
"value": 24,
|
|
49415
|
+
"unit": "px"
|
|
49416
|
+
},
|
|
49417
|
+
"blur": {
|
|
49418
|
+
"value": 48,
|
|
49419
|
+
"unit": "px"
|
|
49420
|
+
},
|
|
49421
|
+
"spread": {
|
|
49422
|
+
"value": -12,
|
|
49423
|
+
"unit": "px"
|
|
49424
|
+
}
|
|
49425
|
+
},
|
|
49426
|
+
{
|
|
49427
|
+
"color": "{base.color.neutral.12}",
|
|
49428
|
+
"alpha": 0.08,
|
|
49429
|
+
"offsetX": {
|
|
49430
|
+
"value": 0,
|
|
49431
|
+
"unit": "px"
|
|
49432
|
+
},
|
|
49433
|
+
"offsetY": {
|
|
49434
|
+
"value": 48,
|
|
49435
|
+
"unit": "px"
|
|
49436
|
+
},
|
|
49437
|
+
"blur": {
|
|
49438
|
+
"value": 96,
|
|
49439
|
+
"unit": "px"
|
|
49440
|
+
},
|
|
49441
|
+
"spread": {
|
|
49442
|
+
"value": -24,
|
|
49443
|
+
"unit": "px"
|
|
49444
|
+
}
|
|
47786
49445
|
}
|
|
47787
49446
|
],
|
|
47788
49447
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47789
49448
|
"isSource": true,
|
|
47790
49449
|
"$type": "shadow"
|
|
47791
49450
|
}
|
|
49451
|
+
},
|
|
49452
|
+
"org.primer.llm": {
|
|
49453
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
49454
|
+
"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."
|
|
47792
49455
|
}
|
|
47793
49456
|
},
|
|
47794
49457
|
"key": "{shadow.floating.medium}"
|
|
@@ -47799,7 +49462,7 @@
|
|
|
47799
49462
|
},
|
|
47800
49463
|
"shadow-floating-small": {
|
|
47801
49464
|
"key": "{shadow.floating.small}",
|
|
47802
|
-
"$value": "
|
|
49465
|
+
"$value": "0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
47803
49466
|
"$type": "shadow",
|
|
47804
49467
|
"$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
|
|
47805
49468
|
"$extensions": {
|
|
@@ -47813,26 +49476,62 @@
|
|
|
47813
49476
|
{
|
|
47814
49477
|
"color": "#b7bdc8",
|
|
47815
49478
|
"alpha": 1,
|
|
47816
|
-
"offsetX":
|
|
47817
|
-
|
|
47818
|
-
|
|
47819
|
-
|
|
49479
|
+
"offsetX": {
|
|
49480
|
+
"value": 0,
|
|
49481
|
+
"unit": "px"
|
|
49482
|
+
},
|
|
49483
|
+
"offsetY": {
|
|
49484
|
+
"value": 0,
|
|
49485
|
+
"unit": "px"
|
|
49486
|
+
},
|
|
49487
|
+
"blur": {
|
|
49488
|
+
"value": 0,
|
|
49489
|
+
"unit": "px"
|
|
49490
|
+
},
|
|
49491
|
+
"spread": {
|
|
49492
|
+
"value": 1,
|
|
49493
|
+
"unit": "px"
|
|
49494
|
+
}
|
|
47820
49495
|
},
|
|
47821
49496
|
{
|
|
47822
49497
|
"color": "#010409",
|
|
47823
49498
|
"alpha": 0.4,
|
|
47824
|
-
"offsetX":
|
|
47825
|
-
|
|
47826
|
-
|
|
47827
|
-
|
|
49499
|
+
"offsetX": {
|
|
49500
|
+
"value": 0,
|
|
49501
|
+
"unit": "px"
|
|
49502
|
+
},
|
|
49503
|
+
"offsetY": {
|
|
49504
|
+
"value": 6,
|
|
49505
|
+
"unit": "px"
|
|
49506
|
+
},
|
|
49507
|
+
"blur": {
|
|
49508
|
+
"value": 12,
|
|
49509
|
+
"unit": "px"
|
|
49510
|
+
},
|
|
49511
|
+
"spread": {
|
|
49512
|
+
"value": -3,
|
|
49513
|
+
"unit": "px"
|
|
49514
|
+
}
|
|
47828
49515
|
},
|
|
47829
49516
|
{
|
|
47830
49517
|
"color": "#010409",
|
|
47831
49518
|
"alpha": 0.4,
|
|
47832
|
-
"offsetX":
|
|
47833
|
-
|
|
47834
|
-
|
|
47835
|
-
|
|
49519
|
+
"offsetX": {
|
|
49520
|
+
"value": 0,
|
|
49521
|
+
"unit": "px"
|
|
49522
|
+
},
|
|
49523
|
+
"offsetY": {
|
|
49524
|
+
"value": 6,
|
|
49525
|
+
"unit": "px"
|
|
49526
|
+
},
|
|
49527
|
+
"blur": {
|
|
49528
|
+
"value": 18,
|
|
49529
|
+
"unit": "px"
|
|
49530
|
+
},
|
|
49531
|
+
"spread": {
|
|
49532
|
+
"value": 0,
|
|
49533
|
+
"unit": "px"
|
|
49534
|
+
}
|
|
47836
49535
|
}
|
|
47837
49536
|
],
|
|
47838
49537
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47852,26 +49551,62 @@
|
|
|
47852
49551
|
{
|
|
47853
49552
|
"color": "{overlay.borderColor}",
|
|
47854
49553
|
"alpha": 1,
|
|
47855
|
-
"offsetX":
|
|
47856
|
-
|
|
47857
|
-
|
|
47858
|
-
|
|
49554
|
+
"offsetX": {
|
|
49555
|
+
"value": 0,
|
|
49556
|
+
"unit": "px"
|
|
49557
|
+
},
|
|
49558
|
+
"offsetY": {
|
|
49559
|
+
"value": 0,
|
|
49560
|
+
"unit": "px"
|
|
49561
|
+
},
|
|
49562
|
+
"blur": {
|
|
49563
|
+
"value": 0,
|
|
49564
|
+
"unit": "px"
|
|
49565
|
+
},
|
|
49566
|
+
"spread": {
|
|
49567
|
+
"value": 1,
|
|
49568
|
+
"unit": "px"
|
|
49569
|
+
}
|
|
47859
49570
|
},
|
|
47860
49571
|
{
|
|
47861
49572
|
"color": "{base.color.neutral.0}",
|
|
47862
49573
|
"alpha": 0.4,
|
|
47863
|
-
"offsetX":
|
|
47864
|
-
|
|
47865
|
-
|
|
47866
|
-
|
|
49574
|
+
"offsetX": {
|
|
49575
|
+
"value": 0,
|
|
49576
|
+
"unit": "px"
|
|
49577
|
+
},
|
|
49578
|
+
"offsetY": {
|
|
49579
|
+
"value": 6,
|
|
49580
|
+
"unit": "px"
|
|
49581
|
+
},
|
|
49582
|
+
"blur": {
|
|
49583
|
+
"value": 12,
|
|
49584
|
+
"unit": "px"
|
|
49585
|
+
},
|
|
49586
|
+
"spread": {
|
|
49587
|
+
"value": -3,
|
|
49588
|
+
"unit": "px"
|
|
49589
|
+
}
|
|
47867
49590
|
},
|
|
47868
49591
|
{
|
|
47869
49592
|
"color": "{base.color.neutral.0}",
|
|
47870
49593
|
"alpha": 0.4,
|
|
47871
|
-
"offsetX":
|
|
47872
|
-
|
|
47873
|
-
|
|
47874
|
-
|
|
49594
|
+
"offsetX": {
|
|
49595
|
+
"value": 0,
|
|
49596
|
+
"unit": "px"
|
|
49597
|
+
},
|
|
49598
|
+
"offsetY": {
|
|
49599
|
+
"value": 6,
|
|
49600
|
+
"unit": "px"
|
|
49601
|
+
},
|
|
49602
|
+
"blur": {
|
|
49603
|
+
"value": 18,
|
|
49604
|
+
"unit": "px"
|
|
49605
|
+
},
|
|
49606
|
+
"spread": {
|
|
49607
|
+
"value": 0,
|
|
49608
|
+
"unit": "px"
|
|
49609
|
+
}
|
|
47875
49610
|
}
|
|
47876
49611
|
],
|
|
47877
49612
|
"$type": "shadow",
|
|
@@ -47887,26 +49622,62 @@
|
|
|
47887
49622
|
{
|
|
47888
49623
|
"color": "{overlay.borderColor}",
|
|
47889
49624
|
"alpha": 1,
|
|
47890
|
-
"offsetX":
|
|
47891
|
-
|
|
47892
|
-
|
|
47893
|
-
|
|
49625
|
+
"offsetX": {
|
|
49626
|
+
"value": 0,
|
|
49627
|
+
"unit": "px"
|
|
49628
|
+
},
|
|
49629
|
+
"offsetY": {
|
|
49630
|
+
"value": 0,
|
|
49631
|
+
"unit": "px"
|
|
49632
|
+
},
|
|
49633
|
+
"blur": {
|
|
49634
|
+
"value": 0,
|
|
49635
|
+
"unit": "px"
|
|
49636
|
+
},
|
|
49637
|
+
"spread": {
|
|
49638
|
+
"value": 1,
|
|
49639
|
+
"unit": "px"
|
|
49640
|
+
}
|
|
47894
49641
|
},
|
|
47895
49642
|
{
|
|
47896
49643
|
"color": "{base.color.neutral.0}",
|
|
47897
49644
|
"alpha": 0.4,
|
|
47898
|
-
"offsetX":
|
|
47899
|
-
|
|
47900
|
-
|
|
47901
|
-
|
|
49645
|
+
"offsetX": {
|
|
49646
|
+
"value": 0,
|
|
49647
|
+
"unit": "px"
|
|
49648
|
+
},
|
|
49649
|
+
"offsetY": {
|
|
49650
|
+
"value": 6,
|
|
49651
|
+
"unit": "px"
|
|
49652
|
+
},
|
|
49653
|
+
"blur": {
|
|
49654
|
+
"value": 12,
|
|
49655
|
+
"unit": "px"
|
|
49656
|
+
},
|
|
49657
|
+
"spread": {
|
|
49658
|
+
"value": -3,
|
|
49659
|
+
"unit": "px"
|
|
49660
|
+
}
|
|
47902
49661
|
},
|
|
47903
49662
|
{
|
|
47904
49663
|
"color": "{base.color.neutral.0}",
|
|
47905
49664
|
"alpha": 0.4,
|
|
47906
|
-
"offsetX":
|
|
47907
|
-
|
|
47908
|
-
|
|
47909
|
-
|
|
49665
|
+
"offsetX": {
|
|
49666
|
+
"value": 0,
|
|
49667
|
+
"unit": "px"
|
|
49668
|
+
},
|
|
49669
|
+
"offsetY": {
|
|
49670
|
+
"value": 6,
|
|
49671
|
+
"unit": "px"
|
|
49672
|
+
},
|
|
49673
|
+
"blur": {
|
|
49674
|
+
"value": 18,
|
|
49675
|
+
"unit": "px"
|
|
49676
|
+
},
|
|
49677
|
+
"spread": {
|
|
49678
|
+
"value": 0,
|
|
49679
|
+
"unit": "px"
|
|
49680
|
+
}
|
|
47910
49681
|
}
|
|
47911
49682
|
],
|
|
47912
49683
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47927,8 +49698,9 @@
|
|
|
47927
49698
|
},
|
|
47928
49699
|
"shadow-floating-xlarge": {
|
|
47929
49700
|
"key": "{shadow.floating.xlarge}",
|
|
47930
|
-
"$value": "
|
|
49701
|
+
"$value": "0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409",
|
|
47931
49702
|
"$type": "shadow",
|
|
49703
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47932
49704
|
"$extensions": {
|
|
47933
49705
|
"org.primer.figma": {
|
|
47934
49706
|
"collection": "mode",
|
|
@@ -47940,24 +49712,193 @@
|
|
|
47940
49712
|
{
|
|
47941
49713
|
"color": "#b7bdc8",
|
|
47942
49714
|
"alpha": 1,
|
|
47943
|
-
"offsetX":
|
|
47944
|
-
|
|
47945
|
-
|
|
47946
|
-
|
|
49715
|
+
"offsetX": {
|
|
49716
|
+
"value": 0,
|
|
49717
|
+
"unit": "px"
|
|
49718
|
+
},
|
|
49719
|
+
"offsetY": {
|
|
49720
|
+
"value": 0,
|
|
49721
|
+
"unit": "px"
|
|
49722
|
+
},
|
|
49723
|
+
"blur": {
|
|
49724
|
+
"value": 0,
|
|
49725
|
+
"unit": "px"
|
|
49726
|
+
},
|
|
49727
|
+
"spread": {
|
|
49728
|
+
"value": 1,
|
|
49729
|
+
"unit": "px"
|
|
49730
|
+
}
|
|
47947
49731
|
},
|
|
47948
49732
|
{
|
|
47949
49733
|
"color": "#010409",
|
|
47950
49734
|
"alpha": 1,
|
|
47951
|
-
"offsetX":
|
|
47952
|
-
|
|
47953
|
-
|
|
47954
|
-
|
|
49735
|
+
"offsetX": {
|
|
49736
|
+
"value": 0,
|
|
49737
|
+
"unit": "px"
|
|
49738
|
+
},
|
|
49739
|
+
"offsetY": {
|
|
49740
|
+
"value": 32,
|
|
49741
|
+
"unit": "px"
|
|
49742
|
+
},
|
|
49743
|
+
"blur": {
|
|
49744
|
+
"value": 64,
|
|
49745
|
+
"unit": "px"
|
|
49746
|
+
},
|
|
49747
|
+
"spread": {
|
|
49748
|
+
"value": 0,
|
|
49749
|
+
"unit": "px"
|
|
49750
|
+
}
|
|
49751
|
+
}
|
|
49752
|
+
],
|
|
49753
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49754
|
+
"isSource": true,
|
|
49755
|
+
"$type": "shadow"
|
|
49756
|
+
},
|
|
49757
|
+
"light-high-contrast": {
|
|
49758
|
+
"$value": [
|
|
49759
|
+
{
|
|
49760
|
+
"color": "#b7bdc8",
|
|
49761
|
+
"alpha": 1,
|
|
49762
|
+
"offsetX": {
|
|
49763
|
+
"value": 0,
|
|
49764
|
+
"unit": "px"
|
|
49765
|
+
},
|
|
49766
|
+
"offsetY": {
|
|
49767
|
+
"value": 0,
|
|
49768
|
+
"unit": "px"
|
|
49769
|
+
},
|
|
49770
|
+
"blur": {
|
|
49771
|
+
"value": 0,
|
|
49772
|
+
"unit": "px"
|
|
49773
|
+
},
|
|
49774
|
+
"spread": {
|
|
49775
|
+
"value": 1,
|
|
49776
|
+
"unit": "px"
|
|
49777
|
+
}
|
|
49778
|
+
},
|
|
49779
|
+
{
|
|
49780
|
+
"color": "#f0f6fc",
|
|
49781
|
+
"alpha": 0.32,
|
|
49782
|
+
"offsetX": {
|
|
49783
|
+
"value": 0,
|
|
49784
|
+
"unit": "px"
|
|
49785
|
+
},
|
|
49786
|
+
"offsetY": {
|
|
49787
|
+
"value": 56,
|
|
49788
|
+
"unit": "px"
|
|
49789
|
+
},
|
|
49790
|
+
"blur": {
|
|
49791
|
+
"value": 112,
|
|
49792
|
+
"unit": "px"
|
|
49793
|
+
},
|
|
49794
|
+
"spread": {
|
|
49795
|
+
"value": 0,
|
|
49796
|
+
"unit": "px"
|
|
49797
|
+
}
|
|
49798
|
+
}
|
|
49799
|
+
],
|
|
49800
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49801
|
+
"isSource": true,
|
|
49802
|
+
"$type": "shadow"
|
|
49803
|
+
},
|
|
49804
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49805
|
+
"$value": [
|
|
49806
|
+
{
|
|
49807
|
+
"color": "#b7bdc8",
|
|
49808
|
+
"alpha": 1,
|
|
49809
|
+
"offsetX": {
|
|
49810
|
+
"value": 0,
|
|
49811
|
+
"unit": "px"
|
|
49812
|
+
},
|
|
49813
|
+
"offsetY": {
|
|
49814
|
+
"value": 0,
|
|
49815
|
+
"unit": "px"
|
|
49816
|
+
},
|
|
49817
|
+
"blur": {
|
|
49818
|
+
"value": 0,
|
|
49819
|
+
"unit": "px"
|
|
49820
|
+
},
|
|
49821
|
+
"spread": {
|
|
49822
|
+
"value": 1,
|
|
49823
|
+
"unit": "px"
|
|
49824
|
+
}
|
|
49825
|
+
},
|
|
49826
|
+
{
|
|
49827
|
+
"color": "#f0f6fc",
|
|
49828
|
+
"alpha": 0.32,
|
|
49829
|
+
"offsetX": {
|
|
49830
|
+
"value": 0,
|
|
49831
|
+
"unit": "px"
|
|
49832
|
+
},
|
|
49833
|
+
"offsetY": {
|
|
49834
|
+
"value": 56,
|
|
49835
|
+
"unit": "px"
|
|
49836
|
+
},
|
|
49837
|
+
"blur": {
|
|
49838
|
+
"value": 112,
|
|
49839
|
+
"unit": "px"
|
|
49840
|
+
},
|
|
49841
|
+
"spread": {
|
|
49842
|
+
"value": 0,
|
|
49843
|
+
"unit": "px"
|
|
49844
|
+
}
|
|
49845
|
+
}
|
|
49846
|
+
],
|
|
49847
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49848
|
+
"isSource": true,
|
|
49849
|
+
"$type": "shadow"
|
|
49850
|
+
},
|
|
49851
|
+
"light-tritanopia-high-contrast": {
|
|
49852
|
+
"$value": [
|
|
49853
|
+
{
|
|
49854
|
+
"color": "#b7bdc8",
|
|
49855
|
+
"alpha": 1,
|
|
49856
|
+
"offsetX": {
|
|
49857
|
+
"value": 0,
|
|
49858
|
+
"unit": "px"
|
|
49859
|
+
},
|
|
49860
|
+
"offsetY": {
|
|
49861
|
+
"value": 0,
|
|
49862
|
+
"unit": "px"
|
|
49863
|
+
},
|
|
49864
|
+
"blur": {
|
|
49865
|
+
"value": 0,
|
|
49866
|
+
"unit": "px"
|
|
49867
|
+
},
|
|
49868
|
+
"spread": {
|
|
49869
|
+
"value": 1,
|
|
49870
|
+
"unit": "px"
|
|
49871
|
+
}
|
|
49872
|
+
},
|
|
49873
|
+
{
|
|
49874
|
+
"color": "#f0f6fc",
|
|
49875
|
+
"alpha": 0.32,
|
|
49876
|
+
"offsetX": {
|
|
49877
|
+
"value": 0,
|
|
49878
|
+
"unit": "px"
|
|
49879
|
+
},
|
|
49880
|
+
"offsetY": {
|
|
49881
|
+
"value": 56,
|
|
49882
|
+
"unit": "px"
|
|
49883
|
+
},
|
|
49884
|
+
"blur": {
|
|
49885
|
+
"value": 112,
|
|
49886
|
+
"unit": "px"
|
|
49887
|
+
},
|
|
49888
|
+
"spread": {
|
|
49889
|
+
"value": 0,
|
|
49890
|
+
"unit": "px"
|
|
49891
|
+
}
|
|
47955
49892
|
}
|
|
47956
49893
|
],
|
|
47957
49894
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47958
49895
|
"isSource": true,
|
|
47959
49896
|
"$type": "shadow"
|
|
47960
49897
|
}
|
|
49898
|
+
},
|
|
49899
|
+
"org.primer.llm": {
|
|
49900
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
49901
|
+
"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."
|
|
47961
49902
|
}
|
|
47962
49903
|
},
|
|
47963
49904
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47967,21 +49908,46 @@
|
|
|
47967
49908
|
{
|
|
47968
49909
|
"color": "{overlay.borderColor}",
|
|
47969
49910
|
"alpha": 1,
|
|
47970
|
-
"offsetX":
|
|
47971
|
-
|
|
47972
|
-
|
|
47973
|
-
|
|
49911
|
+
"offsetX": {
|
|
49912
|
+
"value": 0,
|
|
49913
|
+
"unit": "px"
|
|
49914
|
+
},
|
|
49915
|
+
"offsetY": {
|
|
49916
|
+
"value": 0,
|
|
49917
|
+
"unit": "px"
|
|
49918
|
+
},
|
|
49919
|
+
"blur": {
|
|
49920
|
+
"value": 0,
|
|
49921
|
+
"unit": "px"
|
|
49922
|
+
},
|
|
49923
|
+
"spread": {
|
|
49924
|
+
"value": 1,
|
|
49925
|
+
"unit": "px"
|
|
49926
|
+
}
|
|
47974
49927
|
},
|
|
47975
49928
|
{
|
|
47976
49929
|
"color": "{base.color.neutral.0}",
|
|
47977
49930
|
"alpha": 1,
|
|
47978
|
-
"offsetX":
|
|
47979
|
-
|
|
47980
|
-
|
|
47981
|
-
|
|
49931
|
+
"offsetX": {
|
|
49932
|
+
"value": 0,
|
|
49933
|
+
"unit": "px"
|
|
49934
|
+
},
|
|
49935
|
+
"offsetY": {
|
|
49936
|
+
"value": 32,
|
|
49937
|
+
"unit": "px"
|
|
49938
|
+
},
|
|
49939
|
+
"blur": {
|
|
49940
|
+
"value": 64,
|
|
49941
|
+
"unit": "px"
|
|
49942
|
+
},
|
|
49943
|
+
"spread": {
|
|
49944
|
+
"value": 0,
|
|
49945
|
+
"unit": "px"
|
|
49946
|
+
}
|
|
47982
49947
|
}
|
|
47983
49948
|
],
|
|
47984
49949
|
"$type": "shadow",
|
|
49950
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47985
49951
|
"$extensions": {
|
|
47986
49952
|
"org.primer.figma": {
|
|
47987
49953
|
"collection": "mode",
|
|
@@ -47993,24 +49959,193 @@
|
|
|
47993
49959
|
{
|
|
47994
49960
|
"color": "{overlay.borderColor}",
|
|
47995
49961
|
"alpha": 1,
|
|
47996
|
-
"offsetX":
|
|
47997
|
-
|
|
47998
|
-
|
|
47999
|
-
|
|
49962
|
+
"offsetX": {
|
|
49963
|
+
"value": 0,
|
|
49964
|
+
"unit": "px"
|
|
49965
|
+
},
|
|
49966
|
+
"offsetY": {
|
|
49967
|
+
"value": 0,
|
|
49968
|
+
"unit": "px"
|
|
49969
|
+
},
|
|
49970
|
+
"blur": {
|
|
49971
|
+
"value": 0,
|
|
49972
|
+
"unit": "px"
|
|
49973
|
+
},
|
|
49974
|
+
"spread": {
|
|
49975
|
+
"value": 1,
|
|
49976
|
+
"unit": "px"
|
|
49977
|
+
}
|
|
48000
49978
|
},
|
|
48001
49979
|
{
|
|
48002
49980
|
"color": "{base.color.neutral.0}",
|
|
48003
49981
|
"alpha": 1,
|
|
48004
|
-
"offsetX":
|
|
48005
|
-
|
|
48006
|
-
|
|
48007
|
-
|
|
49982
|
+
"offsetX": {
|
|
49983
|
+
"value": 0,
|
|
49984
|
+
"unit": "px"
|
|
49985
|
+
},
|
|
49986
|
+
"offsetY": {
|
|
49987
|
+
"value": 32,
|
|
49988
|
+
"unit": "px"
|
|
49989
|
+
},
|
|
49990
|
+
"blur": {
|
|
49991
|
+
"value": 64,
|
|
49992
|
+
"unit": "px"
|
|
49993
|
+
},
|
|
49994
|
+
"spread": {
|
|
49995
|
+
"value": 0,
|
|
49996
|
+
"unit": "px"
|
|
49997
|
+
}
|
|
49998
|
+
}
|
|
49999
|
+
],
|
|
50000
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50001
|
+
"isSource": true,
|
|
50002
|
+
"$type": "shadow"
|
|
50003
|
+
},
|
|
50004
|
+
"light-high-contrast": {
|
|
50005
|
+
"$value": [
|
|
50006
|
+
{
|
|
50007
|
+
"color": "{overlay.borderColor}",
|
|
50008
|
+
"alpha": 1,
|
|
50009
|
+
"offsetX": {
|
|
50010
|
+
"value": 0,
|
|
50011
|
+
"unit": "px"
|
|
50012
|
+
},
|
|
50013
|
+
"offsetY": {
|
|
50014
|
+
"value": 0,
|
|
50015
|
+
"unit": "px"
|
|
50016
|
+
},
|
|
50017
|
+
"blur": {
|
|
50018
|
+
"value": 0,
|
|
50019
|
+
"unit": "px"
|
|
50020
|
+
},
|
|
50021
|
+
"spread": {
|
|
50022
|
+
"value": 1,
|
|
50023
|
+
"unit": "px"
|
|
50024
|
+
}
|
|
50025
|
+
},
|
|
50026
|
+
{
|
|
50027
|
+
"color": "{base.color.neutral.12}",
|
|
50028
|
+
"alpha": 0.32,
|
|
50029
|
+
"offsetX": {
|
|
50030
|
+
"value": 0,
|
|
50031
|
+
"unit": "px"
|
|
50032
|
+
},
|
|
50033
|
+
"offsetY": {
|
|
50034
|
+
"value": 56,
|
|
50035
|
+
"unit": "px"
|
|
50036
|
+
},
|
|
50037
|
+
"blur": {
|
|
50038
|
+
"value": 112,
|
|
50039
|
+
"unit": "px"
|
|
50040
|
+
},
|
|
50041
|
+
"spread": {
|
|
50042
|
+
"value": 0,
|
|
50043
|
+
"unit": "px"
|
|
50044
|
+
}
|
|
50045
|
+
}
|
|
50046
|
+
],
|
|
50047
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50048
|
+
"isSource": true,
|
|
50049
|
+
"$type": "shadow"
|
|
50050
|
+
},
|
|
50051
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
50052
|
+
"$value": [
|
|
50053
|
+
{
|
|
50054
|
+
"color": "{overlay.borderColor}",
|
|
50055
|
+
"alpha": 1,
|
|
50056
|
+
"offsetX": {
|
|
50057
|
+
"value": 0,
|
|
50058
|
+
"unit": "px"
|
|
50059
|
+
},
|
|
50060
|
+
"offsetY": {
|
|
50061
|
+
"value": 0,
|
|
50062
|
+
"unit": "px"
|
|
50063
|
+
},
|
|
50064
|
+
"blur": {
|
|
50065
|
+
"value": 0,
|
|
50066
|
+
"unit": "px"
|
|
50067
|
+
},
|
|
50068
|
+
"spread": {
|
|
50069
|
+
"value": 1,
|
|
50070
|
+
"unit": "px"
|
|
50071
|
+
}
|
|
50072
|
+
},
|
|
50073
|
+
{
|
|
50074
|
+
"color": "{base.color.neutral.12}",
|
|
50075
|
+
"alpha": 0.32,
|
|
50076
|
+
"offsetX": {
|
|
50077
|
+
"value": 0,
|
|
50078
|
+
"unit": "px"
|
|
50079
|
+
},
|
|
50080
|
+
"offsetY": {
|
|
50081
|
+
"value": 56,
|
|
50082
|
+
"unit": "px"
|
|
50083
|
+
},
|
|
50084
|
+
"blur": {
|
|
50085
|
+
"value": 112,
|
|
50086
|
+
"unit": "px"
|
|
50087
|
+
},
|
|
50088
|
+
"spread": {
|
|
50089
|
+
"value": 0,
|
|
50090
|
+
"unit": "px"
|
|
50091
|
+
}
|
|
50092
|
+
}
|
|
50093
|
+
],
|
|
50094
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50095
|
+
"isSource": true,
|
|
50096
|
+
"$type": "shadow"
|
|
50097
|
+
},
|
|
50098
|
+
"light-tritanopia-high-contrast": {
|
|
50099
|
+
"$value": [
|
|
50100
|
+
{
|
|
50101
|
+
"color": "{overlay.borderColor}",
|
|
50102
|
+
"alpha": 1,
|
|
50103
|
+
"offsetX": {
|
|
50104
|
+
"value": 0,
|
|
50105
|
+
"unit": "px"
|
|
50106
|
+
},
|
|
50107
|
+
"offsetY": {
|
|
50108
|
+
"value": 0,
|
|
50109
|
+
"unit": "px"
|
|
50110
|
+
},
|
|
50111
|
+
"blur": {
|
|
50112
|
+
"value": 0,
|
|
50113
|
+
"unit": "px"
|
|
50114
|
+
},
|
|
50115
|
+
"spread": {
|
|
50116
|
+
"value": 1,
|
|
50117
|
+
"unit": "px"
|
|
50118
|
+
}
|
|
50119
|
+
},
|
|
50120
|
+
{
|
|
50121
|
+
"color": "{base.color.neutral.12}",
|
|
50122
|
+
"alpha": 0.32,
|
|
50123
|
+
"offsetX": {
|
|
50124
|
+
"value": 0,
|
|
50125
|
+
"unit": "px"
|
|
50126
|
+
},
|
|
50127
|
+
"offsetY": {
|
|
50128
|
+
"value": 56,
|
|
50129
|
+
"unit": "px"
|
|
50130
|
+
},
|
|
50131
|
+
"blur": {
|
|
50132
|
+
"value": 112,
|
|
50133
|
+
"unit": "px"
|
|
50134
|
+
},
|
|
50135
|
+
"spread": {
|
|
50136
|
+
"value": 0,
|
|
50137
|
+
"unit": "px"
|
|
50138
|
+
}
|
|
48008
50139
|
}
|
|
48009
50140
|
],
|
|
48010
50141
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48011
50142
|
"isSource": true,
|
|
48012
50143
|
"$type": "shadow"
|
|
48013
50144
|
}
|
|
50145
|
+
},
|
|
50146
|
+
"org.primer.llm": {
|
|
50147
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
50148
|
+
"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."
|
|
48014
50149
|
}
|
|
48015
50150
|
},
|
|
48016
50151
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48021,8 +50156,9 @@
|
|
|
48021
50156
|
},
|
|
48022
50157
|
"shadow-inset": {
|
|
48023
50158
|
"key": "{shadow.inset}",
|
|
48024
|
-
"$value": "inset
|
|
50159
|
+
"$value": "inset 0 1px 0 0 #0104093d",
|
|
48025
50160
|
"$type": "shadow",
|
|
50161
|
+
"$description": "Inset shadow for recessed elements",
|
|
48026
50162
|
"$extensions": {
|
|
48027
50163
|
"org.primer.figma": {
|
|
48028
50164
|
"collection": "mode",
|
|
@@ -48033,16 +50169,32 @@
|
|
|
48033
50169
|
"$value": {
|
|
48034
50170
|
"color": "#010409",
|
|
48035
50171
|
"alpha": 0.24,
|
|
48036
|
-
"offsetX":
|
|
48037
|
-
|
|
48038
|
-
|
|
48039
|
-
|
|
50172
|
+
"offsetX": {
|
|
50173
|
+
"value": 0,
|
|
50174
|
+
"unit": "px"
|
|
50175
|
+
},
|
|
50176
|
+
"offsetY": {
|
|
50177
|
+
"value": 1,
|
|
50178
|
+
"unit": "px"
|
|
50179
|
+
},
|
|
50180
|
+
"blur": {
|
|
50181
|
+
"value": 0,
|
|
50182
|
+
"unit": "px"
|
|
50183
|
+
},
|
|
50184
|
+
"spread": {
|
|
50185
|
+
"value": 0,
|
|
50186
|
+
"unit": "px"
|
|
50187
|
+
},
|
|
48040
50188
|
"inset": true
|
|
48041
50189
|
},
|
|
48042
50190
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48043
50191
|
"isSource": true,
|
|
48044
50192
|
"$type": "shadow"
|
|
48045
50193
|
}
|
|
50194
|
+
},
|
|
50195
|
+
"org.primer.llm": {
|
|
50196
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50197
|
+
"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."
|
|
48046
50198
|
}
|
|
48047
50199
|
},
|
|
48048
50200
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48051,13 +50203,26 @@
|
|
|
48051
50203
|
"$value": {
|
|
48052
50204
|
"color": "{base.color.neutral.0}",
|
|
48053
50205
|
"alpha": 0.24,
|
|
48054
|
-
"offsetX":
|
|
48055
|
-
|
|
48056
|
-
|
|
48057
|
-
|
|
50206
|
+
"offsetX": {
|
|
50207
|
+
"value": 0,
|
|
50208
|
+
"unit": "px"
|
|
50209
|
+
},
|
|
50210
|
+
"offsetY": {
|
|
50211
|
+
"value": 1,
|
|
50212
|
+
"unit": "px"
|
|
50213
|
+
},
|
|
50214
|
+
"blur": {
|
|
50215
|
+
"value": 0,
|
|
50216
|
+
"unit": "px"
|
|
50217
|
+
},
|
|
50218
|
+
"spread": {
|
|
50219
|
+
"value": 0,
|
|
50220
|
+
"unit": "px"
|
|
50221
|
+
},
|
|
48058
50222
|
"inset": true
|
|
48059
50223
|
},
|
|
48060
50224
|
"$type": "shadow",
|
|
50225
|
+
"$description": "Inset shadow for recessed elements",
|
|
48061
50226
|
"$extensions": {
|
|
48062
50227
|
"org.primer.figma": {
|
|
48063
50228
|
"collection": "mode",
|
|
@@ -48068,16 +50233,32 @@
|
|
|
48068
50233
|
"$value": {
|
|
48069
50234
|
"color": "{base.color.neutral.0}",
|
|
48070
50235
|
"alpha": 0.24,
|
|
48071
|
-
"offsetX":
|
|
48072
|
-
|
|
48073
|
-
|
|
48074
|
-
|
|
50236
|
+
"offsetX": {
|
|
50237
|
+
"value": 0,
|
|
50238
|
+
"unit": "px"
|
|
50239
|
+
},
|
|
50240
|
+
"offsetY": {
|
|
50241
|
+
"value": 1,
|
|
50242
|
+
"unit": "px"
|
|
50243
|
+
},
|
|
50244
|
+
"blur": {
|
|
50245
|
+
"value": 0,
|
|
50246
|
+
"unit": "px"
|
|
50247
|
+
},
|
|
50248
|
+
"spread": {
|
|
50249
|
+
"value": 0,
|
|
50250
|
+
"unit": "px"
|
|
50251
|
+
},
|
|
48075
50252
|
"inset": true
|
|
48076
50253
|
},
|
|
48077
50254
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48078
50255
|
"isSource": true,
|
|
48079
50256
|
"$type": "shadow"
|
|
48080
50257
|
}
|
|
50258
|
+
},
|
|
50259
|
+
"org.primer.llm": {
|
|
50260
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50261
|
+
"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."
|
|
48081
50262
|
}
|
|
48082
50263
|
},
|
|
48083
50264
|
"key": "{shadow.inset}"
|
|
@@ -48088,8 +50269,9 @@
|
|
|
48088
50269
|
},
|
|
48089
50270
|
"shadow-resting-medium": {
|
|
48090
50271
|
"key": "{shadow.resting.medium}",
|
|
48091
|
-
"$value": "
|
|
50272
|
+
"$value": "0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc",
|
|
48092
50273
|
"$type": "shadow",
|
|
50274
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48093
50275
|
"$extensions": {
|
|
48094
50276
|
"org.primer.figma": {
|
|
48095
50277
|
"collection": "mode",
|
|
@@ -48101,24 +50283,52 @@
|
|
|
48101
50283
|
{
|
|
48102
50284
|
"color": "#010409",
|
|
48103
50285
|
"alpha": 0.4,
|
|
48104
|
-
"offsetX":
|
|
48105
|
-
|
|
48106
|
-
|
|
48107
|
-
|
|
50286
|
+
"offsetX": {
|
|
50287
|
+
"value": 0,
|
|
50288
|
+
"unit": "px"
|
|
50289
|
+
},
|
|
50290
|
+
"offsetY": {
|
|
50291
|
+
"value": 1,
|
|
50292
|
+
"unit": "px"
|
|
50293
|
+
},
|
|
50294
|
+
"blur": {
|
|
50295
|
+
"value": 1,
|
|
50296
|
+
"unit": "px"
|
|
50297
|
+
},
|
|
50298
|
+
"spread": {
|
|
50299
|
+
"value": 0,
|
|
50300
|
+
"unit": "px"
|
|
50301
|
+
}
|
|
48108
50302
|
},
|
|
48109
50303
|
{
|
|
48110
50304
|
"color": "#010409",
|
|
48111
50305
|
"alpha": 0.8,
|
|
48112
|
-
"offsetX":
|
|
48113
|
-
|
|
48114
|
-
|
|
48115
|
-
|
|
50306
|
+
"offsetX": {
|
|
50307
|
+
"value": 0,
|
|
50308
|
+
"unit": "px"
|
|
50309
|
+
},
|
|
50310
|
+
"offsetY": {
|
|
50311
|
+
"value": 3,
|
|
50312
|
+
"unit": "px"
|
|
50313
|
+
},
|
|
50314
|
+
"blur": {
|
|
50315
|
+
"value": 6,
|
|
50316
|
+
"unit": "px"
|
|
50317
|
+
},
|
|
50318
|
+
"spread": {
|
|
50319
|
+
"value": 0,
|
|
50320
|
+
"unit": "px"
|
|
50321
|
+
}
|
|
48116
50322
|
}
|
|
48117
50323
|
],
|
|
48118
50324
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48119
50325
|
"isSource": true,
|
|
48120
50326
|
"$type": "shadow"
|
|
48121
50327
|
}
|
|
50328
|
+
},
|
|
50329
|
+
"org.primer.llm": {
|
|
50330
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50331
|
+
"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."
|
|
48122
50332
|
}
|
|
48123
50333
|
},
|
|
48124
50334
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48128,21 +50338,46 @@
|
|
|
48128
50338
|
{
|
|
48129
50339
|
"color": "{base.color.neutral.0}",
|
|
48130
50340
|
"alpha": 0.4,
|
|
48131
|
-
"offsetX":
|
|
48132
|
-
|
|
48133
|
-
|
|
48134
|
-
|
|
50341
|
+
"offsetX": {
|
|
50342
|
+
"value": 0,
|
|
50343
|
+
"unit": "px"
|
|
50344
|
+
},
|
|
50345
|
+
"offsetY": {
|
|
50346
|
+
"value": 1,
|
|
50347
|
+
"unit": "px"
|
|
50348
|
+
},
|
|
50349
|
+
"blur": {
|
|
50350
|
+
"value": 1,
|
|
50351
|
+
"unit": "px"
|
|
50352
|
+
},
|
|
50353
|
+
"spread": {
|
|
50354
|
+
"value": 0,
|
|
50355
|
+
"unit": "px"
|
|
50356
|
+
}
|
|
48135
50357
|
},
|
|
48136
50358
|
{
|
|
48137
50359
|
"color": "{base.color.neutral.0}",
|
|
48138
50360
|
"alpha": 0.8,
|
|
48139
|
-
"offsetX":
|
|
48140
|
-
|
|
48141
|
-
|
|
48142
|
-
|
|
50361
|
+
"offsetX": {
|
|
50362
|
+
"value": 0,
|
|
50363
|
+
"unit": "px"
|
|
50364
|
+
},
|
|
50365
|
+
"offsetY": {
|
|
50366
|
+
"value": 3,
|
|
50367
|
+
"unit": "px"
|
|
50368
|
+
},
|
|
50369
|
+
"blur": {
|
|
50370
|
+
"value": 6,
|
|
50371
|
+
"unit": "px"
|
|
50372
|
+
},
|
|
50373
|
+
"spread": {
|
|
50374
|
+
"value": 0,
|
|
50375
|
+
"unit": "px"
|
|
50376
|
+
}
|
|
48143
50377
|
}
|
|
48144
50378
|
],
|
|
48145
50379
|
"$type": "shadow",
|
|
50380
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48146
50381
|
"$extensions": {
|
|
48147
50382
|
"org.primer.figma": {
|
|
48148
50383
|
"collection": "mode",
|
|
@@ -48154,24 +50389,52 @@
|
|
|
48154
50389
|
{
|
|
48155
50390
|
"color": "{base.color.neutral.0}",
|
|
48156
50391
|
"alpha": 0.4,
|
|
48157
|
-
"offsetX":
|
|
48158
|
-
|
|
48159
|
-
|
|
48160
|
-
|
|
50392
|
+
"offsetX": {
|
|
50393
|
+
"value": 0,
|
|
50394
|
+
"unit": "px"
|
|
50395
|
+
},
|
|
50396
|
+
"offsetY": {
|
|
50397
|
+
"value": 1,
|
|
50398
|
+
"unit": "px"
|
|
50399
|
+
},
|
|
50400
|
+
"blur": {
|
|
50401
|
+
"value": 1,
|
|
50402
|
+
"unit": "px"
|
|
50403
|
+
},
|
|
50404
|
+
"spread": {
|
|
50405
|
+
"value": 0,
|
|
50406
|
+
"unit": "px"
|
|
50407
|
+
}
|
|
48161
50408
|
},
|
|
48162
50409
|
{
|
|
48163
50410
|
"color": "{base.color.neutral.0}",
|
|
48164
50411
|
"alpha": 0.8,
|
|
48165
|
-
"offsetX":
|
|
48166
|
-
|
|
48167
|
-
|
|
48168
|
-
|
|
50412
|
+
"offsetX": {
|
|
50413
|
+
"value": 0,
|
|
50414
|
+
"unit": "px"
|
|
50415
|
+
},
|
|
50416
|
+
"offsetY": {
|
|
50417
|
+
"value": 3,
|
|
50418
|
+
"unit": "px"
|
|
50419
|
+
},
|
|
50420
|
+
"blur": {
|
|
50421
|
+
"value": 6,
|
|
50422
|
+
"unit": "px"
|
|
50423
|
+
},
|
|
50424
|
+
"spread": {
|
|
50425
|
+
"value": 0,
|
|
50426
|
+
"unit": "px"
|
|
50427
|
+
}
|
|
48169
50428
|
}
|
|
48170
50429
|
],
|
|
48171
50430
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48172
50431
|
"isSource": true,
|
|
48173
50432
|
"$type": "shadow"
|
|
48174
50433
|
}
|
|
50434
|
+
},
|
|
50435
|
+
"org.primer.llm": {
|
|
50436
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50437
|
+
"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."
|
|
48175
50438
|
}
|
|
48176
50439
|
},
|
|
48177
50440
|
"key": "{shadow.resting.medium}"
|
|
@@ -48182,8 +50445,9 @@
|
|
|
48182
50445
|
},
|
|
48183
50446
|
"shadow-resting-small": {
|
|
48184
50447
|
"key": "{shadow.resting.small}",
|
|
48185
|
-
"$value": "
|
|
50448
|
+
"$value": "0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999",
|
|
48186
50449
|
"$type": "shadow",
|
|
50450
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48187
50451
|
"$extensions": {
|
|
48188
50452
|
"org.primer.figma": {
|
|
48189
50453
|
"collection": "mode",
|
|
@@ -48195,19 +50459,43 @@
|
|
|
48195
50459
|
{
|
|
48196
50460
|
"color": "#010409",
|
|
48197
50461
|
"alpha": 0.6,
|
|
48198
|
-
"offsetX":
|
|
48199
|
-
|
|
48200
|
-
|
|
48201
|
-
|
|
50462
|
+
"offsetX": {
|
|
50463
|
+
"value": 0,
|
|
50464
|
+
"unit": "px"
|
|
50465
|
+
},
|
|
50466
|
+
"offsetY": {
|
|
50467
|
+
"value": 1,
|
|
50468
|
+
"unit": "px"
|
|
50469
|
+
},
|
|
50470
|
+
"blur": {
|
|
50471
|
+
"value": 1,
|
|
50472
|
+
"unit": "px"
|
|
50473
|
+
},
|
|
50474
|
+
"spread": {
|
|
50475
|
+
"value": 0,
|
|
50476
|
+
"unit": "px"
|
|
50477
|
+
},
|
|
48202
50478
|
"inset": false
|
|
48203
50479
|
},
|
|
48204
50480
|
{
|
|
48205
50481
|
"color": "#010409",
|
|
48206
50482
|
"alpha": 0.6,
|
|
48207
|
-
"offsetX":
|
|
48208
|
-
|
|
48209
|
-
|
|
48210
|
-
|
|
50483
|
+
"offsetX": {
|
|
50484
|
+
"value": 0,
|
|
50485
|
+
"unit": "px"
|
|
50486
|
+
},
|
|
50487
|
+
"offsetY": {
|
|
50488
|
+
"value": 1,
|
|
50489
|
+
"unit": "px"
|
|
50490
|
+
},
|
|
50491
|
+
"blur": {
|
|
50492
|
+
"value": 3,
|
|
50493
|
+
"unit": "px"
|
|
50494
|
+
},
|
|
50495
|
+
"spread": {
|
|
50496
|
+
"value": 0,
|
|
50497
|
+
"unit": "px"
|
|
50498
|
+
},
|
|
48211
50499
|
"inset": false
|
|
48212
50500
|
}
|
|
48213
50501
|
],
|
|
@@ -48215,6 +50503,10 @@
|
|
|
48215
50503
|
"isSource": true,
|
|
48216
50504
|
"$type": "shadow"
|
|
48217
50505
|
}
|
|
50506
|
+
},
|
|
50507
|
+
"org.primer.llm": {
|
|
50508
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50509
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48218
50510
|
}
|
|
48219
50511
|
},
|
|
48220
50512
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48224,23 +50516,48 @@
|
|
|
48224
50516
|
{
|
|
48225
50517
|
"color": "{base.color.neutral.0}",
|
|
48226
50518
|
"alpha": 0.6,
|
|
48227
|
-
"offsetX":
|
|
48228
|
-
|
|
48229
|
-
|
|
48230
|
-
|
|
50519
|
+
"offsetX": {
|
|
50520
|
+
"value": 0,
|
|
50521
|
+
"unit": "px"
|
|
50522
|
+
},
|
|
50523
|
+
"offsetY": {
|
|
50524
|
+
"value": 1,
|
|
50525
|
+
"unit": "px"
|
|
50526
|
+
},
|
|
50527
|
+
"blur": {
|
|
50528
|
+
"value": 1,
|
|
50529
|
+
"unit": "px"
|
|
50530
|
+
},
|
|
50531
|
+
"spread": {
|
|
50532
|
+
"value": 0,
|
|
50533
|
+
"unit": "px"
|
|
50534
|
+
},
|
|
48231
50535
|
"inset": false
|
|
48232
50536
|
},
|
|
48233
50537
|
{
|
|
48234
50538
|
"color": "{base.color.neutral.0}",
|
|
48235
50539
|
"alpha": 0.6,
|
|
48236
|
-
"offsetX":
|
|
48237
|
-
|
|
48238
|
-
|
|
48239
|
-
|
|
50540
|
+
"offsetX": {
|
|
50541
|
+
"value": 0,
|
|
50542
|
+
"unit": "px"
|
|
50543
|
+
},
|
|
50544
|
+
"offsetY": {
|
|
50545
|
+
"value": 1,
|
|
50546
|
+
"unit": "px"
|
|
50547
|
+
},
|
|
50548
|
+
"blur": {
|
|
50549
|
+
"value": 3,
|
|
50550
|
+
"unit": "px"
|
|
50551
|
+
},
|
|
50552
|
+
"spread": {
|
|
50553
|
+
"value": 0,
|
|
50554
|
+
"unit": "px"
|
|
50555
|
+
},
|
|
48240
50556
|
"inset": false
|
|
48241
50557
|
}
|
|
48242
50558
|
],
|
|
48243
50559
|
"$type": "shadow",
|
|
50560
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48244
50561
|
"$extensions": {
|
|
48245
50562
|
"org.primer.figma": {
|
|
48246
50563
|
"collection": "mode",
|
|
@@ -48252,19 +50569,43 @@
|
|
|
48252
50569
|
{
|
|
48253
50570
|
"color": "{base.color.neutral.0}",
|
|
48254
50571
|
"alpha": 0.6,
|
|
48255
|
-
"offsetX":
|
|
48256
|
-
|
|
48257
|
-
|
|
48258
|
-
|
|
50572
|
+
"offsetX": {
|
|
50573
|
+
"value": 0,
|
|
50574
|
+
"unit": "px"
|
|
50575
|
+
},
|
|
50576
|
+
"offsetY": {
|
|
50577
|
+
"value": 1,
|
|
50578
|
+
"unit": "px"
|
|
50579
|
+
},
|
|
50580
|
+
"blur": {
|
|
50581
|
+
"value": 1,
|
|
50582
|
+
"unit": "px"
|
|
50583
|
+
},
|
|
50584
|
+
"spread": {
|
|
50585
|
+
"value": 0,
|
|
50586
|
+
"unit": "px"
|
|
50587
|
+
},
|
|
48259
50588
|
"inset": false
|
|
48260
50589
|
},
|
|
48261
50590
|
{
|
|
48262
50591
|
"color": "{base.color.neutral.0}",
|
|
48263
50592
|
"alpha": 0.6,
|
|
48264
|
-
"offsetX":
|
|
48265
|
-
|
|
48266
|
-
|
|
48267
|
-
|
|
50593
|
+
"offsetX": {
|
|
50594
|
+
"value": 0,
|
|
50595
|
+
"unit": "px"
|
|
50596
|
+
},
|
|
50597
|
+
"offsetY": {
|
|
50598
|
+
"value": 1,
|
|
50599
|
+
"unit": "px"
|
|
50600
|
+
},
|
|
50601
|
+
"blur": {
|
|
50602
|
+
"value": 3,
|
|
50603
|
+
"unit": "px"
|
|
50604
|
+
},
|
|
50605
|
+
"spread": {
|
|
50606
|
+
"value": 0,
|
|
50607
|
+
"unit": "px"
|
|
50608
|
+
},
|
|
48268
50609
|
"inset": false
|
|
48269
50610
|
}
|
|
48270
50611
|
],
|
|
@@ -48272,6 +50613,10 @@
|
|
|
48272
50613
|
"isSource": true,
|
|
48273
50614
|
"$type": "shadow"
|
|
48274
50615
|
}
|
|
50616
|
+
},
|
|
50617
|
+
"org.primer.llm": {
|
|
50618
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50619
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48275
50620
|
}
|
|
48276
50621
|
},
|
|
48277
50622
|
"key": "{shadow.resting.small}"
|
|
@@ -48282,8 +50627,9 @@
|
|
|
48282
50627
|
},
|
|
48283
50628
|
"shadow-resting-xsmall": {
|
|
48284
50629
|
"key": "{shadow.resting.xsmall}",
|
|
48285
|
-
"$value": "
|
|
50630
|
+
"$value": "0 1px 1px 0 #010409cc",
|
|
48286
50631
|
"$type": "shadow",
|
|
50632
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48287
50633
|
"$extensions": {
|
|
48288
50634
|
"org.primer.figma": {
|
|
48289
50635
|
"collection": "mode",
|
|
@@ -48294,16 +50640,32 @@
|
|
|
48294
50640
|
"$value": {
|
|
48295
50641
|
"color": "#010409",
|
|
48296
50642
|
"alpha": 0.8,
|
|
48297
|
-
"offsetX":
|
|
48298
|
-
|
|
48299
|
-
|
|
48300
|
-
|
|
50643
|
+
"offsetX": {
|
|
50644
|
+
"value": 0,
|
|
50645
|
+
"unit": "px"
|
|
50646
|
+
},
|
|
50647
|
+
"offsetY": {
|
|
50648
|
+
"value": 1,
|
|
50649
|
+
"unit": "px"
|
|
50650
|
+
},
|
|
50651
|
+
"blur": {
|
|
50652
|
+
"value": 1,
|
|
50653
|
+
"unit": "px"
|
|
50654
|
+
},
|
|
50655
|
+
"spread": {
|
|
50656
|
+
"value": 0,
|
|
50657
|
+
"unit": "px"
|
|
50658
|
+
},
|
|
48301
50659
|
"inset": false
|
|
48302
50660
|
},
|
|
48303
50661
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48304
50662
|
"isSource": true,
|
|
48305
50663
|
"$type": "shadow"
|
|
48306
50664
|
}
|
|
50665
|
+
},
|
|
50666
|
+
"org.primer.llm": {
|
|
50667
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50668
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48307
50669
|
}
|
|
48308
50670
|
},
|
|
48309
50671
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48312,13 +50674,26 @@
|
|
|
48312
50674
|
"$value": {
|
|
48313
50675
|
"color": "{base.color.neutral.0}",
|
|
48314
50676
|
"alpha": 0.8,
|
|
48315
|
-
"offsetX":
|
|
48316
|
-
|
|
48317
|
-
|
|
48318
|
-
|
|
50677
|
+
"offsetX": {
|
|
50678
|
+
"value": 0,
|
|
50679
|
+
"unit": "px"
|
|
50680
|
+
},
|
|
50681
|
+
"offsetY": {
|
|
50682
|
+
"value": 1,
|
|
50683
|
+
"unit": "px"
|
|
50684
|
+
},
|
|
50685
|
+
"blur": {
|
|
50686
|
+
"value": 1,
|
|
50687
|
+
"unit": "px"
|
|
50688
|
+
},
|
|
50689
|
+
"spread": {
|
|
50690
|
+
"value": 0,
|
|
50691
|
+
"unit": "px"
|
|
50692
|
+
},
|
|
48319
50693
|
"inset": false
|
|
48320
50694
|
},
|
|
48321
50695
|
"$type": "shadow",
|
|
50696
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48322
50697
|
"$extensions": {
|
|
48323
50698
|
"org.primer.figma": {
|
|
48324
50699
|
"collection": "mode",
|
|
@@ -48329,16 +50704,32 @@
|
|
|
48329
50704
|
"$value": {
|
|
48330
50705
|
"color": "{base.color.neutral.0}",
|
|
48331
50706
|
"alpha": 0.8,
|
|
48332
|
-
"offsetX":
|
|
48333
|
-
|
|
48334
|
-
|
|
48335
|
-
|
|
50707
|
+
"offsetX": {
|
|
50708
|
+
"value": 0,
|
|
50709
|
+
"unit": "px"
|
|
50710
|
+
},
|
|
50711
|
+
"offsetY": {
|
|
50712
|
+
"value": 1,
|
|
50713
|
+
"unit": "px"
|
|
50714
|
+
},
|
|
50715
|
+
"blur": {
|
|
50716
|
+
"value": 1,
|
|
50717
|
+
"unit": "px"
|
|
50718
|
+
},
|
|
50719
|
+
"spread": {
|
|
50720
|
+
"value": 0,
|
|
50721
|
+
"unit": "px"
|
|
50722
|
+
},
|
|
48336
50723
|
"inset": false
|
|
48337
50724
|
},
|
|
48338
50725
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48339
50726
|
"isSource": true,
|
|
48340
50727
|
"$type": "shadow"
|
|
48341
50728
|
}
|
|
50729
|
+
},
|
|
50730
|
+
"org.primer.llm": {
|
|
50731
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50732
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48342
50733
|
}
|
|
48343
50734
|
},
|
|
48344
50735
|
"key": "{shadow.resting.xsmall}"
|