@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": "#cdd9e5"
|
|
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": "#316dca",
|
|
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": "#4184e466",
|
|
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": "#966600",
|
|
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": "#ae7c1466",
|
|
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": "#c93c37",
|
|
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": "#e5534b66",
|
|
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": "#c93c37",
|
|
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": "#e5534b66",
|
|
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": "#3d444d",
|
|
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": "#8256d0",
|
|
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": "#986ee266",
|
|
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": "#656c76",
|
|
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": "#3d444db3",
|
|
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": "#656c76",
|
|
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": "#3d444db3",
|
|
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": "#347d39",
|
|
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": "#46954a66",
|
|
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": "#ae5622",
|
|
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": "#cc6b2c66",
|
|
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": "#ae4c82",
|
|
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": "#c9619866",
|
|
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": "#347d39",
|
|
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": "#46954a66",
|
|
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": "#8256d0",
|
|
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": "#986ee266",
|
|
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,
|
|
@@ -6946,7 +7106,7 @@
|
|
|
6946
7106
|
},
|
|
6947
7107
|
"button-danger-shadow-selected": {
|
|
6948
7108
|
"key": "{button.danger.shadow.selected}",
|
|
6949
|
-
"$value": "
|
|
7109
|
+
"$value": "0 0 0 0 #00000000",
|
|
6950
7110
|
"$type": "shadow",
|
|
6951
7111
|
"$extensions": {
|
|
6952
7112
|
"org.primer.figma": {
|
|
@@ -6959,10 +7119,22 @@
|
|
|
6959
7119
|
{
|
|
6960
7120
|
"color": "#4d210c",
|
|
6961
7121
|
"alpha": 0.2,
|
|
6962
|
-
"offsetX":
|
|
6963
|
-
|
|
6964
|
-
|
|
6965
|
-
|
|
7122
|
+
"offsetX": {
|
|
7123
|
+
"value": 0,
|
|
7124
|
+
"unit": "px"
|
|
7125
|
+
},
|
|
7126
|
+
"offsetY": {
|
|
7127
|
+
"value": 1,
|
|
7128
|
+
"unit": "px"
|
|
7129
|
+
},
|
|
7130
|
+
"blur": {
|
|
7131
|
+
"value": 0,
|
|
7132
|
+
"unit": "px"
|
|
7133
|
+
},
|
|
7134
|
+
"spread": {
|
|
7135
|
+
"value": 0,
|
|
7136
|
+
"unit": "px"
|
|
7137
|
+
},
|
|
6966
7138
|
"inset": true
|
|
6967
7139
|
}
|
|
6968
7140
|
],
|
|
@@ -6975,10 +7147,22 @@
|
|
|
6975
7147
|
{
|
|
6976
7148
|
"color": "#00000000",
|
|
6977
7149
|
"alpha": 0,
|
|
6978
|
-
"offsetX":
|
|
6979
|
-
|
|
6980
|
-
|
|
6981
|
-
|
|
7150
|
+
"offsetX": {
|
|
7151
|
+
"value": 0,
|
|
7152
|
+
"unit": "px"
|
|
7153
|
+
},
|
|
7154
|
+
"offsetY": {
|
|
7155
|
+
"value": 0,
|
|
7156
|
+
"unit": "px"
|
|
7157
|
+
},
|
|
7158
|
+
"blur": {
|
|
7159
|
+
"value": 0,
|
|
7160
|
+
"unit": "px"
|
|
7161
|
+
},
|
|
7162
|
+
"spread": {
|
|
7163
|
+
"value": 0,
|
|
7164
|
+
"unit": "px"
|
|
7165
|
+
},
|
|
6982
7166
|
"inset": false
|
|
6983
7167
|
}
|
|
6984
7168
|
],
|
|
@@ -6995,10 +7179,22 @@
|
|
|
6995
7179
|
{
|
|
6996
7180
|
"color": "{base.color.transparent}",
|
|
6997
7181
|
"alpha": 0,
|
|
6998
|
-
"offsetX":
|
|
6999
|
-
|
|
7000
|
-
|
|
7001
|
-
|
|
7182
|
+
"offsetX": {
|
|
7183
|
+
"value": 0,
|
|
7184
|
+
"unit": "px"
|
|
7185
|
+
},
|
|
7186
|
+
"offsetY": {
|
|
7187
|
+
"value": 0,
|
|
7188
|
+
"unit": "px"
|
|
7189
|
+
},
|
|
7190
|
+
"blur": {
|
|
7191
|
+
"value": 0,
|
|
7192
|
+
"unit": "px"
|
|
7193
|
+
},
|
|
7194
|
+
"spread": {
|
|
7195
|
+
"value": 0,
|
|
7196
|
+
"unit": "px"
|
|
7197
|
+
},
|
|
7002
7198
|
"inset": false
|
|
7003
7199
|
}
|
|
7004
7200
|
],
|
|
@@ -7014,10 +7210,22 @@
|
|
|
7014
7210
|
{
|
|
7015
7211
|
"color": "{base.color.orange.9}",
|
|
7016
7212
|
"alpha": 0.2,
|
|
7017
|
-
"offsetX":
|
|
7018
|
-
|
|
7019
|
-
|
|
7020
|
-
|
|
7213
|
+
"offsetX": {
|
|
7214
|
+
"value": 0,
|
|
7215
|
+
"unit": "px"
|
|
7216
|
+
},
|
|
7217
|
+
"offsetY": {
|
|
7218
|
+
"value": 1,
|
|
7219
|
+
"unit": "px"
|
|
7220
|
+
},
|
|
7221
|
+
"blur": {
|
|
7222
|
+
"value": 0,
|
|
7223
|
+
"unit": "px"
|
|
7224
|
+
},
|
|
7225
|
+
"spread": {
|
|
7226
|
+
"value": 0,
|
|
7227
|
+
"unit": "px"
|
|
7228
|
+
},
|
|
7021
7229
|
"inset": true
|
|
7022
7230
|
}
|
|
7023
7231
|
],
|
|
@@ -7030,10 +7238,22 @@
|
|
|
7030
7238
|
{
|
|
7031
7239
|
"color": "{base.color.transparent}",
|
|
7032
7240
|
"alpha": 0,
|
|
7033
|
-
"offsetX":
|
|
7034
|
-
|
|
7035
|
-
|
|
7036
|
-
|
|
7241
|
+
"offsetX": {
|
|
7242
|
+
"value": 0,
|
|
7243
|
+
"unit": "px"
|
|
7244
|
+
},
|
|
7245
|
+
"offsetY": {
|
|
7246
|
+
"value": 0,
|
|
7247
|
+
"unit": "px"
|
|
7248
|
+
},
|
|
7249
|
+
"blur": {
|
|
7250
|
+
"value": 0,
|
|
7251
|
+
"unit": "px"
|
|
7252
|
+
},
|
|
7253
|
+
"spread": {
|
|
7254
|
+
"value": 0,
|
|
7255
|
+
"unit": "px"
|
|
7256
|
+
},
|
|
7037
7257
|
"inset": false
|
|
7038
7258
|
}
|
|
7039
7259
|
],
|
|
@@ -7409,7 +7629,7 @@
|
|
|
7409
7629
|
},
|
|
7410
7630
|
"button-default-shadow-resting": {
|
|
7411
7631
|
"key": "{button.default.shadow.resting}",
|
|
7412
|
-
"$value": "
|
|
7632
|
+
"$value": "0 0 0 0 #00000000",
|
|
7413
7633
|
"$type": "shadow",
|
|
7414
7634
|
"$extensions": {
|
|
7415
7635
|
"org.primer.figma": {
|
|
@@ -7422,10 +7642,22 @@
|
|
|
7422
7642
|
{
|
|
7423
7643
|
"color": "#00000000",
|
|
7424
7644
|
"alpha": 0,
|
|
7425
|
-
"offsetX":
|
|
7426
|
-
|
|
7427
|
-
|
|
7428
|
-
|
|
7645
|
+
"offsetX": {
|
|
7646
|
+
"value": 0,
|
|
7647
|
+
"unit": "px"
|
|
7648
|
+
},
|
|
7649
|
+
"offsetY": {
|
|
7650
|
+
"value": 0,
|
|
7651
|
+
"unit": "px"
|
|
7652
|
+
},
|
|
7653
|
+
"blur": {
|
|
7654
|
+
"value": 0,
|
|
7655
|
+
"unit": "px"
|
|
7656
|
+
},
|
|
7657
|
+
"spread": {
|
|
7658
|
+
"value": 0,
|
|
7659
|
+
"unit": "px"
|
|
7660
|
+
},
|
|
7429
7661
|
"inset": false
|
|
7430
7662
|
}
|
|
7431
7663
|
],
|
|
@@ -7442,10 +7674,22 @@
|
|
|
7442
7674
|
{
|
|
7443
7675
|
"color": "{base.color.transparent}",
|
|
7444
7676
|
"alpha": 0,
|
|
7445
|
-
"offsetX":
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
|
|
7677
|
+
"offsetX": {
|
|
7678
|
+
"value": 0,
|
|
7679
|
+
"unit": "px"
|
|
7680
|
+
},
|
|
7681
|
+
"offsetY": {
|
|
7682
|
+
"value": 0,
|
|
7683
|
+
"unit": "px"
|
|
7684
|
+
},
|
|
7685
|
+
"blur": {
|
|
7686
|
+
"value": 0,
|
|
7687
|
+
"unit": "px"
|
|
7688
|
+
},
|
|
7689
|
+
"spread": {
|
|
7690
|
+
"value": 0,
|
|
7691
|
+
"unit": "px"
|
|
7692
|
+
},
|
|
7449
7693
|
"inset": false
|
|
7450
7694
|
}
|
|
7451
7695
|
],
|
|
@@ -7461,10 +7705,22 @@
|
|
|
7461
7705
|
{
|
|
7462
7706
|
"color": "{base.color.transparent}",
|
|
7463
7707
|
"alpha": 0,
|
|
7464
|
-
"offsetX":
|
|
7465
|
-
|
|
7466
|
-
|
|
7467
|
-
|
|
7708
|
+
"offsetX": {
|
|
7709
|
+
"value": 0,
|
|
7710
|
+
"unit": "px"
|
|
7711
|
+
},
|
|
7712
|
+
"offsetY": {
|
|
7713
|
+
"value": 0,
|
|
7714
|
+
"unit": "px"
|
|
7715
|
+
},
|
|
7716
|
+
"blur": {
|
|
7717
|
+
"value": 0,
|
|
7718
|
+
"unit": "px"
|
|
7719
|
+
},
|
|
7720
|
+
"spread": {
|
|
7721
|
+
"value": 0,
|
|
7722
|
+
"unit": "px"
|
|
7723
|
+
},
|
|
7468
7724
|
"inset": false
|
|
7469
7725
|
}
|
|
7470
7726
|
],
|
|
@@ -9168,7 +9424,7 @@
|
|
|
9168
9424
|
},
|
|
9169
9425
|
"button-outline-shadow-selected": {
|
|
9170
9426
|
"key": "{button.outline.shadow.selected}",
|
|
9171
|
-
"$value": "
|
|
9427
|
+
"$value": "0 0 0 0 #00000000",
|
|
9172
9428
|
"$type": "shadow",
|
|
9173
9429
|
"$extensions": {
|
|
9174
9430
|
"org.primer.figma": {
|
|
@@ -9181,10 +9437,22 @@
|
|
|
9181
9437
|
{
|
|
9182
9438
|
"color": "#00000000",
|
|
9183
9439
|
"alpha": 0,
|
|
9184
|
-
"offsetX":
|
|
9185
|
-
|
|
9186
|
-
|
|
9187
|
-
|
|
9440
|
+
"offsetX": {
|
|
9441
|
+
"value": 0,
|
|
9442
|
+
"unit": "px"
|
|
9443
|
+
},
|
|
9444
|
+
"offsetY": {
|
|
9445
|
+
"value": 0,
|
|
9446
|
+
"unit": "px"
|
|
9447
|
+
},
|
|
9448
|
+
"blur": {
|
|
9449
|
+
"value": 0,
|
|
9450
|
+
"unit": "px"
|
|
9451
|
+
},
|
|
9452
|
+
"spread": {
|
|
9453
|
+
"value": 0,
|
|
9454
|
+
"unit": "px"
|
|
9455
|
+
},
|
|
9188
9456
|
"inset": false
|
|
9189
9457
|
}
|
|
9190
9458
|
],
|
|
@@ -9201,10 +9469,22 @@
|
|
|
9201
9469
|
{
|
|
9202
9470
|
"color": "{base.color.transparent}",
|
|
9203
9471
|
"alpha": 0,
|
|
9204
|
-
"offsetX":
|
|
9205
|
-
|
|
9206
|
-
|
|
9207
|
-
|
|
9472
|
+
"offsetX": {
|
|
9473
|
+
"value": 0,
|
|
9474
|
+
"unit": "px"
|
|
9475
|
+
},
|
|
9476
|
+
"offsetY": {
|
|
9477
|
+
"value": 0,
|
|
9478
|
+
"unit": "px"
|
|
9479
|
+
},
|
|
9480
|
+
"blur": {
|
|
9481
|
+
"value": 0,
|
|
9482
|
+
"unit": "px"
|
|
9483
|
+
},
|
|
9484
|
+
"spread": {
|
|
9485
|
+
"value": 0,
|
|
9486
|
+
"unit": "px"
|
|
9487
|
+
},
|
|
9208
9488
|
"inset": false
|
|
9209
9489
|
}
|
|
9210
9490
|
],
|
|
@@ -9220,10 +9500,22 @@
|
|
|
9220
9500
|
{
|
|
9221
9501
|
"color": "{base.color.transparent}",
|
|
9222
9502
|
"alpha": 0,
|
|
9223
|
-
"offsetX":
|
|
9224
|
-
|
|
9225
|
-
|
|
9226
|
-
|
|
9503
|
+
"offsetX": {
|
|
9504
|
+
"value": 0,
|
|
9505
|
+
"unit": "px"
|
|
9506
|
+
},
|
|
9507
|
+
"offsetY": {
|
|
9508
|
+
"value": 0,
|
|
9509
|
+
"unit": "px"
|
|
9510
|
+
},
|
|
9511
|
+
"blur": {
|
|
9512
|
+
"value": 0,
|
|
9513
|
+
"unit": "px"
|
|
9514
|
+
},
|
|
9515
|
+
"spread": {
|
|
9516
|
+
"value": 0,
|
|
9517
|
+
"unit": "px"
|
|
9518
|
+
},
|
|
9227
9519
|
"inset": false
|
|
9228
9520
|
}
|
|
9229
9521
|
],
|
|
@@ -10374,7 +10666,7 @@
|
|
|
10374
10666
|
},
|
|
10375
10667
|
"button-primary-shadow-selected": {
|
|
10376
10668
|
"key": "{button.primary.shadow.selected}",
|
|
10377
|
-
"$value": "
|
|
10669
|
+
"$value": "0 0 0 0 #00000000",
|
|
10378
10670
|
"$type": "shadow",
|
|
10379
10671
|
"$extensions": {
|
|
10380
10672
|
"org.primer.figma": {
|
|
@@ -10387,10 +10679,22 @@
|
|
|
10387
10679
|
{
|
|
10388
10680
|
"color": "#0f2d5c",
|
|
10389
10681
|
"alpha": 0.3,
|
|
10390
|
-
"offsetX":
|
|
10391
|
-
|
|
10392
|
-
|
|
10393
|
-
|
|
10682
|
+
"offsetX": {
|
|
10683
|
+
"value": 0,
|
|
10684
|
+
"unit": "px"
|
|
10685
|
+
},
|
|
10686
|
+
"offsetY": {
|
|
10687
|
+
"value": 1,
|
|
10688
|
+
"unit": "px"
|
|
10689
|
+
},
|
|
10690
|
+
"blur": {
|
|
10691
|
+
"value": 0,
|
|
10692
|
+
"unit": "px"
|
|
10693
|
+
},
|
|
10694
|
+
"spread": {
|
|
10695
|
+
"value": 0,
|
|
10696
|
+
"unit": "px"
|
|
10697
|
+
},
|
|
10394
10698
|
"inset": true
|
|
10395
10699
|
}
|
|
10396
10700
|
],
|
|
@@ -10403,10 +10707,22 @@
|
|
|
10403
10707
|
{
|
|
10404
10708
|
"color": "#0f2d5c",
|
|
10405
10709
|
"alpha": 0.3,
|
|
10406
|
-
"offsetX":
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10710
|
+
"offsetX": {
|
|
10711
|
+
"value": 0,
|
|
10712
|
+
"unit": "px"
|
|
10713
|
+
},
|
|
10714
|
+
"offsetY": {
|
|
10715
|
+
"value": 1,
|
|
10716
|
+
"unit": "px"
|
|
10717
|
+
},
|
|
10718
|
+
"blur": {
|
|
10719
|
+
"value": 0,
|
|
10720
|
+
"unit": "px"
|
|
10721
|
+
},
|
|
10722
|
+
"spread": {
|
|
10723
|
+
"value": 0,
|
|
10724
|
+
"unit": "px"
|
|
10725
|
+
},
|
|
10410
10726
|
"inset": true
|
|
10411
10727
|
}
|
|
10412
10728
|
],
|
|
@@ -10419,10 +10735,22 @@
|
|
|
10419
10735
|
{
|
|
10420
10736
|
"color": "#00000000",
|
|
10421
10737
|
"alpha": 0,
|
|
10422
|
-
"offsetX":
|
|
10423
|
-
|
|
10424
|
-
|
|
10425
|
-
|
|
10738
|
+
"offsetX": {
|
|
10739
|
+
"value": 0,
|
|
10740
|
+
"unit": "px"
|
|
10741
|
+
},
|
|
10742
|
+
"offsetY": {
|
|
10743
|
+
"value": 0,
|
|
10744
|
+
"unit": "px"
|
|
10745
|
+
},
|
|
10746
|
+
"blur": {
|
|
10747
|
+
"value": 0,
|
|
10748
|
+
"unit": "px"
|
|
10749
|
+
},
|
|
10750
|
+
"spread": {
|
|
10751
|
+
"value": 0,
|
|
10752
|
+
"unit": "px"
|
|
10753
|
+
},
|
|
10426
10754
|
"inset": false
|
|
10427
10755
|
}
|
|
10428
10756
|
],
|
|
@@ -10439,10 +10767,22 @@
|
|
|
10439
10767
|
{
|
|
10440
10768
|
"color": "{base.color.transparent}",
|
|
10441
10769
|
"alpha": 0,
|
|
10442
|
-
"offsetX":
|
|
10443
|
-
|
|
10444
|
-
|
|
10445
|
-
|
|
10770
|
+
"offsetX": {
|
|
10771
|
+
"value": 0,
|
|
10772
|
+
"unit": "px"
|
|
10773
|
+
},
|
|
10774
|
+
"offsetY": {
|
|
10775
|
+
"value": 0,
|
|
10776
|
+
"unit": "px"
|
|
10777
|
+
},
|
|
10778
|
+
"blur": {
|
|
10779
|
+
"value": 0,
|
|
10780
|
+
"unit": "px"
|
|
10781
|
+
},
|
|
10782
|
+
"spread": {
|
|
10783
|
+
"value": 0,
|
|
10784
|
+
"unit": "px"
|
|
10785
|
+
},
|
|
10446
10786
|
"inset": false
|
|
10447
10787
|
}
|
|
10448
10788
|
],
|
|
@@ -10458,10 +10798,22 @@
|
|
|
10458
10798
|
{
|
|
10459
10799
|
"color": "{base.color.blue.9}",
|
|
10460
10800
|
"alpha": 0.3,
|
|
10461
|
-
"offsetX":
|
|
10462
|
-
|
|
10463
|
-
|
|
10464
|
-
|
|
10801
|
+
"offsetX": {
|
|
10802
|
+
"value": 0,
|
|
10803
|
+
"unit": "px"
|
|
10804
|
+
},
|
|
10805
|
+
"offsetY": {
|
|
10806
|
+
"value": 1,
|
|
10807
|
+
"unit": "px"
|
|
10808
|
+
},
|
|
10809
|
+
"blur": {
|
|
10810
|
+
"value": 0,
|
|
10811
|
+
"unit": "px"
|
|
10812
|
+
},
|
|
10813
|
+
"spread": {
|
|
10814
|
+
"value": 0,
|
|
10815
|
+
"unit": "px"
|
|
10816
|
+
},
|
|
10465
10817
|
"inset": true
|
|
10466
10818
|
}
|
|
10467
10819
|
],
|
|
@@ -10474,10 +10826,22 @@
|
|
|
10474
10826
|
{
|
|
10475
10827
|
"color": "{base.color.blue.9}",
|
|
10476
10828
|
"alpha": 0.3,
|
|
10477
|
-
"offsetX":
|
|
10478
|
-
|
|
10479
|
-
|
|
10480
|
-
|
|
10829
|
+
"offsetX": {
|
|
10830
|
+
"value": 0,
|
|
10831
|
+
"unit": "px"
|
|
10832
|
+
},
|
|
10833
|
+
"offsetY": {
|
|
10834
|
+
"value": 1,
|
|
10835
|
+
"unit": "px"
|
|
10836
|
+
},
|
|
10837
|
+
"blur": {
|
|
10838
|
+
"value": 0,
|
|
10839
|
+
"unit": "px"
|
|
10840
|
+
},
|
|
10841
|
+
"spread": {
|
|
10842
|
+
"value": 0,
|
|
10843
|
+
"unit": "px"
|
|
10844
|
+
},
|
|
10481
10845
|
"inset": true
|
|
10482
10846
|
}
|
|
10483
10847
|
],
|
|
@@ -10490,10 +10854,22 @@
|
|
|
10490
10854
|
{
|
|
10491
10855
|
"color": "{base.color.transparent}",
|
|
10492
10856
|
"alpha": 0,
|
|
10493
|
-
"offsetX":
|
|
10494
|
-
|
|
10495
|
-
|
|
10496
|
-
|
|
10857
|
+
"offsetX": {
|
|
10858
|
+
"value": 0,
|
|
10859
|
+
"unit": "px"
|
|
10860
|
+
},
|
|
10861
|
+
"offsetY": {
|
|
10862
|
+
"value": 0,
|
|
10863
|
+
"unit": "px"
|
|
10864
|
+
},
|
|
10865
|
+
"blur": {
|
|
10866
|
+
"value": 0,
|
|
10867
|
+
"unit": "px"
|
|
10868
|
+
},
|
|
10869
|
+
"spread": {
|
|
10870
|
+
"value": 0,
|
|
10871
|
+
"unit": "px"
|
|
10872
|
+
},
|
|
10497
10873
|
"inset": false
|
|
10498
10874
|
}
|
|
10499
10875
|
],
|
|
@@ -37246,6 +37622,10 @@
|
|
|
37246
37622
|
},
|
|
37247
37623
|
"org.primer.overrides": {
|
|
37248
37624
|
"dark": "#010409"
|
|
37625
|
+
},
|
|
37626
|
+
"org.primer.llm": {
|
|
37627
|
+
"doNotUse": true,
|
|
37628
|
+
"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."
|
|
37249
37629
|
}
|
|
37250
37630
|
},
|
|
37251
37631
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37262,6 +37642,10 @@
|
|
|
37262
37642
|
},
|
|
37263
37643
|
"org.primer.overrides": {
|
|
37264
37644
|
"dark": "{base.color.neutral.0}"
|
|
37645
|
+
},
|
|
37646
|
+
"org.primer.llm": {
|
|
37647
|
+
"doNotUse": true,
|
|
37648
|
+
"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."
|
|
37265
37649
|
}
|
|
37266
37650
|
},
|
|
37267
37651
|
"key": "{fgColor.black}"
|
|
@@ -38235,6 +38619,10 @@
|
|
|
38235
38619
|
},
|
|
38236
38620
|
"org.primer.overrides": {
|
|
38237
38621
|
"dark": "#cdd9e5"
|
|
38622
|
+
},
|
|
38623
|
+
"org.primer.llm": {
|
|
38624
|
+
"doNotUse": true,
|
|
38625
|
+
"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."
|
|
38238
38626
|
}
|
|
38239
38627
|
},
|
|
38240
38628
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38251,6 +38639,10 @@
|
|
|
38251
38639
|
},
|
|
38252
38640
|
"org.primer.overrides": {
|
|
38253
38641
|
"dark": "{base.color.neutral.13}"
|
|
38642
|
+
},
|
|
38643
|
+
"org.primer.llm": {
|
|
38644
|
+
"doNotUse": true,
|
|
38645
|
+
"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."
|
|
38254
38646
|
}
|
|
38255
38647
|
},
|
|
38256
38648
|
"key": "{fgColor.white}"
|
|
@@ -38276,7 +38668,10 @@
|
|
|
38276
38668
|
"$value": {
|
|
38277
38669
|
"color": "{focus.outlineColor}",
|
|
38278
38670
|
"style": "solid",
|
|
38279
|
-
"width":
|
|
38671
|
+
"width": {
|
|
38672
|
+
"value": 2,
|
|
38673
|
+
"unit": "px"
|
|
38674
|
+
}
|
|
38280
38675
|
},
|
|
38281
38676
|
"$type": "border",
|
|
38282
38677
|
"$description": "Focus ring outline for keyboard navigation and accessibility.",
|
|
@@ -47435,7 +47830,7 @@
|
|
|
47435
47830
|
},
|
|
47436
47831
|
"shadow-floating-large": {
|
|
47437
47832
|
"key": "{shadow.floating.large}",
|
|
47438
|
-
"$value": "
|
|
47833
|
+
"$value": "0 0 0 1px #3d444d, 0 24px 48px 0 #010409",
|
|
47439
47834
|
"$type": "shadow",
|
|
47440
47835
|
"$description": "Large floating shadow for modals and dialogs",
|
|
47441
47836
|
"$extensions": {
|
|
@@ -47449,18 +47844,183 @@
|
|
|
47449
47844
|
{
|
|
47450
47845
|
"color": "#3d444db3",
|
|
47451
47846
|
"alpha": 1,
|
|
47452
|
-
"offsetX":
|
|
47453
|
-
|
|
47454
|
-
|
|
47455
|
-
|
|
47847
|
+
"offsetX": {
|
|
47848
|
+
"value": 0,
|
|
47849
|
+
"unit": "px"
|
|
47850
|
+
},
|
|
47851
|
+
"offsetY": {
|
|
47852
|
+
"value": 0,
|
|
47853
|
+
"unit": "px"
|
|
47854
|
+
},
|
|
47855
|
+
"blur": {
|
|
47856
|
+
"value": 0,
|
|
47857
|
+
"unit": "px"
|
|
47858
|
+
},
|
|
47859
|
+
"spread": {
|
|
47860
|
+
"value": 1,
|
|
47861
|
+
"unit": "px"
|
|
47862
|
+
}
|
|
47456
47863
|
},
|
|
47457
47864
|
{
|
|
47458
47865
|
"color": "#010409",
|
|
47459
47866
|
"alpha": 1,
|
|
47460
|
-
"offsetX":
|
|
47461
|
-
|
|
47462
|
-
|
|
47463
|
-
|
|
47867
|
+
"offsetX": {
|
|
47868
|
+
"value": 0,
|
|
47869
|
+
"unit": "px"
|
|
47870
|
+
},
|
|
47871
|
+
"offsetY": {
|
|
47872
|
+
"value": 24,
|
|
47873
|
+
"unit": "px"
|
|
47874
|
+
},
|
|
47875
|
+
"blur": {
|
|
47876
|
+
"value": 48,
|
|
47877
|
+
"unit": "px"
|
|
47878
|
+
},
|
|
47879
|
+
"spread": {
|
|
47880
|
+
"value": 0,
|
|
47881
|
+
"unit": "px"
|
|
47882
|
+
}
|
|
47883
|
+
}
|
|
47884
|
+
],
|
|
47885
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47886
|
+
"isSource": true,
|
|
47887
|
+
"$type": "shadow"
|
|
47888
|
+
},
|
|
47889
|
+
"light-high-contrast": {
|
|
47890
|
+
"$value": [
|
|
47891
|
+
{
|
|
47892
|
+
"color": "#3d444db3",
|
|
47893
|
+
"alpha": 1,
|
|
47894
|
+
"offsetX": {
|
|
47895
|
+
"value": 0,
|
|
47896
|
+
"unit": "px"
|
|
47897
|
+
},
|
|
47898
|
+
"offsetY": {
|
|
47899
|
+
"value": 0,
|
|
47900
|
+
"unit": "px"
|
|
47901
|
+
},
|
|
47902
|
+
"blur": {
|
|
47903
|
+
"value": 0,
|
|
47904
|
+
"unit": "px"
|
|
47905
|
+
},
|
|
47906
|
+
"spread": {
|
|
47907
|
+
"value": 1,
|
|
47908
|
+
"unit": "px"
|
|
47909
|
+
}
|
|
47910
|
+
},
|
|
47911
|
+
{
|
|
47912
|
+
"color": "#f0f6fc",
|
|
47913
|
+
"alpha": 0.24,
|
|
47914
|
+
"offsetX": {
|
|
47915
|
+
"value": 0,
|
|
47916
|
+
"unit": "px"
|
|
47917
|
+
},
|
|
47918
|
+
"offsetY": {
|
|
47919
|
+
"value": 40,
|
|
47920
|
+
"unit": "px"
|
|
47921
|
+
},
|
|
47922
|
+
"blur": {
|
|
47923
|
+
"value": 80,
|
|
47924
|
+
"unit": "px"
|
|
47925
|
+
},
|
|
47926
|
+
"spread": {
|
|
47927
|
+
"value": 0,
|
|
47928
|
+
"unit": "px"
|
|
47929
|
+
}
|
|
47930
|
+
}
|
|
47931
|
+
],
|
|
47932
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47933
|
+
"isSource": true,
|
|
47934
|
+
"$type": "shadow"
|
|
47935
|
+
},
|
|
47936
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
47937
|
+
"$value": [
|
|
47938
|
+
{
|
|
47939
|
+
"color": "#3d444db3",
|
|
47940
|
+
"alpha": 1,
|
|
47941
|
+
"offsetX": {
|
|
47942
|
+
"value": 0,
|
|
47943
|
+
"unit": "px"
|
|
47944
|
+
},
|
|
47945
|
+
"offsetY": {
|
|
47946
|
+
"value": 0,
|
|
47947
|
+
"unit": "px"
|
|
47948
|
+
},
|
|
47949
|
+
"blur": {
|
|
47950
|
+
"value": 0,
|
|
47951
|
+
"unit": "px"
|
|
47952
|
+
},
|
|
47953
|
+
"spread": {
|
|
47954
|
+
"value": 1,
|
|
47955
|
+
"unit": "px"
|
|
47956
|
+
}
|
|
47957
|
+
},
|
|
47958
|
+
{
|
|
47959
|
+
"color": "#f0f6fc",
|
|
47960
|
+
"alpha": 0.24,
|
|
47961
|
+
"offsetX": {
|
|
47962
|
+
"value": 0,
|
|
47963
|
+
"unit": "px"
|
|
47964
|
+
},
|
|
47965
|
+
"offsetY": {
|
|
47966
|
+
"value": 40,
|
|
47967
|
+
"unit": "px"
|
|
47968
|
+
},
|
|
47969
|
+
"blur": {
|
|
47970
|
+
"value": 80,
|
|
47971
|
+
"unit": "px"
|
|
47972
|
+
},
|
|
47973
|
+
"spread": {
|
|
47974
|
+
"value": 0,
|
|
47975
|
+
"unit": "px"
|
|
47976
|
+
}
|
|
47977
|
+
}
|
|
47978
|
+
],
|
|
47979
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47980
|
+
"isSource": true,
|
|
47981
|
+
"$type": "shadow"
|
|
47982
|
+
},
|
|
47983
|
+
"light-tritanopia-high-contrast": {
|
|
47984
|
+
"$value": [
|
|
47985
|
+
{
|
|
47986
|
+
"color": "#3d444db3",
|
|
47987
|
+
"alpha": 1,
|
|
47988
|
+
"offsetX": {
|
|
47989
|
+
"value": 0,
|
|
47990
|
+
"unit": "px"
|
|
47991
|
+
},
|
|
47992
|
+
"offsetY": {
|
|
47993
|
+
"value": 0,
|
|
47994
|
+
"unit": "px"
|
|
47995
|
+
},
|
|
47996
|
+
"blur": {
|
|
47997
|
+
"value": 0,
|
|
47998
|
+
"unit": "px"
|
|
47999
|
+
},
|
|
48000
|
+
"spread": {
|
|
48001
|
+
"value": 1,
|
|
48002
|
+
"unit": "px"
|
|
48003
|
+
}
|
|
48004
|
+
},
|
|
48005
|
+
{
|
|
48006
|
+
"color": "#f0f6fc",
|
|
48007
|
+
"alpha": 0.24,
|
|
48008
|
+
"offsetX": {
|
|
48009
|
+
"value": 0,
|
|
48010
|
+
"unit": "px"
|
|
48011
|
+
},
|
|
48012
|
+
"offsetY": {
|
|
48013
|
+
"value": 40,
|
|
48014
|
+
"unit": "px"
|
|
48015
|
+
},
|
|
48016
|
+
"blur": {
|
|
48017
|
+
"value": 80,
|
|
48018
|
+
"unit": "px"
|
|
48019
|
+
},
|
|
48020
|
+
"spread": {
|
|
48021
|
+
"value": 0,
|
|
48022
|
+
"unit": "px"
|
|
48023
|
+
}
|
|
47464
48024
|
}
|
|
47465
48025
|
],
|
|
47466
48026
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47480,18 +48040,42 @@
|
|
|
47480
48040
|
{
|
|
47481
48041
|
"color": "{overlay.borderColor}",
|
|
47482
48042
|
"alpha": 1,
|
|
47483
|
-
"offsetX":
|
|
47484
|
-
|
|
47485
|
-
|
|
47486
|
-
|
|
48043
|
+
"offsetX": {
|
|
48044
|
+
"value": 0,
|
|
48045
|
+
"unit": "px"
|
|
48046
|
+
},
|
|
48047
|
+
"offsetY": {
|
|
48048
|
+
"value": 0,
|
|
48049
|
+
"unit": "px"
|
|
48050
|
+
},
|
|
48051
|
+
"blur": {
|
|
48052
|
+
"value": 0,
|
|
48053
|
+
"unit": "px"
|
|
48054
|
+
},
|
|
48055
|
+
"spread": {
|
|
48056
|
+
"value": 1,
|
|
48057
|
+
"unit": "px"
|
|
48058
|
+
}
|
|
47487
48059
|
},
|
|
47488
48060
|
{
|
|
47489
48061
|
"color": "{base.color.neutral.0}",
|
|
47490
48062
|
"alpha": 1,
|
|
47491
|
-
"offsetX":
|
|
47492
|
-
|
|
47493
|
-
|
|
47494
|
-
|
|
48063
|
+
"offsetX": {
|
|
48064
|
+
"value": 0,
|
|
48065
|
+
"unit": "px"
|
|
48066
|
+
},
|
|
48067
|
+
"offsetY": {
|
|
48068
|
+
"value": 24,
|
|
48069
|
+
"unit": "px"
|
|
48070
|
+
},
|
|
48071
|
+
"blur": {
|
|
48072
|
+
"value": 48,
|
|
48073
|
+
"unit": "px"
|
|
48074
|
+
},
|
|
48075
|
+
"spread": {
|
|
48076
|
+
"value": 0,
|
|
48077
|
+
"unit": "px"
|
|
48078
|
+
}
|
|
47495
48079
|
}
|
|
47496
48080
|
],
|
|
47497
48081
|
"$type": "shadow",
|
|
@@ -47507,18 +48091,183 @@
|
|
|
47507
48091
|
{
|
|
47508
48092
|
"color": "{overlay.borderColor}",
|
|
47509
48093
|
"alpha": 1,
|
|
47510
|
-
"offsetX":
|
|
47511
|
-
|
|
47512
|
-
|
|
47513
|
-
|
|
48094
|
+
"offsetX": {
|
|
48095
|
+
"value": 0,
|
|
48096
|
+
"unit": "px"
|
|
48097
|
+
},
|
|
48098
|
+
"offsetY": {
|
|
48099
|
+
"value": 0,
|
|
48100
|
+
"unit": "px"
|
|
48101
|
+
},
|
|
48102
|
+
"blur": {
|
|
48103
|
+
"value": 0,
|
|
48104
|
+
"unit": "px"
|
|
48105
|
+
},
|
|
48106
|
+
"spread": {
|
|
48107
|
+
"value": 1,
|
|
48108
|
+
"unit": "px"
|
|
48109
|
+
}
|
|
47514
48110
|
},
|
|
47515
48111
|
{
|
|
47516
48112
|
"color": "{base.color.neutral.0}",
|
|
47517
48113
|
"alpha": 1,
|
|
47518
|
-
"offsetX":
|
|
47519
|
-
|
|
47520
|
-
|
|
47521
|
-
|
|
48114
|
+
"offsetX": {
|
|
48115
|
+
"value": 0,
|
|
48116
|
+
"unit": "px"
|
|
48117
|
+
},
|
|
48118
|
+
"offsetY": {
|
|
48119
|
+
"value": 24,
|
|
48120
|
+
"unit": "px"
|
|
48121
|
+
},
|
|
48122
|
+
"blur": {
|
|
48123
|
+
"value": 48,
|
|
48124
|
+
"unit": "px"
|
|
48125
|
+
},
|
|
48126
|
+
"spread": {
|
|
48127
|
+
"value": 0,
|
|
48128
|
+
"unit": "px"
|
|
48129
|
+
}
|
|
48130
|
+
}
|
|
48131
|
+
],
|
|
48132
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48133
|
+
"isSource": true,
|
|
48134
|
+
"$type": "shadow"
|
|
48135
|
+
},
|
|
48136
|
+
"light-high-contrast": {
|
|
48137
|
+
"$value": [
|
|
48138
|
+
{
|
|
48139
|
+
"color": "{overlay.borderColor}",
|
|
48140
|
+
"alpha": 1,
|
|
48141
|
+
"offsetX": {
|
|
48142
|
+
"value": 0,
|
|
48143
|
+
"unit": "px"
|
|
48144
|
+
},
|
|
48145
|
+
"offsetY": {
|
|
48146
|
+
"value": 0,
|
|
48147
|
+
"unit": "px"
|
|
48148
|
+
},
|
|
48149
|
+
"blur": {
|
|
48150
|
+
"value": 0,
|
|
48151
|
+
"unit": "px"
|
|
48152
|
+
},
|
|
48153
|
+
"spread": {
|
|
48154
|
+
"value": 1,
|
|
48155
|
+
"unit": "px"
|
|
48156
|
+
}
|
|
48157
|
+
},
|
|
48158
|
+
{
|
|
48159
|
+
"color": "{base.color.neutral.12}",
|
|
48160
|
+
"alpha": 0.24,
|
|
48161
|
+
"offsetX": {
|
|
48162
|
+
"value": 0,
|
|
48163
|
+
"unit": "px"
|
|
48164
|
+
},
|
|
48165
|
+
"offsetY": {
|
|
48166
|
+
"value": 40,
|
|
48167
|
+
"unit": "px"
|
|
48168
|
+
},
|
|
48169
|
+
"blur": {
|
|
48170
|
+
"value": 80,
|
|
48171
|
+
"unit": "px"
|
|
48172
|
+
},
|
|
48173
|
+
"spread": {
|
|
48174
|
+
"value": 0,
|
|
48175
|
+
"unit": "px"
|
|
48176
|
+
}
|
|
48177
|
+
}
|
|
48178
|
+
],
|
|
48179
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48180
|
+
"isSource": true,
|
|
48181
|
+
"$type": "shadow"
|
|
48182
|
+
},
|
|
48183
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48184
|
+
"$value": [
|
|
48185
|
+
{
|
|
48186
|
+
"color": "{overlay.borderColor}",
|
|
48187
|
+
"alpha": 1,
|
|
48188
|
+
"offsetX": {
|
|
48189
|
+
"value": 0,
|
|
48190
|
+
"unit": "px"
|
|
48191
|
+
},
|
|
48192
|
+
"offsetY": {
|
|
48193
|
+
"value": 0,
|
|
48194
|
+
"unit": "px"
|
|
48195
|
+
},
|
|
48196
|
+
"blur": {
|
|
48197
|
+
"value": 0,
|
|
48198
|
+
"unit": "px"
|
|
48199
|
+
},
|
|
48200
|
+
"spread": {
|
|
48201
|
+
"value": 1,
|
|
48202
|
+
"unit": "px"
|
|
48203
|
+
}
|
|
48204
|
+
},
|
|
48205
|
+
{
|
|
48206
|
+
"color": "{base.color.neutral.12}",
|
|
48207
|
+
"alpha": 0.24,
|
|
48208
|
+
"offsetX": {
|
|
48209
|
+
"value": 0,
|
|
48210
|
+
"unit": "px"
|
|
48211
|
+
},
|
|
48212
|
+
"offsetY": {
|
|
48213
|
+
"value": 40,
|
|
48214
|
+
"unit": "px"
|
|
48215
|
+
},
|
|
48216
|
+
"blur": {
|
|
48217
|
+
"value": 80,
|
|
48218
|
+
"unit": "px"
|
|
48219
|
+
},
|
|
48220
|
+
"spread": {
|
|
48221
|
+
"value": 0,
|
|
48222
|
+
"unit": "px"
|
|
48223
|
+
}
|
|
48224
|
+
}
|
|
48225
|
+
],
|
|
48226
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48227
|
+
"isSource": true,
|
|
48228
|
+
"$type": "shadow"
|
|
48229
|
+
},
|
|
48230
|
+
"light-tritanopia-high-contrast": {
|
|
48231
|
+
"$value": [
|
|
48232
|
+
{
|
|
48233
|
+
"color": "{overlay.borderColor}",
|
|
48234
|
+
"alpha": 1,
|
|
48235
|
+
"offsetX": {
|
|
48236
|
+
"value": 0,
|
|
48237
|
+
"unit": "px"
|
|
48238
|
+
},
|
|
48239
|
+
"offsetY": {
|
|
48240
|
+
"value": 0,
|
|
48241
|
+
"unit": "px"
|
|
48242
|
+
},
|
|
48243
|
+
"blur": {
|
|
48244
|
+
"value": 0,
|
|
48245
|
+
"unit": "px"
|
|
48246
|
+
},
|
|
48247
|
+
"spread": {
|
|
48248
|
+
"value": 1,
|
|
48249
|
+
"unit": "px"
|
|
48250
|
+
}
|
|
48251
|
+
},
|
|
48252
|
+
{
|
|
48253
|
+
"color": "{base.color.neutral.12}",
|
|
48254
|
+
"alpha": 0.24,
|
|
48255
|
+
"offsetX": {
|
|
48256
|
+
"value": 0,
|
|
48257
|
+
"unit": "px"
|
|
48258
|
+
},
|
|
48259
|
+
"offsetY": {
|
|
48260
|
+
"value": 40,
|
|
48261
|
+
"unit": "px"
|
|
48262
|
+
},
|
|
48263
|
+
"blur": {
|
|
48264
|
+
"value": 80,
|
|
48265
|
+
"unit": "px"
|
|
48266
|
+
},
|
|
48267
|
+
"spread": {
|
|
48268
|
+
"value": 0,
|
|
48269
|
+
"unit": "px"
|
|
48270
|
+
}
|
|
47522
48271
|
}
|
|
47523
48272
|
],
|
|
47524
48273
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47539,8 +48288,9 @@
|
|
|
47539
48288
|
},
|
|
47540
48289
|
"shadow-floating-legacy": {
|
|
47541
48290
|
"key": "{shadow.floating.legacy}",
|
|
47542
|
-
"$value": "
|
|
48291
|
+
"$value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
47543
48292
|
"$type": "shadow",
|
|
48293
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47544
48294
|
"$extensions": {
|
|
47545
48295
|
"org.primer.figma": {},
|
|
47546
48296
|
"org.primer.overrides": {
|
|
@@ -47549,24 +48299,52 @@
|
|
|
47549
48299
|
{
|
|
47550
48300
|
"color": "#010409",
|
|
47551
48301
|
"alpha": 0.4,
|
|
47552
|
-
"offsetX":
|
|
47553
|
-
|
|
47554
|
-
|
|
47555
|
-
|
|
48302
|
+
"offsetX": {
|
|
48303
|
+
"value": 0,
|
|
48304
|
+
"unit": "px"
|
|
48305
|
+
},
|
|
48306
|
+
"offsetY": {
|
|
48307
|
+
"value": 6,
|
|
48308
|
+
"unit": "px"
|
|
48309
|
+
},
|
|
48310
|
+
"blur": {
|
|
48311
|
+
"value": 12,
|
|
48312
|
+
"unit": "px"
|
|
48313
|
+
},
|
|
48314
|
+
"spread": {
|
|
48315
|
+
"value": -3,
|
|
48316
|
+
"unit": "px"
|
|
48317
|
+
}
|
|
47556
48318
|
},
|
|
47557
48319
|
{
|
|
47558
48320
|
"color": "#010409",
|
|
47559
48321
|
"alpha": 0.4,
|
|
47560
|
-
"offsetX":
|
|
47561
|
-
|
|
47562
|
-
|
|
47563
|
-
|
|
48322
|
+
"offsetX": {
|
|
48323
|
+
"value": 0,
|
|
48324
|
+
"unit": "px"
|
|
48325
|
+
},
|
|
48326
|
+
"offsetY": {
|
|
48327
|
+
"value": 6,
|
|
48328
|
+
"unit": "px"
|
|
48329
|
+
},
|
|
48330
|
+
"blur": {
|
|
48331
|
+
"value": 18,
|
|
48332
|
+
"unit": "px"
|
|
48333
|
+
},
|
|
48334
|
+
"spread": {
|
|
48335
|
+
"value": 0,
|
|
48336
|
+
"unit": "px"
|
|
48337
|
+
}
|
|
47564
48338
|
}
|
|
47565
48339
|
],
|
|
47566
48340
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47567
48341
|
"isSource": true,
|
|
47568
48342
|
"$type": "shadow"
|
|
47569
48343
|
}
|
|
48344
|
+
},
|
|
48345
|
+
"org.primer.llm": {
|
|
48346
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48347
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47570
48348
|
}
|
|
47571
48349
|
},
|
|
47572
48350
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47576,21 +48354,46 @@
|
|
|
47576
48354
|
{
|
|
47577
48355
|
"color": "{base.color.neutral.0}",
|
|
47578
48356
|
"alpha": 0.4,
|
|
47579
|
-
"offsetX":
|
|
47580
|
-
|
|
47581
|
-
|
|
47582
|
-
|
|
48357
|
+
"offsetX": {
|
|
48358
|
+
"value": 0,
|
|
48359
|
+
"unit": "px"
|
|
48360
|
+
},
|
|
48361
|
+
"offsetY": {
|
|
48362
|
+
"value": 6,
|
|
48363
|
+
"unit": "px"
|
|
48364
|
+
},
|
|
48365
|
+
"blur": {
|
|
48366
|
+
"value": 12,
|
|
48367
|
+
"unit": "px"
|
|
48368
|
+
},
|
|
48369
|
+
"spread": {
|
|
48370
|
+
"value": -3,
|
|
48371
|
+
"unit": "px"
|
|
48372
|
+
}
|
|
47583
48373
|
},
|
|
47584
48374
|
{
|
|
47585
48375
|
"color": "{base.color.neutral.0}",
|
|
47586
48376
|
"alpha": 0.4,
|
|
47587
|
-
"offsetX":
|
|
47588
|
-
|
|
47589
|
-
|
|
47590
|
-
|
|
48377
|
+
"offsetX": {
|
|
48378
|
+
"value": 0,
|
|
48379
|
+
"unit": "px"
|
|
48380
|
+
},
|
|
48381
|
+
"offsetY": {
|
|
48382
|
+
"value": 6,
|
|
48383
|
+
"unit": "px"
|
|
48384
|
+
},
|
|
48385
|
+
"blur": {
|
|
48386
|
+
"value": 18,
|
|
48387
|
+
"unit": "px"
|
|
48388
|
+
},
|
|
48389
|
+
"spread": {
|
|
48390
|
+
"value": 0,
|
|
48391
|
+
"unit": "px"
|
|
48392
|
+
}
|
|
47591
48393
|
}
|
|
47592
48394
|
],
|
|
47593
48395
|
"$type": "shadow",
|
|
48396
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47594
48397
|
"$extensions": {
|
|
47595
48398
|
"org.primer.figma": {},
|
|
47596
48399
|
"org.primer.overrides": {
|
|
@@ -47599,24 +48402,52 @@
|
|
|
47599
48402
|
{
|
|
47600
48403
|
"color": "{base.color.neutral.0}",
|
|
47601
48404
|
"alpha": 0.4,
|
|
47602
|
-
"offsetX":
|
|
47603
|
-
|
|
47604
|
-
|
|
47605
|
-
|
|
48405
|
+
"offsetX": {
|
|
48406
|
+
"value": 0,
|
|
48407
|
+
"unit": "px"
|
|
48408
|
+
},
|
|
48409
|
+
"offsetY": {
|
|
48410
|
+
"value": 6,
|
|
48411
|
+
"unit": "px"
|
|
48412
|
+
},
|
|
48413
|
+
"blur": {
|
|
48414
|
+
"value": 12,
|
|
48415
|
+
"unit": "px"
|
|
48416
|
+
},
|
|
48417
|
+
"spread": {
|
|
48418
|
+
"value": -3,
|
|
48419
|
+
"unit": "px"
|
|
48420
|
+
}
|
|
47606
48421
|
},
|
|
47607
48422
|
{
|
|
47608
48423
|
"color": "{base.color.neutral.0}",
|
|
47609
48424
|
"alpha": 0.4,
|
|
47610
|
-
"offsetX":
|
|
47611
|
-
|
|
47612
|
-
|
|
47613
|
-
|
|
48425
|
+
"offsetX": {
|
|
48426
|
+
"value": 0,
|
|
48427
|
+
"unit": "px"
|
|
48428
|
+
},
|
|
48429
|
+
"offsetY": {
|
|
48430
|
+
"value": 6,
|
|
48431
|
+
"unit": "px"
|
|
48432
|
+
},
|
|
48433
|
+
"blur": {
|
|
48434
|
+
"value": 18,
|
|
48435
|
+
"unit": "px"
|
|
48436
|
+
},
|
|
48437
|
+
"spread": {
|
|
48438
|
+
"value": 0,
|
|
48439
|
+
"unit": "px"
|
|
48440
|
+
}
|
|
47614
48441
|
}
|
|
47615
48442
|
],
|
|
47616
48443
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47617
48444
|
"isSource": true,
|
|
47618
48445
|
"$type": "shadow"
|
|
47619
48446
|
}
|
|
48447
|
+
},
|
|
48448
|
+
"org.primer.llm": {
|
|
48449
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48450
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47620
48451
|
}
|
|
47621
48452
|
},
|
|
47622
48453
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47627,8 +48458,9 @@
|
|
|
47627
48458
|
},
|
|
47628
48459
|
"shadow-floating-medium": {
|
|
47629
48460
|
"key": "{shadow.floating.medium}",
|
|
47630
|
-
"$value": "
|
|
48461
|
+
"$value": "0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966",
|
|
47631
48462
|
"$type": "shadow",
|
|
48463
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47632
48464
|
"$extensions": {
|
|
47633
48465
|
"org.primer.figma": {
|
|
47634
48466
|
"collection": "mode",
|
|
@@ -47640,48 +48472,433 @@
|
|
|
47640
48472
|
{
|
|
47641
48473
|
"color": "#3d444db3",
|
|
47642
48474
|
"alpha": 1,
|
|
47643
|
-
"offsetX":
|
|
47644
|
-
|
|
47645
|
-
|
|
47646
|
-
|
|
48475
|
+
"offsetX": {
|
|
48476
|
+
"value": 0,
|
|
48477
|
+
"unit": "px"
|
|
48478
|
+
},
|
|
48479
|
+
"offsetY": {
|
|
48480
|
+
"value": 0,
|
|
48481
|
+
"unit": "px"
|
|
48482
|
+
},
|
|
48483
|
+
"blur": {
|
|
48484
|
+
"value": 0,
|
|
48485
|
+
"unit": "px"
|
|
48486
|
+
},
|
|
48487
|
+
"spread": {
|
|
48488
|
+
"value": 1,
|
|
48489
|
+
"unit": "px"
|
|
48490
|
+
}
|
|
47647
48491
|
},
|
|
47648
48492
|
{
|
|
47649
48493
|
"color": "#010409",
|
|
47650
48494
|
"alpha": 0.4,
|
|
47651
|
-
"offsetX":
|
|
47652
|
-
|
|
47653
|
-
|
|
47654
|
-
|
|
48495
|
+
"offsetX": {
|
|
48496
|
+
"value": 0,
|
|
48497
|
+
"unit": "px"
|
|
48498
|
+
},
|
|
48499
|
+
"offsetY": {
|
|
48500
|
+
"value": 8,
|
|
48501
|
+
"unit": "px"
|
|
48502
|
+
},
|
|
48503
|
+
"blur": {
|
|
48504
|
+
"value": 16,
|
|
48505
|
+
"unit": "px"
|
|
48506
|
+
},
|
|
48507
|
+
"spread": {
|
|
48508
|
+
"value": -4,
|
|
48509
|
+
"unit": "px"
|
|
48510
|
+
}
|
|
47655
48511
|
},
|
|
47656
48512
|
{
|
|
47657
48513
|
"color": "#010409",
|
|
47658
48514
|
"alpha": 0.4,
|
|
47659
|
-
"offsetX":
|
|
47660
|
-
|
|
47661
|
-
|
|
47662
|
-
|
|
48515
|
+
"offsetX": {
|
|
48516
|
+
"value": 0,
|
|
48517
|
+
"unit": "px"
|
|
48518
|
+
},
|
|
48519
|
+
"offsetY": {
|
|
48520
|
+
"value": 4,
|
|
48521
|
+
"unit": "px"
|
|
48522
|
+
},
|
|
48523
|
+
"blur": {
|
|
48524
|
+
"value": 32,
|
|
48525
|
+
"unit": "px"
|
|
48526
|
+
},
|
|
48527
|
+
"spread": {
|
|
48528
|
+
"value": -4,
|
|
48529
|
+
"unit": "px"
|
|
48530
|
+
}
|
|
47663
48531
|
},
|
|
47664
48532
|
{
|
|
47665
48533
|
"color": "#010409",
|
|
47666
48534
|
"alpha": 0.4,
|
|
47667
|
-
"offsetX":
|
|
47668
|
-
|
|
47669
|
-
|
|
47670
|
-
|
|
48535
|
+
"offsetX": {
|
|
48536
|
+
"value": 0,
|
|
48537
|
+
"unit": "px"
|
|
48538
|
+
},
|
|
48539
|
+
"offsetY": {
|
|
48540
|
+
"value": 24,
|
|
48541
|
+
"unit": "px"
|
|
48542
|
+
},
|
|
48543
|
+
"blur": {
|
|
48544
|
+
"value": 48,
|
|
48545
|
+
"unit": "px"
|
|
48546
|
+
},
|
|
48547
|
+
"spread": {
|
|
48548
|
+
"value": -12,
|
|
48549
|
+
"unit": "px"
|
|
48550
|
+
}
|
|
47671
48551
|
},
|
|
47672
48552
|
{
|
|
47673
48553
|
"color": "#010409",
|
|
47674
48554
|
"alpha": 0.4,
|
|
47675
|
-
"offsetX":
|
|
47676
|
-
|
|
47677
|
-
|
|
47678
|
-
|
|
48555
|
+
"offsetX": {
|
|
48556
|
+
"value": 0,
|
|
48557
|
+
"unit": "px"
|
|
48558
|
+
},
|
|
48559
|
+
"offsetY": {
|
|
48560
|
+
"value": 48,
|
|
48561
|
+
"unit": "px"
|
|
48562
|
+
},
|
|
48563
|
+
"blur": {
|
|
48564
|
+
"value": 96,
|
|
48565
|
+
"unit": "px"
|
|
48566
|
+
},
|
|
48567
|
+
"spread": {
|
|
48568
|
+
"value": -24,
|
|
48569
|
+
"unit": "px"
|
|
48570
|
+
}
|
|
48571
|
+
}
|
|
48572
|
+
],
|
|
48573
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48574
|
+
"isSource": true,
|
|
48575
|
+
"$type": "shadow"
|
|
48576
|
+
},
|
|
48577
|
+
"light-high-contrast": {
|
|
48578
|
+
"$value": [
|
|
48579
|
+
{
|
|
48580
|
+
"color": "#3d444db3",
|
|
48581
|
+
"alpha": 1,
|
|
48582
|
+
"offsetX": {
|
|
48583
|
+
"value": 0,
|
|
48584
|
+
"unit": "px"
|
|
48585
|
+
},
|
|
48586
|
+
"offsetY": {
|
|
48587
|
+
"value": 0,
|
|
48588
|
+
"unit": "px"
|
|
48589
|
+
},
|
|
48590
|
+
"blur": {
|
|
48591
|
+
"value": 0,
|
|
48592
|
+
"unit": "px"
|
|
48593
|
+
},
|
|
48594
|
+
"spread": {
|
|
48595
|
+
"value": 1,
|
|
48596
|
+
"unit": "px"
|
|
48597
|
+
}
|
|
48598
|
+
},
|
|
48599
|
+
{
|
|
48600
|
+
"color": "#f0f6fc",
|
|
48601
|
+
"alpha": 0.08,
|
|
48602
|
+
"offsetX": {
|
|
48603
|
+
"value": 0,
|
|
48604
|
+
"unit": "px"
|
|
48605
|
+
},
|
|
48606
|
+
"offsetY": {
|
|
48607
|
+
"value": 8,
|
|
48608
|
+
"unit": "px"
|
|
48609
|
+
},
|
|
48610
|
+
"blur": {
|
|
48611
|
+
"value": 16,
|
|
48612
|
+
"unit": "px"
|
|
48613
|
+
},
|
|
48614
|
+
"spread": {
|
|
48615
|
+
"value": -4,
|
|
48616
|
+
"unit": "px"
|
|
48617
|
+
}
|
|
48618
|
+
},
|
|
48619
|
+
{
|
|
48620
|
+
"color": "#f0f6fc",
|
|
48621
|
+
"alpha": 0.08,
|
|
48622
|
+
"offsetX": {
|
|
48623
|
+
"value": 0,
|
|
48624
|
+
"unit": "px"
|
|
48625
|
+
},
|
|
48626
|
+
"offsetY": {
|
|
48627
|
+
"value": 4,
|
|
48628
|
+
"unit": "px"
|
|
48629
|
+
},
|
|
48630
|
+
"blur": {
|
|
48631
|
+
"value": 32,
|
|
48632
|
+
"unit": "px"
|
|
48633
|
+
},
|
|
48634
|
+
"spread": {
|
|
48635
|
+
"value": -4,
|
|
48636
|
+
"unit": "px"
|
|
48637
|
+
}
|
|
48638
|
+
},
|
|
48639
|
+
{
|
|
48640
|
+
"color": "#f0f6fc",
|
|
48641
|
+
"alpha": 0.08,
|
|
48642
|
+
"offsetX": {
|
|
48643
|
+
"value": 0,
|
|
48644
|
+
"unit": "px"
|
|
48645
|
+
},
|
|
48646
|
+
"offsetY": {
|
|
48647
|
+
"value": 24,
|
|
48648
|
+
"unit": "px"
|
|
48649
|
+
},
|
|
48650
|
+
"blur": {
|
|
48651
|
+
"value": 48,
|
|
48652
|
+
"unit": "px"
|
|
48653
|
+
},
|
|
48654
|
+
"spread": {
|
|
48655
|
+
"value": -12,
|
|
48656
|
+
"unit": "px"
|
|
48657
|
+
}
|
|
48658
|
+
},
|
|
48659
|
+
{
|
|
48660
|
+
"color": "#f0f6fc",
|
|
48661
|
+
"alpha": 0.08,
|
|
48662
|
+
"offsetX": {
|
|
48663
|
+
"value": 0,
|
|
48664
|
+
"unit": "px"
|
|
48665
|
+
},
|
|
48666
|
+
"offsetY": {
|
|
48667
|
+
"value": 48,
|
|
48668
|
+
"unit": "px"
|
|
48669
|
+
},
|
|
48670
|
+
"blur": {
|
|
48671
|
+
"value": 96,
|
|
48672
|
+
"unit": "px"
|
|
48673
|
+
},
|
|
48674
|
+
"spread": {
|
|
48675
|
+
"value": -24,
|
|
48676
|
+
"unit": "px"
|
|
48677
|
+
}
|
|
48678
|
+
}
|
|
48679
|
+
],
|
|
48680
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48681
|
+
"isSource": true,
|
|
48682
|
+
"$type": "shadow"
|
|
48683
|
+
},
|
|
48684
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48685
|
+
"$value": [
|
|
48686
|
+
{
|
|
48687
|
+
"color": "#3d444db3",
|
|
48688
|
+
"alpha": 1,
|
|
48689
|
+
"offsetX": {
|
|
48690
|
+
"value": 0,
|
|
48691
|
+
"unit": "px"
|
|
48692
|
+
},
|
|
48693
|
+
"offsetY": {
|
|
48694
|
+
"value": 0,
|
|
48695
|
+
"unit": "px"
|
|
48696
|
+
},
|
|
48697
|
+
"blur": {
|
|
48698
|
+
"value": 0,
|
|
48699
|
+
"unit": "px"
|
|
48700
|
+
},
|
|
48701
|
+
"spread": {
|
|
48702
|
+
"value": 1,
|
|
48703
|
+
"unit": "px"
|
|
48704
|
+
}
|
|
48705
|
+
},
|
|
48706
|
+
{
|
|
48707
|
+
"color": "#f0f6fc",
|
|
48708
|
+
"alpha": 0.08,
|
|
48709
|
+
"offsetX": {
|
|
48710
|
+
"value": 0,
|
|
48711
|
+
"unit": "px"
|
|
48712
|
+
},
|
|
48713
|
+
"offsetY": {
|
|
48714
|
+
"value": 8,
|
|
48715
|
+
"unit": "px"
|
|
48716
|
+
},
|
|
48717
|
+
"blur": {
|
|
48718
|
+
"value": 16,
|
|
48719
|
+
"unit": "px"
|
|
48720
|
+
},
|
|
48721
|
+
"spread": {
|
|
48722
|
+
"value": -4,
|
|
48723
|
+
"unit": "px"
|
|
48724
|
+
}
|
|
48725
|
+
},
|
|
48726
|
+
{
|
|
48727
|
+
"color": "#f0f6fc",
|
|
48728
|
+
"alpha": 0.08,
|
|
48729
|
+
"offsetX": {
|
|
48730
|
+
"value": 0,
|
|
48731
|
+
"unit": "px"
|
|
48732
|
+
},
|
|
48733
|
+
"offsetY": {
|
|
48734
|
+
"value": 4,
|
|
48735
|
+
"unit": "px"
|
|
48736
|
+
},
|
|
48737
|
+
"blur": {
|
|
48738
|
+
"value": 32,
|
|
48739
|
+
"unit": "px"
|
|
48740
|
+
},
|
|
48741
|
+
"spread": {
|
|
48742
|
+
"value": -4,
|
|
48743
|
+
"unit": "px"
|
|
48744
|
+
}
|
|
48745
|
+
},
|
|
48746
|
+
{
|
|
48747
|
+
"color": "#f0f6fc",
|
|
48748
|
+
"alpha": 0.08,
|
|
48749
|
+
"offsetX": {
|
|
48750
|
+
"value": 0,
|
|
48751
|
+
"unit": "px"
|
|
48752
|
+
},
|
|
48753
|
+
"offsetY": {
|
|
48754
|
+
"value": 24,
|
|
48755
|
+
"unit": "px"
|
|
48756
|
+
},
|
|
48757
|
+
"blur": {
|
|
48758
|
+
"value": 48,
|
|
48759
|
+
"unit": "px"
|
|
48760
|
+
},
|
|
48761
|
+
"spread": {
|
|
48762
|
+
"value": -12,
|
|
48763
|
+
"unit": "px"
|
|
48764
|
+
}
|
|
48765
|
+
},
|
|
48766
|
+
{
|
|
48767
|
+
"color": "#f0f6fc",
|
|
48768
|
+
"alpha": 0.08,
|
|
48769
|
+
"offsetX": {
|
|
48770
|
+
"value": 0,
|
|
48771
|
+
"unit": "px"
|
|
48772
|
+
},
|
|
48773
|
+
"offsetY": {
|
|
48774
|
+
"value": 48,
|
|
48775
|
+
"unit": "px"
|
|
48776
|
+
},
|
|
48777
|
+
"blur": {
|
|
48778
|
+
"value": 96,
|
|
48779
|
+
"unit": "px"
|
|
48780
|
+
},
|
|
48781
|
+
"spread": {
|
|
48782
|
+
"value": -24,
|
|
48783
|
+
"unit": "px"
|
|
48784
|
+
}
|
|
48785
|
+
}
|
|
48786
|
+
],
|
|
48787
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48788
|
+
"isSource": true,
|
|
48789
|
+
"$type": "shadow"
|
|
48790
|
+
},
|
|
48791
|
+
"light-tritanopia-high-contrast": {
|
|
48792
|
+
"$value": [
|
|
48793
|
+
{
|
|
48794
|
+
"color": "#3d444db3",
|
|
48795
|
+
"alpha": 1,
|
|
48796
|
+
"offsetX": {
|
|
48797
|
+
"value": 0,
|
|
48798
|
+
"unit": "px"
|
|
48799
|
+
},
|
|
48800
|
+
"offsetY": {
|
|
48801
|
+
"value": 0,
|
|
48802
|
+
"unit": "px"
|
|
48803
|
+
},
|
|
48804
|
+
"blur": {
|
|
48805
|
+
"value": 0,
|
|
48806
|
+
"unit": "px"
|
|
48807
|
+
},
|
|
48808
|
+
"spread": {
|
|
48809
|
+
"value": 1,
|
|
48810
|
+
"unit": "px"
|
|
48811
|
+
}
|
|
48812
|
+
},
|
|
48813
|
+
{
|
|
48814
|
+
"color": "#f0f6fc",
|
|
48815
|
+
"alpha": 0.08,
|
|
48816
|
+
"offsetX": {
|
|
48817
|
+
"value": 0,
|
|
48818
|
+
"unit": "px"
|
|
48819
|
+
},
|
|
48820
|
+
"offsetY": {
|
|
48821
|
+
"value": 8,
|
|
48822
|
+
"unit": "px"
|
|
48823
|
+
},
|
|
48824
|
+
"blur": {
|
|
48825
|
+
"value": 16,
|
|
48826
|
+
"unit": "px"
|
|
48827
|
+
},
|
|
48828
|
+
"spread": {
|
|
48829
|
+
"value": -4,
|
|
48830
|
+
"unit": "px"
|
|
48831
|
+
}
|
|
48832
|
+
},
|
|
48833
|
+
{
|
|
48834
|
+
"color": "#f0f6fc",
|
|
48835
|
+
"alpha": 0.08,
|
|
48836
|
+
"offsetX": {
|
|
48837
|
+
"value": 0,
|
|
48838
|
+
"unit": "px"
|
|
48839
|
+
},
|
|
48840
|
+
"offsetY": {
|
|
48841
|
+
"value": 4,
|
|
48842
|
+
"unit": "px"
|
|
48843
|
+
},
|
|
48844
|
+
"blur": {
|
|
48845
|
+
"value": 32,
|
|
48846
|
+
"unit": "px"
|
|
48847
|
+
},
|
|
48848
|
+
"spread": {
|
|
48849
|
+
"value": -4,
|
|
48850
|
+
"unit": "px"
|
|
48851
|
+
}
|
|
48852
|
+
},
|
|
48853
|
+
{
|
|
48854
|
+
"color": "#f0f6fc",
|
|
48855
|
+
"alpha": 0.08,
|
|
48856
|
+
"offsetX": {
|
|
48857
|
+
"value": 0,
|
|
48858
|
+
"unit": "px"
|
|
48859
|
+
},
|
|
48860
|
+
"offsetY": {
|
|
48861
|
+
"value": 24,
|
|
48862
|
+
"unit": "px"
|
|
48863
|
+
},
|
|
48864
|
+
"blur": {
|
|
48865
|
+
"value": 48,
|
|
48866
|
+
"unit": "px"
|
|
48867
|
+
},
|
|
48868
|
+
"spread": {
|
|
48869
|
+
"value": -12,
|
|
48870
|
+
"unit": "px"
|
|
48871
|
+
}
|
|
48872
|
+
},
|
|
48873
|
+
{
|
|
48874
|
+
"color": "#f0f6fc",
|
|
48875
|
+
"alpha": 0.08,
|
|
48876
|
+
"offsetX": {
|
|
48877
|
+
"value": 0,
|
|
48878
|
+
"unit": "px"
|
|
48879
|
+
},
|
|
48880
|
+
"offsetY": {
|
|
48881
|
+
"value": 48,
|
|
48882
|
+
"unit": "px"
|
|
48883
|
+
},
|
|
48884
|
+
"blur": {
|
|
48885
|
+
"value": 96,
|
|
48886
|
+
"unit": "px"
|
|
48887
|
+
},
|
|
48888
|
+
"spread": {
|
|
48889
|
+
"value": -24,
|
|
48890
|
+
"unit": "px"
|
|
48891
|
+
}
|
|
47679
48892
|
}
|
|
47680
48893
|
],
|
|
47681
48894
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47682
48895
|
"isSource": true,
|
|
47683
48896
|
"$type": "shadow"
|
|
47684
48897
|
}
|
|
48898
|
+
},
|
|
48899
|
+
"org.primer.llm": {
|
|
48900
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
48901
|
+
"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."
|
|
47685
48902
|
}
|
|
47686
48903
|
},
|
|
47687
48904
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47691,45 +48908,106 @@
|
|
|
47691
48908
|
{
|
|
47692
48909
|
"color": "{overlay.borderColor}",
|
|
47693
48910
|
"alpha": 1,
|
|
47694
|
-
"offsetX":
|
|
47695
|
-
|
|
47696
|
-
|
|
47697
|
-
|
|
48911
|
+
"offsetX": {
|
|
48912
|
+
"value": 0,
|
|
48913
|
+
"unit": "px"
|
|
48914
|
+
},
|
|
48915
|
+
"offsetY": {
|
|
48916
|
+
"value": 0,
|
|
48917
|
+
"unit": "px"
|
|
48918
|
+
},
|
|
48919
|
+
"blur": {
|
|
48920
|
+
"value": 0,
|
|
48921
|
+
"unit": "px"
|
|
48922
|
+
},
|
|
48923
|
+
"spread": {
|
|
48924
|
+
"value": 1,
|
|
48925
|
+
"unit": "px"
|
|
48926
|
+
}
|
|
47698
48927
|
},
|
|
47699
48928
|
{
|
|
47700
48929
|
"color": "{base.color.neutral.0}",
|
|
47701
48930
|
"alpha": 0.4,
|
|
47702
|
-
"offsetX":
|
|
47703
|
-
|
|
47704
|
-
|
|
47705
|
-
|
|
48931
|
+
"offsetX": {
|
|
48932
|
+
"value": 0,
|
|
48933
|
+
"unit": "px"
|
|
48934
|
+
},
|
|
48935
|
+
"offsetY": {
|
|
48936
|
+
"value": 8,
|
|
48937
|
+
"unit": "px"
|
|
48938
|
+
},
|
|
48939
|
+
"blur": {
|
|
48940
|
+
"value": 16,
|
|
48941
|
+
"unit": "px"
|
|
48942
|
+
},
|
|
48943
|
+
"spread": {
|
|
48944
|
+
"value": -4,
|
|
48945
|
+
"unit": "px"
|
|
48946
|
+
}
|
|
47706
48947
|
},
|
|
47707
48948
|
{
|
|
47708
48949
|
"color": "{base.color.neutral.0}",
|
|
47709
48950
|
"alpha": 0.4,
|
|
47710
|
-
"offsetX":
|
|
47711
|
-
|
|
47712
|
-
|
|
47713
|
-
|
|
48951
|
+
"offsetX": {
|
|
48952
|
+
"value": 0,
|
|
48953
|
+
"unit": "px"
|
|
48954
|
+
},
|
|
48955
|
+
"offsetY": {
|
|
48956
|
+
"value": 4,
|
|
48957
|
+
"unit": "px"
|
|
48958
|
+
},
|
|
48959
|
+
"blur": {
|
|
48960
|
+
"value": 32,
|
|
48961
|
+
"unit": "px"
|
|
48962
|
+
},
|
|
48963
|
+
"spread": {
|
|
48964
|
+
"value": -4,
|
|
48965
|
+
"unit": "px"
|
|
48966
|
+
}
|
|
47714
48967
|
},
|
|
47715
48968
|
{
|
|
47716
48969
|
"color": "{base.color.neutral.0}",
|
|
47717
48970
|
"alpha": 0.4,
|
|
47718
|
-
"offsetX":
|
|
47719
|
-
|
|
47720
|
-
|
|
47721
|
-
|
|
48971
|
+
"offsetX": {
|
|
48972
|
+
"value": 0,
|
|
48973
|
+
"unit": "px"
|
|
48974
|
+
},
|
|
48975
|
+
"offsetY": {
|
|
48976
|
+
"value": 24,
|
|
48977
|
+
"unit": "px"
|
|
48978
|
+
},
|
|
48979
|
+
"blur": {
|
|
48980
|
+
"value": 48,
|
|
48981
|
+
"unit": "px"
|
|
48982
|
+
},
|
|
48983
|
+
"spread": {
|
|
48984
|
+
"value": -12,
|
|
48985
|
+
"unit": "px"
|
|
48986
|
+
}
|
|
47722
48987
|
},
|
|
47723
48988
|
{
|
|
47724
48989
|
"color": "{base.color.neutral.0}",
|
|
47725
48990
|
"alpha": 0.4,
|
|
47726
|
-
"offsetX":
|
|
47727
|
-
|
|
47728
|
-
|
|
47729
|
-
|
|
48991
|
+
"offsetX": {
|
|
48992
|
+
"value": 0,
|
|
48993
|
+
"unit": "px"
|
|
48994
|
+
},
|
|
48995
|
+
"offsetY": {
|
|
48996
|
+
"value": 48,
|
|
48997
|
+
"unit": "px"
|
|
48998
|
+
},
|
|
48999
|
+
"blur": {
|
|
49000
|
+
"value": 96,
|
|
49001
|
+
"unit": "px"
|
|
49002
|
+
},
|
|
49003
|
+
"spread": {
|
|
49004
|
+
"value": -24,
|
|
49005
|
+
"unit": "px"
|
|
49006
|
+
}
|
|
47730
49007
|
}
|
|
47731
49008
|
],
|
|
47732
49009
|
"$type": "shadow",
|
|
49010
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47733
49011
|
"$extensions": {
|
|
47734
49012
|
"org.primer.figma": {
|
|
47735
49013
|
"collection": "mode",
|
|
@@ -47741,48 +49019,433 @@
|
|
|
47741
49019
|
{
|
|
47742
49020
|
"color": "{overlay.borderColor}",
|
|
47743
49021
|
"alpha": 1,
|
|
47744
|
-
"offsetX":
|
|
47745
|
-
|
|
47746
|
-
|
|
47747
|
-
|
|
49022
|
+
"offsetX": {
|
|
49023
|
+
"value": 0,
|
|
49024
|
+
"unit": "px"
|
|
49025
|
+
},
|
|
49026
|
+
"offsetY": {
|
|
49027
|
+
"value": 0,
|
|
49028
|
+
"unit": "px"
|
|
49029
|
+
},
|
|
49030
|
+
"blur": {
|
|
49031
|
+
"value": 0,
|
|
49032
|
+
"unit": "px"
|
|
49033
|
+
},
|
|
49034
|
+
"spread": {
|
|
49035
|
+
"value": 1,
|
|
49036
|
+
"unit": "px"
|
|
49037
|
+
}
|
|
47748
49038
|
},
|
|
47749
49039
|
{
|
|
47750
49040
|
"color": "{base.color.neutral.0}",
|
|
47751
49041
|
"alpha": 0.4,
|
|
47752
|
-
"offsetX":
|
|
47753
|
-
|
|
47754
|
-
|
|
47755
|
-
|
|
49042
|
+
"offsetX": {
|
|
49043
|
+
"value": 0,
|
|
49044
|
+
"unit": "px"
|
|
49045
|
+
},
|
|
49046
|
+
"offsetY": {
|
|
49047
|
+
"value": 8,
|
|
49048
|
+
"unit": "px"
|
|
49049
|
+
},
|
|
49050
|
+
"blur": {
|
|
49051
|
+
"value": 16,
|
|
49052
|
+
"unit": "px"
|
|
49053
|
+
},
|
|
49054
|
+
"spread": {
|
|
49055
|
+
"value": -4,
|
|
49056
|
+
"unit": "px"
|
|
49057
|
+
}
|
|
47756
49058
|
},
|
|
47757
49059
|
{
|
|
47758
49060
|
"color": "{base.color.neutral.0}",
|
|
47759
49061
|
"alpha": 0.4,
|
|
47760
|
-
"offsetX":
|
|
47761
|
-
|
|
47762
|
-
|
|
47763
|
-
|
|
49062
|
+
"offsetX": {
|
|
49063
|
+
"value": 0,
|
|
49064
|
+
"unit": "px"
|
|
49065
|
+
},
|
|
49066
|
+
"offsetY": {
|
|
49067
|
+
"value": 4,
|
|
49068
|
+
"unit": "px"
|
|
49069
|
+
},
|
|
49070
|
+
"blur": {
|
|
49071
|
+
"value": 32,
|
|
49072
|
+
"unit": "px"
|
|
49073
|
+
},
|
|
49074
|
+
"spread": {
|
|
49075
|
+
"value": -4,
|
|
49076
|
+
"unit": "px"
|
|
49077
|
+
}
|
|
47764
49078
|
},
|
|
47765
49079
|
{
|
|
47766
49080
|
"color": "{base.color.neutral.0}",
|
|
47767
49081
|
"alpha": 0.4,
|
|
47768
|
-
"offsetX":
|
|
47769
|
-
|
|
47770
|
-
|
|
47771
|
-
|
|
49082
|
+
"offsetX": {
|
|
49083
|
+
"value": 0,
|
|
49084
|
+
"unit": "px"
|
|
49085
|
+
},
|
|
49086
|
+
"offsetY": {
|
|
49087
|
+
"value": 24,
|
|
49088
|
+
"unit": "px"
|
|
49089
|
+
},
|
|
49090
|
+
"blur": {
|
|
49091
|
+
"value": 48,
|
|
49092
|
+
"unit": "px"
|
|
49093
|
+
},
|
|
49094
|
+
"spread": {
|
|
49095
|
+
"value": -12,
|
|
49096
|
+
"unit": "px"
|
|
49097
|
+
}
|
|
47772
49098
|
},
|
|
47773
49099
|
{
|
|
47774
49100
|
"color": "{base.color.neutral.0}",
|
|
47775
49101
|
"alpha": 0.4,
|
|
47776
|
-
"offsetX":
|
|
47777
|
-
|
|
47778
|
-
|
|
47779
|
-
|
|
49102
|
+
"offsetX": {
|
|
49103
|
+
"value": 0,
|
|
49104
|
+
"unit": "px"
|
|
49105
|
+
},
|
|
49106
|
+
"offsetY": {
|
|
49107
|
+
"value": 48,
|
|
49108
|
+
"unit": "px"
|
|
49109
|
+
},
|
|
49110
|
+
"blur": {
|
|
49111
|
+
"value": 96,
|
|
49112
|
+
"unit": "px"
|
|
49113
|
+
},
|
|
49114
|
+
"spread": {
|
|
49115
|
+
"value": -24,
|
|
49116
|
+
"unit": "px"
|
|
49117
|
+
}
|
|
49118
|
+
}
|
|
49119
|
+
],
|
|
49120
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49121
|
+
"isSource": true,
|
|
49122
|
+
"$type": "shadow"
|
|
49123
|
+
},
|
|
49124
|
+
"light-high-contrast": {
|
|
49125
|
+
"$value": [
|
|
49126
|
+
{
|
|
49127
|
+
"color": "{overlay.borderColor}",
|
|
49128
|
+
"alpha": 1,
|
|
49129
|
+
"offsetX": {
|
|
49130
|
+
"value": 0,
|
|
49131
|
+
"unit": "px"
|
|
49132
|
+
},
|
|
49133
|
+
"offsetY": {
|
|
49134
|
+
"value": 0,
|
|
49135
|
+
"unit": "px"
|
|
49136
|
+
},
|
|
49137
|
+
"blur": {
|
|
49138
|
+
"value": 0,
|
|
49139
|
+
"unit": "px"
|
|
49140
|
+
},
|
|
49141
|
+
"spread": {
|
|
49142
|
+
"value": 1,
|
|
49143
|
+
"unit": "px"
|
|
49144
|
+
}
|
|
49145
|
+
},
|
|
49146
|
+
{
|
|
49147
|
+
"color": "{base.color.neutral.12}",
|
|
49148
|
+
"alpha": 0.08,
|
|
49149
|
+
"offsetX": {
|
|
49150
|
+
"value": 0,
|
|
49151
|
+
"unit": "px"
|
|
49152
|
+
},
|
|
49153
|
+
"offsetY": {
|
|
49154
|
+
"value": 8,
|
|
49155
|
+
"unit": "px"
|
|
49156
|
+
},
|
|
49157
|
+
"blur": {
|
|
49158
|
+
"value": 16,
|
|
49159
|
+
"unit": "px"
|
|
49160
|
+
},
|
|
49161
|
+
"spread": {
|
|
49162
|
+
"value": -4,
|
|
49163
|
+
"unit": "px"
|
|
49164
|
+
}
|
|
49165
|
+
},
|
|
49166
|
+
{
|
|
49167
|
+
"color": "{base.color.neutral.12}",
|
|
49168
|
+
"alpha": 0.08,
|
|
49169
|
+
"offsetX": {
|
|
49170
|
+
"value": 0,
|
|
49171
|
+
"unit": "px"
|
|
49172
|
+
},
|
|
49173
|
+
"offsetY": {
|
|
49174
|
+
"value": 4,
|
|
49175
|
+
"unit": "px"
|
|
49176
|
+
},
|
|
49177
|
+
"blur": {
|
|
49178
|
+
"value": 32,
|
|
49179
|
+
"unit": "px"
|
|
49180
|
+
},
|
|
49181
|
+
"spread": {
|
|
49182
|
+
"value": -4,
|
|
49183
|
+
"unit": "px"
|
|
49184
|
+
}
|
|
49185
|
+
},
|
|
49186
|
+
{
|
|
49187
|
+
"color": "{base.color.neutral.12}",
|
|
49188
|
+
"alpha": 0.08,
|
|
49189
|
+
"offsetX": {
|
|
49190
|
+
"value": 0,
|
|
49191
|
+
"unit": "px"
|
|
49192
|
+
},
|
|
49193
|
+
"offsetY": {
|
|
49194
|
+
"value": 24,
|
|
49195
|
+
"unit": "px"
|
|
49196
|
+
},
|
|
49197
|
+
"blur": {
|
|
49198
|
+
"value": 48,
|
|
49199
|
+
"unit": "px"
|
|
49200
|
+
},
|
|
49201
|
+
"spread": {
|
|
49202
|
+
"value": -12,
|
|
49203
|
+
"unit": "px"
|
|
49204
|
+
}
|
|
49205
|
+
},
|
|
49206
|
+
{
|
|
49207
|
+
"color": "{base.color.neutral.12}",
|
|
49208
|
+
"alpha": 0.08,
|
|
49209
|
+
"offsetX": {
|
|
49210
|
+
"value": 0,
|
|
49211
|
+
"unit": "px"
|
|
49212
|
+
},
|
|
49213
|
+
"offsetY": {
|
|
49214
|
+
"value": 48,
|
|
49215
|
+
"unit": "px"
|
|
49216
|
+
},
|
|
49217
|
+
"blur": {
|
|
49218
|
+
"value": 96,
|
|
49219
|
+
"unit": "px"
|
|
49220
|
+
},
|
|
49221
|
+
"spread": {
|
|
49222
|
+
"value": -24,
|
|
49223
|
+
"unit": "px"
|
|
49224
|
+
}
|
|
49225
|
+
}
|
|
49226
|
+
],
|
|
49227
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49228
|
+
"isSource": true,
|
|
49229
|
+
"$type": "shadow"
|
|
49230
|
+
},
|
|
49231
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49232
|
+
"$value": [
|
|
49233
|
+
{
|
|
49234
|
+
"color": "{overlay.borderColor}",
|
|
49235
|
+
"alpha": 1,
|
|
49236
|
+
"offsetX": {
|
|
49237
|
+
"value": 0,
|
|
49238
|
+
"unit": "px"
|
|
49239
|
+
},
|
|
49240
|
+
"offsetY": {
|
|
49241
|
+
"value": 0,
|
|
49242
|
+
"unit": "px"
|
|
49243
|
+
},
|
|
49244
|
+
"blur": {
|
|
49245
|
+
"value": 0,
|
|
49246
|
+
"unit": "px"
|
|
49247
|
+
},
|
|
49248
|
+
"spread": {
|
|
49249
|
+
"value": 1,
|
|
49250
|
+
"unit": "px"
|
|
49251
|
+
}
|
|
49252
|
+
},
|
|
49253
|
+
{
|
|
49254
|
+
"color": "{base.color.neutral.12}",
|
|
49255
|
+
"alpha": 0.08,
|
|
49256
|
+
"offsetX": {
|
|
49257
|
+
"value": 0,
|
|
49258
|
+
"unit": "px"
|
|
49259
|
+
},
|
|
49260
|
+
"offsetY": {
|
|
49261
|
+
"value": 8,
|
|
49262
|
+
"unit": "px"
|
|
49263
|
+
},
|
|
49264
|
+
"blur": {
|
|
49265
|
+
"value": 16,
|
|
49266
|
+
"unit": "px"
|
|
49267
|
+
},
|
|
49268
|
+
"spread": {
|
|
49269
|
+
"value": -4,
|
|
49270
|
+
"unit": "px"
|
|
49271
|
+
}
|
|
49272
|
+
},
|
|
49273
|
+
{
|
|
49274
|
+
"color": "{base.color.neutral.12}",
|
|
49275
|
+
"alpha": 0.08,
|
|
49276
|
+
"offsetX": {
|
|
49277
|
+
"value": 0,
|
|
49278
|
+
"unit": "px"
|
|
49279
|
+
},
|
|
49280
|
+
"offsetY": {
|
|
49281
|
+
"value": 4,
|
|
49282
|
+
"unit": "px"
|
|
49283
|
+
},
|
|
49284
|
+
"blur": {
|
|
49285
|
+
"value": 32,
|
|
49286
|
+
"unit": "px"
|
|
49287
|
+
},
|
|
49288
|
+
"spread": {
|
|
49289
|
+
"value": -4,
|
|
49290
|
+
"unit": "px"
|
|
49291
|
+
}
|
|
49292
|
+
},
|
|
49293
|
+
{
|
|
49294
|
+
"color": "{base.color.neutral.12}",
|
|
49295
|
+
"alpha": 0.08,
|
|
49296
|
+
"offsetX": {
|
|
49297
|
+
"value": 0,
|
|
49298
|
+
"unit": "px"
|
|
49299
|
+
},
|
|
49300
|
+
"offsetY": {
|
|
49301
|
+
"value": 24,
|
|
49302
|
+
"unit": "px"
|
|
49303
|
+
},
|
|
49304
|
+
"blur": {
|
|
49305
|
+
"value": 48,
|
|
49306
|
+
"unit": "px"
|
|
49307
|
+
},
|
|
49308
|
+
"spread": {
|
|
49309
|
+
"value": -12,
|
|
49310
|
+
"unit": "px"
|
|
49311
|
+
}
|
|
49312
|
+
},
|
|
49313
|
+
{
|
|
49314
|
+
"color": "{base.color.neutral.12}",
|
|
49315
|
+
"alpha": 0.08,
|
|
49316
|
+
"offsetX": {
|
|
49317
|
+
"value": 0,
|
|
49318
|
+
"unit": "px"
|
|
49319
|
+
},
|
|
49320
|
+
"offsetY": {
|
|
49321
|
+
"value": 48,
|
|
49322
|
+
"unit": "px"
|
|
49323
|
+
},
|
|
49324
|
+
"blur": {
|
|
49325
|
+
"value": 96,
|
|
49326
|
+
"unit": "px"
|
|
49327
|
+
},
|
|
49328
|
+
"spread": {
|
|
49329
|
+
"value": -24,
|
|
49330
|
+
"unit": "px"
|
|
49331
|
+
}
|
|
49332
|
+
}
|
|
49333
|
+
],
|
|
49334
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49335
|
+
"isSource": true,
|
|
49336
|
+
"$type": "shadow"
|
|
49337
|
+
},
|
|
49338
|
+
"light-tritanopia-high-contrast": {
|
|
49339
|
+
"$value": [
|
|
49340
|
+
{
|
|
49341
|
+
"color": "{overlay.borderColor}",
|
|
49342
|
+
"alpha": 1,
|
|
49343
|
+
"offsetX": {
|
|
49344
|
+
"value": 0,
|
|
49345
|
+
"unit": "px"
|
|
49346
|
+
},
|
|
49347
|
+
"offsetY": {
|
|
49348
|
+
"value": 0,
|
|
49349
|
+
"unit": "px"
|
|
49350
|
+
},
|
|
49351
|
+
"blur": {
|
|
49352
|
+
"value": 0,
|
|
49353
|
+
"unit": "px"
|
|
49354
|
+
},
|
|
49355
|
+
"spread": {
|
|
49356
|
+
"value": 1,
|
|
49357
|
+
"unit": "px"
|
|
49358
|
+
}
|
|
49359
|
+
},
|
|
49360
|
+
{
|
|
49361
|
+
"color": "{base.color.neutral.12}",
|
|
49362
|
+
"alpha": 0.08,
|
|
49363
|
+
"offsetX": {
|
|
49364
|
+
"value": 0,
|
|
49365
|
+
"unit": "px"
|
|
49366
|
+
},
|
|
49367
|
+
"offsetY": {
|
|
49368
|
+
"value": 8,
|
|
49369
|
+
"unit": "px"
|
|
49370
|
+
},
|
|
49371
|
+
"blur": {
|
|
49372
|
+
"value": 16,
|
|
49373
|
+
"unit": "px"
|
|
49374
|
+
},
|
|
49375
|
+
"spread": {
|
|
49376
|
+
"value": -4,
|
|
49377
|
+
"unit": "px"
|
|
49378
|
+
}
|
|
49379
|
+
},
|
|
49380
|
+
{
|
|
49381
|
+
"color": "{base.color.neutral.12}",
|
|
49382
|
+
"alpha": 0.08,
|
|
49383
|
+
"offsetX": {
|
|
49384
|
+
"value": 0,
|
|
49385
|
+
"unit": "px"
|
|
49386
|
+
},
|
|
49387
|
+
"offsetY": {
|
|
49388
|
+
"value": 4,
|
|
49389
|
+
"unit": "px"
|
|
49390
|
+
},
|
|
49391
|
+
"blur": {
|
|
49392
|
+
"value": 32,
|
|
49393
|
+
"unit": "px"
|
|
49394
|
+
},
|
|
49395
|
+
"spread": {
|
|
49396
|
+
"value": -4,
|
|
49397
|
+
"unit": "px"
|
|
49398
|
+
}
|
|
49399
|
+
},
|
|
49400
|
+
{
|
|
49401
|
+
"color": "{base.color.neutral.12}",
|
|
49402
|
+
"alpha": 0.08,
|
|
49403
|
+
"offsetX": {
|
|
49404
|
+
"value": 0,
|
|
49405
|
+
"unit": "px"
|
|
49406
|
+
},
|
|
49407
|
+
"offsetY": {
|
|
49408
|
+
"value": 24,
|
|
49409
|
+
"unit": "px"
|
|
49410
|
+
},
|
|
49411
|
+
"blur": {
|
|
49412
|
+
"value": 48,
|
|
49413
|
+
"unit": "px"
|
|
49414
|
+
},
|
|
49415
|
+
"spread": {
|
|
49416
|
+
"value": -12,
|
|
49417
|
+
"unit": "px"
|
|
49418
|
+
}
|
|
49419
|
+
},
|
|
49420
|
+
{
|
|
49421
|
+
"color": "{base.color.neutral.12}",
|
|
49422
|
+
"alpha": 0.08,
|
|
49423
|
+
"offsetX": {
|
|
49424
|
+
"value": 0,
|
|
49425
|
+
"unit": "px"
|
|
49426
|
+
},
|
|
49427
|
+
"offsetY": {
|
|
49428
|
+
"value": 48,
|
|
49429
|
+
"unit": "px"
|
|
49430
|
+
},
|
|
49431
|
+
"blur": {
|
|
49432
|
+
"value": 96,
|
|
49433
|
+
"unit": "px"
|
|
49434
|
+
},
|
|
49435
|
+
"spread": {
|
|
49436
|
+
"value": -24,
|
|
49437
|
+
"unit": "px"
|
|
49438
|
+
}
|
|
47780
49439
|
}
|
|
47781
49440
|
],
|
|
47782
49441
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47783
49442
|
"isSource": true,
|
|
47784
49443
|
"$type": "shadow"
|
|
47785
49444
|
}
|
|
49445
|
+
},
|
|
49446
|
+
"org.primer.llm": {
|
|
49447
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
49448
|
+
"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."
|
|
47786
49449
|
}
|
|
47787
49450
|
},
|
|
47788
49451
|
"key": "{shadow.floating.medium}"
|
|
@@ -47793,7 +49456,7 @@
|
|
|
47793
49456
|
},
|
|
47794
49457
|
"shadow-floating-small": {
|
|
47795
49458
|
"key": "{shadow.floating.small}",
|
|
47796
|
-
"$value": "
|
|
49459
|
+
"$value": "0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
47797
49460
|
"$type": "shadow",
|
|
47798
49461
|
"$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
|
|
47799
49462
|
"$extensions": {
|
|
@@ -47807,26 +49470,62 @@
|
|
|
47807
49470
|
{
|
|
47808
49471
|
"color": "#3d444db3",
|
|
47809
49472
|
"alpha": 1,
|
|
47810
|
-
"offsetX":
|
|
47811
|
-
|
|
47812
|
-
|
|
47813
|
-
|
|
49473
|
+
"offsetX": {
|
|
49474
|
+
"value": 0,
|
|
49475
|
+
"unit": "px"
|
|
49476
|
+
},
|
|
49477
|
+
"offsetY": {
|
|
49478
|
+
"value": 0,
|
|
49479
|
+
"unit": "px"
|
|
49480
|
+
},
|
|
49481
|
+
"blur": {
|
|
49482
|
+
"value": 0,
|
|
49483
|
+
"unit": "px"
|
|
49484
|
+
},
|
|
49485
|
+
"spread": {
|
|
49486
|
+
"value": 1,
|
|
49487
|
+
"unit": "px"
|
|
49488
|
+
}
|
|
47814
49489
|
},
|
|
47815
49490
|
{
|
|
47816
49491
|
"color": "#010409",
|
|
47817
49492
|
"alpha": 0.4,
|
|
47818
|
-
"offsetX":
|
|
47819
|
-
|
|
47820
|
-
|
|
47821
|
-
|
|
49493
|
+
"offsetX": {
|
|
49494
|
+
"value": 0,
|
|
49495
|
+
"unit": "px"
|
|
49496
|
+
},
|
|
49497
|
+
"offsetY": {
|
|
49498
|
+
"value": 6,
|
|
49499
|
+
"unit": "px"
|
|
49500
|
+
},
|
|
49501
|
+
"blur": {
|
|
49502
|
+
"value": 12,
|
|
49503
|
+
"unit": "px"
|
|
49504
|
+
},
|
|
49505
|
+
"spread": {
|
|
49506
|
+
"value": -3,
|
|
49507
|
+
"unit": "px"
|
|
49508
|
+
}
|
|
47822
49509
|
},
|
|
47823
49510
|
{
|
|
47824
49511
|
"color": "#010409",
|
|
47825
49512
|
"alpha": 0.4,
|
|
47826
|
-
"offsetX":
|
|
47827
|
-
|
|
47828
|
-
|
|
47829
|
-
|
|
49513
|
+
"offsetX": {
|
|
49514
|
+
"value": 0,
|
|
49515
|
+
"unit": "px"
|
|
49516
|
+
},
|
|
49517
|
+
"offsetY": {
|
|
49518
|
+
"value": 6,
|
|
49519
|
+
"unit": "px"
|
|
49520
|
+
},
|
|
49521
|
+
"blur": {
|
|
49522
|
+
"value": 18,
|
|
49523
|
+
"unit": "px"
|
|
49524
|
+
},
|
|
49525
|
+
"spread": {
|
|
49526
|
+
"value": 0,
|
|
49527
|
+
"unit": "px"
|
|
49528
|
+
}
|
|
47830
49529
|
}
|
|
47831
49530
|
],
|
|
47832
49531
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47846,26 +49545,62 @@
|
|
|
47846
49545
|
{
|
|
47847
49546
|
"color": "{overlay.borderColor}",
|
|
47848
49547
|
"alpha": 1,
|
|
47849
|
-
"offsetX":
|
|
47850
|
-
|
|
47851
|
-
|
|
47852
|
-
|
|
49548
|
+
"offsetX": {
|
|
49549
|
+
"value": 0,
|
|
49550
|
+
"unit": "px"
|
|
49551
|
+
},
|
|
49552
|
+
"offsetY": {
|
|
49553
|
+
"value": 0,
|
|
49554
|
+
"unit": "px"
|
|
49555
|
+
},
|
|
49556
|
+
"blur": {
|
|
49557
|
+
"value": 0,
|
|
49558
|
+
"unit": "px"
|
|
49559
|
+
},
|
|
49560
|
+
"spread": {
|
|
49561
|
+
"value": 1,
|
|
49562
|
+
"unit": "px"
|
|
49563
|
+
}
|
|
47853
49564
|
},
|
|
47854
49565
|
{
|
|
47855
49566
|
"color": "{base.color.neutral.0}",
|
|
47856
49567
|
"alpha": 0.4,
|
|
47857
|
-
"offsetX":
|
|
47858
|
-
|
|
47859
|
-
|
|
47860
|
-
|
|
49568
|
+
"offsetX": {
|
|
49569
|
+
"value": 0,
|
|
49570
|
+
"unit": "px"
|
|
49571
|
+
},
|
|
49572
|
+
"offsetY": {
|
|
49573
|
+
"value": 6,
|
|
49574
|
+
"unit": "px"
|
|
49575
|
+
},
|
|
49576
|
+
"blur": {
|
|
49577
|
+
"value": 12,
|
|
49578
|
+
"unit": "px"
|
|
49579
|
+
},
|
|
49580
|
+
"spread": {
|
|
49581
|
+
"value": -3,
|
|
49582
|
+
"unit": "px"
|
|
49583
|
+
}
|
|
47861
49584
|
},
|
|
47862
49585
|
{
|
|
47863
49586
|
"color": "{base.color.neutral.0}",
|
|
47864
49587
|
"alpha": 0.4,
|
|
47865
|
-
"offsetX":
|
|
47866
|
-
|
|
47867
|
-
|
|
47868
|
-
|
|
49588
|
+
"offsetX": {
|
|
49589
|
+
"value": 0,
|
|
49590
|
+
"unit": "px"
|
|
49591
|
+
},
|
|
49592
|
+
"offsetY": {
|
|
49593
|
+
"value": 6,
|
|
49594
|
+
"unit": "px"
|
|
49595
|
+
},
|
|
49596
|
+
"blur": {
|
|
49597
|
+
"value": 18,
|
|
49598
|
+
"unit": "px"
|
|
49599
|
+
},
|
|
49600
|
+
"spread": {
|
|
49601
|
+
"value": 0,
|
|
49602
|
+
"unit": "px"
|
|
49603
|
+
}
|
|
47869
49604
|
}
|
|
47870
49605
|
],
|
|
47871
49606
|
"$type": "shadow",
|
|
@@ -47881,26 +49616,62 @@
|
|
|
47881
49616
|
{
|
|
47882
49617
|
"color": "{overlay.borderColor}",
|
|
47883
49618
|
"alpha": 1,
|
|
47884
|
-
"offsetX":
|
|
47885
|
-
|
|
47886
|
-
|
|
47887
|
-
|
|
49619
|
+
"offsetX": {
|
|
49620
|
+
"value": 0,
|
|
49621
|
+
"unit": "px"
|
|
49622
|
+
},
|
|
49623
|
+
"offsetY": {
|
|
49624
|
+
"value": 0,
|
|
49625
|
+
"unit": "px"
|
|
49626
|
+
},
|
|
49627
|
+
"blur": {
|
|
49628
|
+
"value": 0,
|
|
49629
|
+
"unit": "px"
|
|
49630
|
+
},
|
|
49631
|
+
"spread": {
|
|
49632
|
+
"value": 1,
|
|
49633
|
+
"unit": "px"
|
|
49634
|
+
}
|
|
47888
49635
|
},
|
|
47889
49636
|
{
|
|
47890
49637
|
"color": "{base.color.neutral.0}",
|
|
47891
49638
|
"alpha": 0.4,
|
|
47892
|
-
"offsetX":
|
|
47893
|
-
|
|
47894
|
-
|
|
47895
|
-
|
|
49639
|
+
"offsetX": {
|
|
49640
|
+
"value": 0,
|
|
49641
|
+
"unit": "px"
|
|
49642
|
+
},
|
|
49643
|
+
"offsetY": {
|
|
49644
|
+
"value": 6,
|
|
49645
|
+
"unit": "px"
|
|
49646
|
+
},
|
|
49647
|
+
"blur": {
|
|
49648
|
+
"value": 12,
|
|
49649
|
+
"unit": "px"
|
|
49650
|
+
},
|
|
49651
|
+
"spread": {
|
|
49652
|
+
"value": -3,
|
|
49653
|
+
"unit": "px"
|
|
49654
|
+
}
|
|
47896
49655
|
},
|
|
47897
49656
|
{
|
|
47898
49657
|
"color": "{base.color.neutral.0}",
|
|
47899
49658
|
"alpha": 0.4,
|
|
47900
|
-
"offsetX":
|
|
47901
|
-
|
|
47902
|
-
|
|
47903
|
-
|
|
49659
|
+
"offsetX": {
|
|
49660
|
+
"value": 0,
|
|
49661
|
+
"unit": "px"
|
|
49662
|
+
},
|
|
49663
|
+
"offsetY": {
|
|
49664
|
+
"value": 6,
|
|
49665
|
+
"unit": "px"
|
|
49666
|
+
},
|
|
49667
|
+
"blur": {
|
|
49668
|
+
"value": 18,
|
|
49669
|
+
"unit": "px"
|
|
49670
|
+
},
|
|
49671
|
+
"spread": {
|
|
49672
|
+
"value": 0,
|
|
49673
|
+
"unit": "px"
|
|
49674
|
+
}
|
|
47904
49675
|
}
|
|
47905
49676
|
],
|
|
47906
49677
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47921,8 +49692,9 @@
|
|
|
47921
49692
|
},
|
|
47922
49693
|
"shadow-floating-xlarge": {
|
|
47923
49694
|
"key": "{shadow.floating.xlarge}",
|
|
47924
|
-
"$value": "
|
|
49695
|
+
"$value": "0 0 0 1px #3d444d, 0 32px 64px 0 #010409",
|
|
47925
49696
|
"$type": "shadow",
|
|
49697
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47926
49698
|
"$extensions": {
|
|
47927
49699
|
"org.primer.figma": {
|
|
47928
49700
|
"collection": "mode",
|
|
@@ -47934,24 +49706,193 @@
|
|
|
47934
49706
|
{
|
|
47935
49707
|
"color": "#3d444db3",
|
|
47936
49708
|
"alpha": 1,
|
|
47937
|
-
"offsetX":
|
|
47938
|
-
|
|
47939
|
-
|
|
47940
|
-
|
|
49709
|
+
"offsetX": {
|
|
49710
|
+
"value": 0,
|
|
49711
|
+
"unit": "px"
|
|
49712
|
+
},
|
|
49713
|
+
"offsetY": {
|
|
49714
|
+
"value": 0,
|
|
49715
|
+
"unit": "px"
|
|
49716
|
+
},
|
|
49717
|
+
"blur": {
|
|
49718
|
+
"value": 0,
|
|
49719
|
+
"unit": "px"
|
|
49720
|
+
},
|
|
49721
|
+
"spread": {
|
|
49722
|
+
"value": 1,
|
|
49723
|
+
"unit": "px"
|
|
49724
|
+
}
|
|
47941
49725
|
},
|
|
47942
49726
|
{
|
|
47943
49727
|
"color": "#010409",
|
|
47944
49728
|
"alpha": 1,
|
|
47945
|
-
"offsetX":
|
|
47946
|
-
|
|
47947
|
-
|
|
47948
|
-
|
|
49729
|
+
"offsetX": {
|
|
49730
|
+
"value": 0,
|
|
49731
|
+
"unit": "px"
|
|
49732
|
+
},
|
|
49733
|
+
"offsetY": {
|
|
49734
|
+
"value": 32,
|
|
49735
|
+
"unit": "px"
|
|
49736
|
+
},
|
|
49737
|
+
"blur": {
|
|
49738
|
+
"value": 64,
|
|
49739
|
+
"unit": "px"
|
|
49740
|
+
},
|
|
49741
|
+
"spread": {
|
|
49742
|
+
"value": 0,
|
|
49743
|
+
"unit": "px"
|
|
49744
|
+
}
|
|
49745
|
+
}
|
|
49746
|
+
],
|
|
49747
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49748
|
+
"isSource": true,
|
|
49749
|
+
"$type": "shadow"
|
|
49750
|
+
},
|
|
49751
|
+
"light-high-contrast": {
|
|
49752
|
+
"$value": [
|
|
49753
|
+
{
|
|
49754
|
+
"color": "#3d444db3",
|
|
49755
|
+
"alpha": 1,
|
|
49756
|
+
"offsetX": {
|
|
49757
|
+
"value": 0,
|
|
49758
|
+
"unit": "px"
|
|
49759
|
+
},
|
|
49760
|
+
"offsetY": {
|
|
49761
|
+
"value": 0,
|
|
49762
|
+
"unit": "px"
|
|
49763
|
+
},
|
|
49764
|
+
"blur": {
|
|
49765
|
+
"value": 0,
|
|
49766
|
+
"unit": "px"
|
|
49767
|
+
},
|
|
49768
|
+
"spread": {
|
|
49769
|
+
"value": 1,
|
|
49770
|
+
"unit": "px"
|
|
49771
|
+
}
|
|
49772
|
+
},
|
|
49773
|
+
{
|
|
49774
|
+
"color": "#f0f6fc",
|
|
49775
|
+
"alpha": 0.32,
|
|
49776
|
+
"offsetX": {
|
|
49777
|
+
"value": 0,
|
|
49778
|
+
"unit": "px"
|
|
49779
|
+
},
|
|
49780
|
+
"offsetY": {
|
|
49781
|
+
"value": 56,
|
|
49782
|
+
"unit": "px"
|
|
49783
|
+
},
|
|
49784
|
+
"blur": {
|
|
49785
|
+
"value": 112,
|
|
49786
|
+
"unit": "px"
|
|
49787
|
+
},
|
|
49788
|
+
"spread": {
|
|
49789
|
+
"value": 0,
|
|
49790
|
+
"unit": "px"
|
|
49791
|
+
}
|
|
49792
|
+
}
|
|
49793
|
+
],
|
|
49794
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49795
|
+
"isSource": true,
|
|
49796
|
+
"$type": "shadow"
|
|
49797
|
+
},
|
|
49798
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49799
|
+
"$value": [
|
|
49800
|
+
{
|
|
49801
|
+
"color": "#3d444db3",
|
|
49802
|
+
"alpha": 1,
|
|
49803
|
+
"offsetX": {
|
|
49804
|
+
"value": 0,
|
|
49805
|
+
"unit": "px"
|
|
49806
|
+
},
|
|
49807
|
+
"offsetY": {
|
|
49808
|
+
"value": 0,
|
|
49809
|
+
"unit": "px"
|
|
49810
|
+
},
|
|
49811
|
+
"blur": {
|
|
49812
|
+
"value": 0,
|
|
49813
|
+
"unit": "px"
|
|
49814
|
+
},
|
|
49815
|
+
"spread": {
|
|
49816
|
+
"value": 1,
|
|
49817
|
+
"unit": "px"
|
|
49818
|
+
}
|
|
49819
|
+
},
|
|
49820
|
+
{
|
|
49821
|
+
"color": "#f0f6fc",
|
|
49822
|
+
"alpha": 0.32,
|
|
49823
|
+
"offsetX": {
|
|
49824
|
+
"value": 0,
|
|
49825
|
+
"unit": "px"
|
|
49826
|
+
},
|
|
49827
|
+
"offsetY": {
|
|
49828
|
+
"value": 56,
|
|
49829
|
+
"unit": "px"
|
|
49830
|
+
},
|
|
49831
|
+
"blur": {
|
|
49832
|
+
"value": 112,
|
|
49833
|
+
"unit": "px"
|
|
49834
|
+
},
|
|
49835
|
+
"spread": {
|
|
49836
|
+
"value": 0,
|
|
49837
|
+
"unit": "px"
|
|
49838
|
+
}
|
|
49839
|
+
}
|
|
49840
|
+
],
|
|
49841
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49842
|
+
"isSource": true,
|
|
49843
|
+
"$type": "shadow"
|
|
49844
|
+
},
|
|
49845
|
+
"light-tritanopia-high-contrast": {
|
|
49846
|
+
"$value": [
|
|
49847
|
+
{
|
|
49848
|
+
"color": "#3d444db3",
|
|
49849
|
+
"alpha": 1,
|
|
49850
|
+
"offsetX": {
|
|
49851
|
+
"value": 0,
|
|
49852
|
+
"unit": "px"
|
|
49853
|
+
},
|
|
49854
|
+
"offsetY": {
|
|
49855
|
+
"value": 0,
|
|
49856
|
+
"unit": "px"
|
|
49857
|
+
},
|
|
49858
|
+
"blur": {
|
|
49859
|
+
"value": 0,
|
|
49860
|
+
"unit": "px"
|
|
49861
|
+
},
|
|
49862
|
+
"spread": {
|
|
49863
|
+
"value": 1,
|
|
49864
|
+
"unit": "px"
|
|
49865
|
+
}
|
|
49866
|
+
},
|
|
49867
|
+
{
|
|
49868
|
+
"color": "#f0f6fc",
|
|
49869
|
+
"alpha": 0.32,
|
|
49870
|
+
"offsetX": {
|
|
49871
|
+
"value": 0,
|
|
49872
|
+
"unit": "px"
|
|
49873
|
+
},
|
|
49874
|
+
"offsetY": {
|
|
49875
|
+
"value": 56,
|
|
49876
|
+
"unit": "px"
|
|
49877
|
+
},
|
|
49878
|
+
"blur": {
|
|
49879
|
+
"value": 112,
|
|
49880
|
+
"unit": "px"
|
|
49881
|
+
},
|
|
49882
|
+
"spread": {
|
|
49883
|
+
"value": 0,
|
|
49884
|
+
"unit": "px"
|
|
49885
|
+
}
|
|
47949
49886
|
}
|
|
47950
49887
|
],
|
|
47951
49888
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47952
49889
|
"isSource": true,
|
|
47953
49890
|
"$type": "shadow"
|
|
47954
49891
|
}
|
|
49892
|
+
},
|
|
49893
|
+
"org.primer.llm": {
|
|
49894
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
49895
|
+
"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."
|
|
47955
49896
|
}
|
|
47956
49897
|
},
|
|
47957
49898
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47961,21 +49902,46 @@
|
|
|
47961
49902
|
{
|
|
47962
49903
|
"color": "{overlay.borderColor}",
|
|
47963
49904
|
"alpha": 1,
|
|
47964
|
-
"offsetX":
|
|
47965
|
-
|
|
47966
|
-
|
|
47967
|
-
|
|
49905
|
+
"offsetX": {
|
|
49906
|
+
"value": 0,
|
|
49907
|
+
"unit": "px"
|
|
49908
|
+
},
|
|
49909
|
+
"offsetY": {
|
|
49910
|
+
"value": 0,
|
|
49911
|
+
"unit": "px"
|
|
49912
|
+
},
|
|
49913
|
+
"blur": {
|
|
49914
|
+
"value": 0,
|
|
49915
|
+
"unit": "px"
|
|
49916
|
+
},
|
|
49917
|
+
"spread": {
|
|
49918
|
+
"value": 1,
|
|
49919
|
+
"unit": "px"
|
|
49920
|
+
}
|
|
47968
49921
|
},
|
|
47969
49922
|
{
|
|
47970
49923
|
"color": "{base.color.neutral.0}",
|
|
47971
49924
|
"alpha": 1,
|
|
47972
|
-
"offsetX":
|
|
47973
|
-
|
|
47974
|
-
|
|
47975
|
-
|
|
49925
|
+
"offsetX": {
|
|
49926
|
+
"value": 0,
|
|
49927
|
+
"unit": "px"
|
|
49928
|
+
},
|
|
49929
|
+
"offsetY": {
|
|
49930
|
+
"value": 32,
|
|
49931
|
+
"unit": "px"
|
|
49932
|
+
},
|
|
49933
|
+
"blur": {
|
|
49934
|
+
"value": 64,
|
|
49935
|
+
"unit": "px"
|
|
49936
|
+
},
|
|
49937
|
+
"spread": {
|
|
49938
|
+
"value": 0,
|
|
49939
|
+
"unit": "px"
|
|
49940
|
+
}
|
|
47976
49941
|
}
|
|
47977
49942
|
],
|
|
47978
49943
|
"$type": "shadow",
|
|
49944
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47979
49945
|
"$extensions": {
|
|
47980
49946
|
"org.primer.figma": {
|
|
47981
49947
|
"collection": "mode",
|
|
@@ -47987,24 +49953,193 @@
|
|
|
47987
49953
|
{
|
|
47988
49954
|
"color": "{overlay.borderColor}",
|
|
47989
49955
|
"alpha": 1,
|
|
47990
|
-
"offsetX":
|
|
47991
|
-
|
|
47992
|
-
|
|
47993
|
-
|
|
49956
|
+
"offsetX": {
|
|
49957
|
+
"value": 0,
|
|
49958
|
+
"unit": "px"
|
|
49959
|
+
},
|
|
49960
|
+
"offsetY": {
|
|
49961
|
+
"value": 0,
|
|
49962
|
+
"unit": "px"
|
|
49963
|
+
},
|
|
49964
|
+
"blur": {
|
|
49965
|
+
"value": 0,
|
|
49966
|
+
"unit": "px"
|
|
49967
|
+
},
|
|
49968
|
+
"spread": {
|
|
49969
|
+
"value": 1,
|
|
49970
|
+
"unit": "px"
|
|
49971
|
+
}
|
|
47994
49972
|
},
|
|
47995
49973
|
{
|
|
47996
49974
|
"color": "{base.color.neutral.0}",
|
|
47997
49975
|
"alpha": 1,
|
|
47998
|
-
"offsetX":
|
|
47999
|
-
|
|
48000
|
-
|
|
48001
|
-
|
|
49976
|
+
"offsetX": {
|
|
49977
|
+
"value": 0,
|
|
49978
|
+
"unit": "px"
|
|
49979
|
+
},
|
|
49980
|
+
"offsetY": {
|
|
49981
|
+
"value": 32,
|
|
49982
|
+
"unit": "px"
|
|
49983
|
+
},
|
|
49984
|
+
"blur": {
|
|
49985
|
+
"value": 64,
|
|
49986
|
+
"unit": "px"
|
|
49987
|
+
},
|
|
49988
|
+
"spread": {
|
|
49989
|
+
"value": 0,
|
|
49990
|
+
"unit": "px"
|
|
49991
|
+
}
|
|
49992
|
+
}
|
|
49993
|
+
],
|
|
49994
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49995
|
+
"isSource": true,
|
|
49996
|
+
"$type": "shadow"
|
|
49997
|
+
},
|
|
49998
|
+
"light-high-contrast": {
|
|
49999
|
+
"$value": [
|
|
50000
|
+
{
|
|
50001
|
+
"color": "{overlay.borderColor}",
|
|
50002
|
+
"alpha": 1,
|
|
50003
|
+
"offsetX": {
|
|
50004
|
+
"value": 0,
|
|
50005
|
+
"unit": "px"
|
|
50006
|
+
},
|
|
50007
|
+
"offsetY": {
|
|
50008
|
+
"value": 0,
|
|
50009
|
+
"unit": "px"
|
|
50010
|
+
},
|
|
50011
|
+
"blur": {
|
|
50012
|
+
"value": 0,
|
|
50013
|
+
"unit": "px"
|
|
50014
|
+
},
|
|
50015
|
+
"spread": {
|
|
50016
|
+
"value": 1,
|
|
50017
|
+
"unit": "px"
|
|
50018
|
+
}
|
|
50019
|
+
},
|
|
50020
|
+
{
|
|
50021
|
+
"color": "{base.color.neutral.12}",
|
|
50022
|
+
"alpha": 0.32,
|
|
50023
|
+
"offsetX": {
|
|
50024
|
+
"value": 0,
|
|
50025
|
+
"unit": "px"
|
|
50026
|
+
},
|
|
50027
|
+
"offsetY": {
|
|
50028
|
+
"value": 56,
|
|
50029
|
+
"unit": "px"
|
|
50030
|
+
},
|
|
50031
|
+
"blur": {
|
|
50032
|
+
"value": 112,
|
|
50033
|
+
"unit": "px"
|
|
50034
|
+
},
|
|
50035
|
+
"spread": {
|
|
50036
|
+
"value": 0,
|
|
50037
|
+
"unit": "px"
|
|
50038
|
+
}
|
|
50039
|
+
}
|
|
50040
|
+
],
|
|
50041
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50042
|
+
"isSource": true,
|
|
50043
|
+
"$type": "shadow"
|
|
50044
|
+
},
|
|
50045
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
50046
|
+
"$value": [
|
|
50047
|
+
{
|
|
50048
|
+
"color": "{overlay.borderColor}",
|
|
50049
|
+
"alpha": 1,
|
|
50050
|
+
"offsetX": {
|
|
50051
|
+
"value": 0,
|
|
50052
|
+
"unit": "px"
|
|
50053
|
+
},
|
|
50054
|
+
"offsetY": {
|
|
50055
|
+
"value": 0,
|
|
50056
|
+
"unit": "px"
|
|
50057
|
+
},
|
|
50058
|
+
"blur": {
|
|
50059
|
+
"value": 0,
|
|
50060
|
+
"unit": "px"
|
|
50061
|
+
},
|
|
50062
|
+
"spread": {
|
|
50063
|
+
"value": 1,
|
|
50064
|
+
"unit": "px"
|
|
50065
|
+
}
|
|
50066
|
+
},
|
|
50067
|
+
{
|
|
50068
|
+
"color": "{base.color.neutral.12}",
|
|
50069
|
+
"alpha": 0.32,
|
|
50070
|
+
"offsetX": {
|
|
50071
|
+
"value": 0,
|
|
50072
|
+
"unit": "px"
|
|
50073
|
+
},
|
|
50074
|
+
"offsetY": {
|
|
50075
|
+
"value": 56,
|
|
50076
|
+
"unit": "px"
|
|
50077
|
+
},
|
|
50078
|
+
"blur": {
|
|
50079
|
+
"value": 112,
|
|
50080
|
+
"unit": "px"
|
|
50081
|
+
},
|
|
50082
|
+
"spread": {
|
|
50083
|
+
"value": 0,
|
|
50084
|
+
"unit": "px"
|
|
50085
|
+
}
|
|
50086
|
+
}
|
|
50087
|
+
],
|
|
50088
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
50089
|
+
"isSource": true,
|
|
50090
|
+
"$type": "shadow"
|
|
50091
|
+
},
|
|
50092
|
+
"light-tritanopia-high-contrast": {
|
|
50093
|
+
"$value": [
|
|
50094
|
+
{
|
|
50095
|
+
"color": "{overlay.borderColor}",
|
|
50096
|
+
"alpha": 1,
|
|
50097
|
+
"offsetX": {
|
|
50098
|
+
"value": 0,
|
|
50099
|
+
"unit": "px"
|
|
50100
|
+
},
|
|
50101
|
+
"offsetY": {
|
|
50102
|
+
"value": 0,
|
|
50103
|
+
"unit": "px"
|
|
50104
|
+
},
|
|
50105
|
+
"blur": {
|
|
50106
|
+
"value": 0,
|
|
50107
|
+
"unit": "px"
|
|
50108
|
+
},
|
|
50109
|
+
"spread": {
|
|
50110
|
+
"value": 1,
|
|
50111
|
+
"unit": "px"
|
|
50112
|
+
}
|
|
50113
|
+
},
|
|
50114
|
+
{
|
|
50115
|
+
"color": "{base.color.neutral.12}",
|
|
50116
|
+
"alpha": 0.32,
|
|
50117
|
+
"offsetX": {
|
|
50118
|
+
"value": 0,
|
|
50119
|
+
"unit": "px"
|
|
50120
|
+
},
|
|
50121
|
+
"offsetY": {
|
|
50122
|
+
"value": 56,
|
|
50123
|
+
"unit": "px"
|
|
50124
|
+
},
|
|
50125
|
+
"blur": {
|
|
50126
|
+
"value": 112,
|
|
50127
|
+
"unit": "px"
|
|
50128
|
+
},
|
|
50129
|
+
"spread": {
|
|
50130
|
+
"value": 0,
|
|
50131
|
+
"unit": "px"
|
|
50132
|
+
}
|
|
48002
50133
|
}
|
|
48003
50134
|
],
|
|
48004
50135
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48005
50136
|
"isSource": true,
|
|
48006
50137
|
"$type": "shadow"
|
|
48007
50138
|
}
|
|
50139
|
+
},
|
|
50140
|
+
"org.primer.llm": {
|
|
50141
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
50142
|
+
"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."
|
|
48008
50143
|
}
|
|
48009
50144
|
},
|
|
48010
50145
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48015,8 +50150,9 @@
|
|
|
48015
50150
|
},
|
|
48016
50151
|
"shadow-inset": {
|
|
48017
50152
|
"key": "{shadow.inset}",
|
|
48018
|
-
"$value": "inset
|
|
50153
|
+
"$value": "inset 0 1px 0 0 #0104093d",
|
|
48019
50154
|
"$type": "shadow",
|
|
50155
|
+
"$description": "Inset shadow for recessed elements",
|
|
48020
50156
|
"$extensions": {
|
|
48021
50157
|
"org.primer.figma": {
|
|
48022
50158
|
"collection": "mode",
|
|
@@ -48027,16 +50163,32 @@
|
|
|
48027
50163
|
"$value": {
|
|
48028
50164
|
"color": "#010409",
|
|
48029
50165
|
"alpha": 0.24,
|
|
48030
|
-
"offsetX":
|
|
48031
|
-
|
|
48032
|
-
|
|
48033
|
-
|
|
50166
|
+
"offsetX": {
|
|
50167
|
+
"value": 0,
|
|
50168
|
+
"unit": "px"
|
|
50169
|
+
},
|
|
50170
|
+
"offsetY": {
|
|
50171
|
+
"value": 1,
|
|
50172
|
+
"unit": "px"
|
|
50173
|
+
},
|
|
50174
|
+
"blur": {
|
|
50175
|
+
"value": 0,
|
|
50176
|
+
"unit": "px"
|
|
50177
|
+
},
|
|
50178
|
+
"spread": {
|
|
50179
|
+
"value": 0,
|
|
50180
|
+
"unit": "px"
|
|
50181
|
+
},
|
|
48034
50182
|
"inset": true
|
|
48035
50183
|
},
|
|
48036
50184
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48037
50185
|
"isSource": true,
|
|
48038
50186
|
"$type": "shadow"
|
|
48039
50187
|
}
|
|
50188
|
+
},
|
|
50189
|
+
"org.primer.llm": {
|
|
50190
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50191
|
+
"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."
|
|
48040
50192
|
}
|
|
48041
50193
|
},
|
|
48042
50194
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48045,13 +50197,26 @@
|
|
|
48045
50197
|
"$value": {
|
|
48046
50198
|
"color": "{base.color.neutral.0}",
|
|
48047
50199
|
"alpha": 0.24,
|
|
48048
|
-
"offsetX":
|
|
48049
|
-
|
|
48050
|
-
|
|
48051
|
-
|
|
50200
|
+
"offsetX": {
|
|
50201
|
+
"value": 0,
|
|
50202
|
+
"unit": "px"
|
|
50203
|
+
},
|
|
50204
|
+
"offsetY": {
|
|
50205
|
+
"value": 1,
|
|
50206
|
+
"unit": "px"
|
|
50207
|
+
},
|
|
50208
|
+
"blur": {
|
|
50209
|
+
"value": 0,
|
|
50210
|
+
"unit": "px"
|
|
50211
|
+
},
|
|
50212
|
+
"spread": {
|
|
50213
|
+
"value": 0,
|
|
50214
|
+
"unit": "px"
|
|
50215
|
+
},
|
|
48052
50216
|
"inset": true
|
|
48053
50217
|
},
|
|
48054
50218
|
"$type": "shadow",
|
|
50219
|
+
"$description": "Inset shadow for recessed elements",
|
|
48055
50220
|
"$extensions": {
|
|
48056
50221
|
"org.primer.figma": {
|
|
48057
50222
|
"collection": "mode",
|
|
@@ -48062,16 +50227,32 @@
|
|
|
48062
50227
|
"$value": {
|
|
48063
50228
|
"color": "{base.color.neutral.0}",
|
|
48064
50229
|
"alpha": 0.24,
|
|
48065
|
-
"offsetX":
|
|
48066
|
-
|
|
48067
|
-
|
|
48068
|
-
|
|
50230
|
+
"offsetX": {
|
|
50231
|
+
"value": 0,
|
|
50232
|
+
"unit": "px"
|
|
50233
|
+
},
|
|
50234
|
+
"offsetY": {
|
|
50235
|
+
"value": 1,
|
|
50236
|
+
"unit": "px"
|
|
50237
|
+
},
|
|
50238
|
+
"blur": {
|
|
50239
|
+
"value": 0,
|
|
50240
|
+
"unit": "px"
|
|
50241
|
+
},
|
|
50242
|
+
"spread": {
|
|
50243
|
+
"value": 0,
|
|
50244
|
+
"unit": "px"
|
|
50245
|
+
},
|
|
48069
50246
|
"inset": true
|
|
48070
50247
|
},
|
|
48071
50248
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48072
50249
|
"isSource": true,
|
|
48073
50250
|
"$type": "shadow"
|
|
48074
50251
|
}
|
|
50252
|
+
},
|
|
50253
|
+
"org.primer.llm": {
|
|
50254
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50255
|
+
"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."
|
|
48075
50256
|
}
|
|
48076
50257
|
},
|
|
48077
50258
|
"key": "{shadow.inset}"
|
|
@@ -48082,8 +50263,9 @@
|
|
|
48082
50263
|
},
|
|
48083
50264
|
"shadow-resting-medium": {
|
|
48084
50265
|
"key": "{shadow.resting.medium}",
|
|
48085
|
-
"$value": "
|
|
50266
|
+
"$value": "0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc",
|
|
48086
50267
|
"$type": "shadow",
|
|
50268
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48087
50269
|
"$extensions": {
|
|
48088
50270
|
"org.primer.figma": {
|
|
48089
50271
|
"collection": "mode",
|
|
@@ -48095,24 +50277,52 @@
|
|
|
48095
50277
|
{
|
|
48096
50278
|
"color": "#010409",
|
|
48097
50279
|
"alpha": 0.4,
|
|
48098
|
-
"offsetX":
|
|
48099
|
-
|
|
48100
|
-
|
|
48101
|
-
|
|
50280
|
+
"offsetX": {
|
|
50281
|
+
"value": 0,
|
|
50282
|
+
"unit": "px"
|
|
50283
|
+
},
|
|
50284
|
+
"offsetY": {
|
|
50285
|
+
"value": 1,
|
|
50286
|
+
"unit": "px"
|
|
50287
|
+
},
|
|
50288
|
+
"blur": {
|
|
50289
|
+
"value": 1,
|
|
50290
|
+
"unit": "px"
|
|
50291
|
+
},
|
|
50292
|
+
"spread": {
|
|
50293
|
+
"value": 0,
|
|
50294
|
+
"unit": "px"
|
|
50295
|
+
}
|
|
48102
50296
|
},
|
|
48103
50297
|
{
|
|
48104
50298
|
"color": "#010409",
|
|
48105
50299
|
"alpha": 0.8,
|
|
48106
|
-
"offsetX":
|
|
48107
|
-
|
|
48108
|
-
|
|
48109
|
-
|
|
50300
|
+
"offsetX": {
|
|
50301
|
+
"value": 0,
|
|
50302
|
+
"unit": "px"
|
|
50303
|
+
},
|
|
50304
|
+
"offsetY": {
|
|
50305
|
+
"value": 3,
|
|
50306
|
+
"unit": "px"
|
|
50307
|
+
},
|
|
50308
|
+
"blur": {
|
|
50309
|
+
"value": 6,
|
|
50310
|
+
"unit": "px"
|
|
50311
|
+
},
|
|
50312
|
+
"spread": {
|
|
50313
|
+
"value": 0,
|
|
50314
|
+
"unit": "px"
|
|
50315
|
+
}
|
|
48110
50316
|
}
|
|
48111
50317
|
],
|
|
48112
50318
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48113
50319
|
"isSource": true,
|
|
48114
50320
|
"$type": "shadow"
|
|
48115
50321
|
}
|
|
50322
|
+
},
|
|
50323
|
+
"org.primer.llm": {
|
|
50324
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50325
|
+
"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."
|
|
48116
50326
|
}
|
|
48117
50327
|
},
|
|
48118
50328
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48122,21 +50332,46 @@
|
|
|
48122
50332
|
{
|
|
48123
50333
|
"color": "{base.color.neutral.0}",
|
|
48124
50334
|
"alpha": 0.4,
|
|
48125
|
-
"offsetX":
|
|
48126
|
-
|
|
48127
|
-
|
|
48128
|
-
|
|
50335
|
+
"offsetX": {
|
|
50336
|
+
"value": 0,
|
|
50337
|
+
"unit": "px"
|
|
50338
|
+
},
|
|
50339
|
+
"offsetY": {
|
|
50340
|
+
"value": 1,
|
|
50341
|
+
"unit": "px"
|
|
50342
|
+
},
|
|
50343
|
+
"blur": {
|
|
50344
|
+
"value": 1,
|
|
50345
|
+
"unit": "px"
|
|
50346
|
+
},
|
|
50347
|
+
"spread": {
|
|
50348
|
+
"value": 0,
|
|
50349
|
+
"unit": "px"
|
|
50350
|
+
}
|
|
48129
50351
|
},
|
|
48130
50352
|
{
|
|
48131
50353
|
"color": "{base.color.neutral.0}",
|
|
48132
50354
|
"alpha": 0.8,
|
|
48133
|
-
"offsetX":
|
|
48134
|
-
|
|
48135
|
-
|
|
48136
|
-
|
|
50355
|
+
"offsetX": {
|
|
50356
|
+
"value": 0,
|
|
50357
|
+
"unit": "px"
|
|
50358
|
+
},
|
|
50359
|
+
"offsetY": {
|
|
50360
|
+
"value": 3,
|
|
50361
|
+
"unit": "px"
|
|
50362
|
+
},
|
|
50363
|
+
"blur": {
|
|
50364
|
+
"value": 6,
|
|
50365
|
+
"unit": "px"
|
|
50366
|
+
},
|
|
50367
|
+
"spread": {
|
|
50368
|
+
"value": 0,
|
|
50369
|
+
"unit": "px"
|
|
50370
|
+
}
|
|
48137
50371
|
}
|
|
48138
50372
|
],
|
|
48139
50373
|
"$type": "shadow",
|
|
50374
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48140
50375
|
"$extensions": {
|
|
48141
50376
|
"org.primer.figma": {
|
|
48142
50377
|
"collection": "mode",
|
|
@@ -48148,24 +50383,52 @@
|
|
|
48148
50383
|
{
|
|
48149
50384
|
"color": "{base.color.neutral.0}",
|
|
48150
50385
|
"alpha": 0.4,
|
|
48151
|
-
"offsetX":
|
|
48152
|
-
|
|
48153
|
-
|
|
48154
|
-
|
|
50386
|
+
"offsetX": {
|
|
50387
|
+
"value": 0,
|
|
50388
|
+
"unit": "px"
|
|
50389
|
+
},
|
|
50390
|
+
"offsetY": {
|
|
50391
|
+
"value": 1,
|
|
50392
|
+
"unit": "px"
|
|
50393
|
+
},
|
|
50394
|
+
"blur": {
|
|
50395
|
+
"value": 1,
|
|
50396
|
+
"unit": "px"
|
|
50397
|
+
},
|
|
50398
|
+
"spread": {
|
|
50399
|
+
"value": 0,
|
|
50400
|
+
"unit": "px"
|
|
50401
|
+
}
|
|
48155
50402
|
},
|
|
48156
50403
|
{
|
|
48157
50404
|
"color": "{base.color.neutral.0}",
|
|
48158
50405
|
"alpha": 0.8,
|
|
48159
|
-
"offsetX":
|
|
48160
|
-
|
|
48161
|
-
|
|
48162
|
-
|
|
50406
|
+
"offsetX": {
|
|
50407
|
+
"value": 0,
|
|
50408
|
+
"unit": "px"
|
|
50409
|
+
},
|
|
50410
|
+
"offsetY": {
|
|
50411
|
+
"value": 3,
|
|
50412
|
+
"unit": "px"
|
|
50413
|
+
},
|
|
50414
|
+
"blur": {
|
|
50415
|
+
"value": 6,
|
|
50416
|
+
"unit": "px"
|
|
50417
|
+
},
|
|
50418
|
+
"spread": {
|
|
50419
|
+
"value": 0,
|
|
50420
|
+
"unit": "px"
|
|
50421
|
+
}
|
|
48163
50422
|
}
|
|
48164
50423
|
],
|
|
48165
50424
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48166
50425
|
"isSource": true,
|
|
48167
50426
|
"$type": "shadow"
|
|
48168
50427
|
}
|
|
50428
|
+
},
|
|
50429
|
+
"org.primer.llm": {
|
|
50430
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50431
|
+
"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."
|
|
48169
50432
|
}
|
|
48170
50433
|
},
|
|
48171
50434
|
"key": "{shadow.resting.medium}"
|
|
@@ -48176,8 +50439,9 @@
|
|
|
48176
50439
|
},
|
|
48177
50440
|
"shadow-resting-small": {
|
|
48178
50441
|
"key": "{shadow.resting.small}",
|
|
48179
|
-
"$value": "
|
|
50442
|
+
"$value": "0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999",
|
|
48180
50443
|
"$type": "shadow",
|
|
50444
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48181
50445
|
"$extensions": {
|
|
48182
50446
|
"org.primer.figma": {
|
|
48183
50447
|
"collection": "mode",
|
|
@@ -48189,19 +50453,43 @@
|
|
|
48189
50453
|
{
|
|
48190
50454
|
"color": "#010409",
|
|
48191
50455
|
"alpha": 0.6,
|
|
48192
|
-
"offsetX":
|
|
48193
|
-
|
|
48194
|
-
|
|
48195
|
-
|
|
50456
|
+
"offsetX": {
|
|
50457
|
+
"value": 0,
|
|
50458
|
+
"unit": "px"
|
|
50459
|
+
},
|
|
50460
|
+
"offsetY": {
|
|
50461
|
+
"value": 1,
|
|
50462
|
+
"unit": "px"
|
|
50463
|
+
},
|
|
50464
|
+
"blur": {
|
|
50465
|
+
"value": 1,
|
|
50466
|
+
"unit": "px"
|
|
50467
|
+
},
|
|
50468
|
+
"spread": {
|
|
50469
|
+
"value": 0,
|
|
50470
|
+
"unit": "px"
|
|
50471
|
+
},
|
|
48196
50472
|
"inset": false
|
|
48197
50473
|
},
|
|
48198
50474
|
{
|
|
48199
50475
|
"color": "#010409",
|
|
48200
50476
|
"alpha": 0.6,
|
|
48201
|
-
"offsetX":
|
|
48202
|
-
|
|
48203
|
-
|
|
48204
|
-
|
|
50477
|
+
"offsetX": {
|
|
50478
|
+
"value": 0,
|
|
50479
|
+
"unit": "px"
|
|
50480
|
+
},
|
|
50481
|
+
"offsetY": {
|
|
50482
|
+
"value": 1,
|
|
50483
|
+
"unit": "px"
|
|
50484
|
+
},
|
|
50485
|
+
"blur": {
|
|
50486
|
+
"value": 3,
|
|
50487
|
+
"unit": "px"
|
|
50488
|
+
},
|
|
50489
|
+
"spread": {
|
|
50490
|
+
"value": 0,
|
|
50491
|
+
"unit": "px"
|
|
50492
|
+
},
|
|
48205
50493
|
"inset": false
|
|
48206
50494
|
}
|
|
48207
50495
|
],
|
|
@@ -48209,6 +50497,10 @@
|
|
|
48209
50497
|
"isSource": true,
|
|
48210
50498
|
"$type": "shadow"
|
|
48211
50499
|
}
|
|
50500
|
+
},
|
|
50501
|
+
"org.primer.llm": {
|
|
50502
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50503
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48212
50504
|
}
|
|
48213
50505
|
},
|
|
48214
50506
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48218,23 +50510,48 @@
|
|
|
48218
50510
|
{
|
|
48219
50511
|
"color": "{base.color.neutral.0}",
|
|
48220
50512
|
"alpha": 0.6,
|
|
48221
|
-
"offsetX":
|
|
48222
|
-
|
|
48223
|
-
|
|
48224
|
-
|
|
50513
|
+
"offsetX": {
|
|
50514
|
+
"value": 0,
|
|
50515
|
+
"unit": "px"
|
|
50516
|
+
},
|
|
50517
|
+
"offsetY": {
|
|
50518
|
+
"value": 1,
|
|
50519
|
+
"unit": "px"
|
|
50520
|
+
},
|
|
50521
|
+
"blur": {
|
|
50522
|
+
"value": 1,
|
|
50523
|
+
"unit": "px"
|
|
50524
|
+
},
|
|
50525
|
+
"spread": {
|
|
50526
|
+
"value": 0,
|
|
50527
|
+
"unit": "px"
|
|
50528
|
+
},
|
|
48225
50529
|
"inset": false
|
|
48226
50530
|
},
|
|
48227
50531
|
{
|
|
48228
50532
|
"color": "{base.color.neutral.0}",
|
|
48229
50533
|
"alpha": 0.6,
|
|
48230
|
-
"offsetX":
|
|
48231
|
-
|
|
48232
|
-
|
|
48233
|
-
|
|
50534
|
+
"offsetX": {
|
|
50535
|
+
"value": 0,
|
|
50536
|
+
"unit": "px"
|
|
50537
|
+
},
|
|
50538
|
+
"offsetY": {
|
|
50539
|
+
"value": 1,
|
|
50540
|
+
"unit": "px"
|
|
50541
|
+
},
|
|
50542
|
+
"blur": {
|
|
50543
|
+
"value": 3,
|
|
50544
|
+
"unit": "px"
|
|
50545
|
+
},
|
|
50546
|
+
"spread": {
|
|
50547
|
+
"value": 0,
|
|
50548
|
+
"unit": "px"
|
|
50549
|
+
},
|
|
48234
50550
|
"inset": false
|
|
48235
50551
|
}
|
|
48236
50552
|
],
|
|
48237
50553
|
"$type": "shadow",
|
|
50554
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48238
50555
|
"$extensions": {
|
|
48239
50556
|
"org.primer.figma": {
|
|
48240
50557
|
"collection": "mode",
|
|
@@ -48246,19 +50563,43 @@
|
|
|
48246
50563
|
{
|
|
48247
50564
|
"color": "{base.color.neutral.0}",
|
|
48248
50565
|
"alpha": 0.6,
|
|
48249
|
-
"offsetX":
|
|
48250
|
-
|
|
48251
|
-
|
|
48252
|
-
|
|
50566
|
+
"offsetX": {
|
|
50567
|
+
"value": 0,
|
|
50568
|
+
"unit": "px"
|
|
50569
|
+
},
|
|
50570
|
+
"offsetY": {
|
|
50571
|
+
"value": 1,
|
|
50572
|
+
"unit": "px"
|
|
50573
|
+
},
|
|
50574
|
+
"blur": {
|
|
50575
|
+
"value": 1,
|
|
50576
|
+
"unit": "px"
|
|
50577
|
+
},
|
|
50578
|
+
"spread": {
|
|
50579
|
+
"value": 0,
|
|
50580
|
+
"unit": "px"
|
|
50581
|
+
},
|
|
48253
50582
|
"inset": false
|
|
48254
50583
|
},
|
|
48255
50584
|
{
|
|
48256
50585
|
"color": "{base.color.neutral.0}",
|
|
48257
50586
|
"alpha": 0.6,
|
|
48258
|
-
"offsetX":
|
|
48259
|
-
|
|
48260
|
-
|
|
48261
|
-
|
|
50587
|
+
"offsetX": {
|
|
50588
|
+
"value": 0,
|
|
50589
|
+
"unit": "px"
|
|
50590
|
+
},
|
|
50591
|
+
"offsetY": {
|
|
50592
|
+
"value": 1,
|
|
50593
|
+
"unit": "px"
|
|
50594
|
+
},
|
|
50595
|
+
"blur": {
|
|
50596
|
+
"value": 3,
|
|
50597
|
+
"unit": "px"
|
|
50598
|
+
},
|
|
50599
|
+
"spread": {
|
|
50600
|
+
"value": 0,
|
|
50601
|
+
"unit": "px"
|
|
50602
|
+
},
|
|
48262
50603
|
"inset": false
|
|
48263
50604
|
}
|
|
48264
50605
|
],
|
|
@@ -48266,6 +50607,10 @@
|
|
|
48266
50607
|
"isSource": true,
|
|
48267
50608
|
"$type": "shadow"
|
|
48268
50609
|
}
|
|
50610
|
+
},
|
|
50611
|
+
"org.primer.llm": {
|
|
50612
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50613
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48269
50614
|
}
|
|
48270
50615
|
},
|
|
48271
50616
|
"key": "{shadow.resting.small}"
|
|
@@ -48276,8 +50621,9 @@
|
|
|
48276
50621
|
},
|
|
48277
50622
|
"shadow-resting-xsmall": {
|
|
48278
50623
|
"key": "{shadow.resting.xsmall}",
|
|
48279
|
-
"$value": "
|
|
50624
|
+
"$value": "0 1px 1px 0 #010409cc",
|
|
48280
50625
|
"$type": "shadow",
|
|
50626
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48281
50627
|
"$extensions": {
|
|
48282
50628
|
"org.primer.figma": {
|
|
48283
50629
|
"collection": "mode",
|
|
@@ -48288,16 +50634,32 @@
|
|
|
48288
50634
|
"$value": {
|
|
48289
50635
|
"color": "#010409",
|
|
48290
50636
|
"alpha": 0.8,
|
|
48291
|
-
"offsetX":
|
|
48292
|
-
|
|
48293
|
-
|
|
48294
|
-
|
|
50637
|
+
"offsetX": {
|
|
50638
|
+
"value": 0,
|
|
50639
|
+
"unit": "px"
|
|
50640
|
+
},
|
|
50641
|
+
"offsetY": {
|
|
50642
|
+
"value": 1,
|
|
50643
|
+
"unit": "px"
|
|
50644
|
+
},
|
|
50645
|
+
"blur": {
|
|
50646
|
+
"value": 1,
|
|
50647
|
+
"unit": "px"
|
|
50648
|
+
},
|
|
50649
|
+
"spread": {
|
|
50650
|
+
"value": 0,
|
|
50651
|
+
"unit": "px"
|
|
50652
|
+
},
|
|
48295
50653
|
"inset": false
|
|
48296
50654
|
},
|
|
48297
50655
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48298
50656
|
"isSource": true,
|
|
48299
50657
|
"$type": "shadow"
|
|
48300
50658
|
}
|
|
50659
|
+
},
|
|
50660
|
+
"org.primer.llm": {
|
|
50661
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50662
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48301
50663
|
}
|
|
48302
50664
|
},
|
|
48303
50665
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48306,13 +50668,26 @@
|
|
|
48306
50668
|
"$value": {
|
|
48307
50669
|
"color": "{base.color.neutral.0}",
|
|
48308
50670
|
"alpha": 0.8,
|
|
48309
|
-
"offsetX":
|
|
48310
|
-
|
|
48311
|
-
|
|
48312
|
-
|
|
50671
|
+
"offsetX": {
|
|
50672
|
+
"value": 0,
|
|
50673
|
+
"unit": "px"
|
|
50674
|
+
},
|
|
50675
|
+
"offsetY": {
|
|
50676
|
+
"value": 1,
|
|
50677
|
+
"unit": "px"
|
|
50678
|
+
},
|
|
50679
|
+
"blur": {
|
|
50680
|
+
"value": 1,
|
|
50681
|
+
"unit": "px"
|
|
50682
|
+
},
|
|
50683
|
+
"spread": {
|
|
50684
|
+
"value": 0,
|
|
50685
|
+
"unit": "px"
|
|
50686
|
+
},
|
|
48313
50687
|
"inset": false
|
|
48314
50688
|
},
|
|
48315
50689
|
"$type": "shadow",
|
|
50690
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48316
50691
|
"$extensions": {
|
|
48317
50692
|
"org.primer.figma": {
|
|
48318
50693
|
"collection": "mode",
|
|
@@ -48323,16 +50698,32 @@
|
|
|
48323
50698
|
"$value": {
|
|
48324
50699
|
"color": "{base.color.neutral.0}",
|
|
48325
50700
|
"alpha": 0.8,
|
|
48326
|
-
"offsetX":
|
|
48327
|
-
|
|
48328
|
-
|
|
48329
|
-
|
|
50701
|
+
"offsetX": {
|
|
50702
|
+
"value": 0,
|
|
50703
|
+
"unit": "px"
|
|
50704
|
+
},
|
|
50705
|
+
"offsetY": {
|
|
50706
|
+
"value": 1,
|
|
50707
|
+
"unit": "px"
|
|
50708
|
+
},
|
|
50709
|
+
"blur": {
|
|
50710
|
+
"value": 1,
|
|
50711
|
+
"unit": "px"
|
|
50712
|
+
},
|
|
50713
|
+
"spread": {
|
|
50714
|
+
"value": 0,
|
|
50715
|
+
"unit": "px"
|
|
50716
|
+
},
|
|
48330
50717
|
"inset": false
|
|
48331
50718
|
},
|
|
48332
50719
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48333
50720
|
"isSource": true,
|
|
48334
50721
|
"$type": "shadow"
|
|
48335
50722
|
}
|
|
50723
|
+
},
|
|
50724
|
+
"org.primer.llm": {
|
|
50725
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50726
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48336
50727
|
}
|
|
48337
50728
|
},
|
|
48338
50729
|
"key": "{shadow.resting.xsmall}"
|