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