@primer/primitives 11.4.0 → 11.4.1-rc.4e2d1de5
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/markdownLlmGuidelines.d.ts +7 -6
- package/dist/build/formats/markdownLlmGuidelines.js +1034 -60
- package/dist/build/schemas/borderToken.d.ts +16 -2
- package/dist/build/schemas/dimensionToken.d.ts +8 -1
- package/dist/build/schemas/dimensionValue.d.ts +24 -1
- package/dist/build/schemas/dimensionValue.js +20 -1
- package/dist/build/schemas/durationToken.d.ts +7 -1
- package/dist/build/schemas/durationValue.d.ts +11 -1
- package/dist/build/schemas/durationValue.js +13 -3
- package/dist/build/schemas/shadowToken.d.ts +672 -84
- package/dist/build/schemas/transitionToken.d.ts +14 -2
- package/dist/build/schemas/typographyToken.d.ts +32 -4
- 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/utilities/parseDimension.d.ts +12 -0
- package/dist/build/transformers/utilities/parseDimension.js +31 -0
- package/dist/build/types/dimensionTokenValue.d.ts +9 -0
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +18 -14
- package/dist/css/functional/themes/dark-colorblind.css +18 -14
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +18 -14
- package/dist/css/functional/themes/dark-dimmed.css +18 -14
- package/dist/css/functional/themes/dark-high-contrast.css +18 -14
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +18 -14
- package/dist/css/functional/themes/dark-tritanopia.css +18 -14
- package/dist/css/functional/themes/dark.css +18 -14
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +18 -14
- package/dist/css/functional/themes/light-colorblind.css +18 -14
- package/dist/css/functional/themes/light-high-contrast.css +18 -14
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +18 -14
- package/dist/css/functional/themes/light-tritanopia.css +18 -14
- package/dist/css/functional/themes/light.css +18 -14
- 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 +20 -5
- 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 +109 -7
- package/dist/docs/functional/themes/dark-colorblind.json +109 -7
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +109 -7
- package/dist/docs/functional/themes/dark-dimmed.json +109 -7
- package/dist/docs/functional/themes/dark-high-contrast.json +109 -7
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +109 -7
- package/dist/docs/functional/themes/dark-tritanopia.json +109 -7
- package/dist/docs/functional/themes/dark.json +109 -7
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +115 -13
- package/dist/docs/functional/themes/light-colorblind.json +115 -13
- package/dist/docs/functional/themes/light-high-contrast.json +115 -13
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +115 -13
- package/dist/docs/functional/themes/light-tritanopia.json +115 -13
- package/dist/docs/functional/themes/light.json +115 -13
- 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 +14 -14
- package/dist/internalCss/dark-colorblind.css +14 -14
- package/dist/internalCss/dark-dimmed-high-contrast.css +14 -14
- package/dist/internalCss/dark-dimmed.css +14 -14
- package/dist/internalCss/dark-high-contrast.css +14 -14
- package/dist/internalCss/dark-tritanopia-high-contrast.css +14 -14
- package/dist/internalCss/dark-tritanopia.css +14 -14
- package/dist/internalCss/dark.css +14 -14
- package/dist/internalCss/light-colorblind-high-contrast.css +14 -14
- package/dist/internalCss/light-colorblind.css +14 -14
- package/dist/internalCss/light-high-contrast.css +14 -14
- package/dist/internalCss/light-tritanopia-high-contrast.css +14 -14
- package/dist/internalCss/light-tritanopia.css +14 -14
- package/dist/internalCss/light.css +14 -14
- 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 +21 -6
- 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 +129 -27
- package/dist/styleLint/functional/themes/dark-colorblind.json +129 -27
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +129 -27
- package/dist/styleLint/functional/themes/dark-dimmed.json +129 -27
- package/dist/styleLint/functional/themes/dark-high-contrast.json +129 -27
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +129 -27
- package/dist/styleLint/functional/themes/dark-tritanopia.json +129 -27
- package/dist/styleLint/functional/themes/dark.json +129 -27
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +135 -33
- package/dist/styleLint/functional/themes/light-colorblind.json +135 -33
- package/dist/styleLint/functional/themes/light-high-contrast.json +135 -33
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +135 -33
- package/dist/styleLint/functional/themes/light-tritanopia.json +135 -33
- package/dist/styleLint/functional/themes/light.json +135 -33
- package/dist/styleLint/functional/typography/typography.json +28 -22
- package/package.json +6 -5
- package/src/tokens/base/motion/timing.json5 +12 -12
- package/src/tokens/base/size/size.json5 +19 -19
- package/src/tokens/base/typography/typography.json5 +6 -6
- 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 +39 -4
- package/src/tokens/functional/size/border.json5 +5 -5
- 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
|
@@ -552,6 +552,10 @@
|
|
|
552
552
|
},
|
|
553
553
|
"org.primer.overrides": {
|
|
554
554
|
"dark": "#010409"
|
|
555
|
+
},
|
|
556
|
+
"org.primer.llm": {
|
|
557
|
+
"doNotUse": true,
|
|
558
|
+
"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
559
|
}
|
|
556
560
|
},
|
|
557
561
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -568,6 +572,10 @@
|
|
|
568
572
|
},
|
|
569
573
|
"org.primer.overrides": {
|
|
570
574
|
"dark": "{base.color.neutral.0}"
|
|
575
|
+
},
|
|
576
|
+
"org.primer.llm": {
|
|
577
|
+
"doNotUse": true,
|
|
578
|
+
"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
579
|
}
|
|
572
580
|
},
|
|
573
581
|
"key": "{bgColor.black}"
|
|
@@ -2460,6 +2468,10 @@
|
|
|
2460
2468
|
},
|
|
2461
2469
|
"org.primer.overrides": {
|
|
2462
2470
|
"dark": "#ffffff"
|
|
2471
|
+
},
|
|
2472
|
+
"org.primer.llm": {
|
|
2473
|
+
"doNotUse": true,
|
|
2474
|
+
"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."
|
|
2463
2475
|
}
|
|
2464
2476
|
},
|
|
2465
2477
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2476,6 +2488,10 @@
|
|
|
2476
2488
|
},
|
|
2477
2489
|
"org.primer.overrides": {
|
|
2478
2490
|
"dark": "{base.color.neutral.13}"
|
|
2491
|
+
},
|
|
2492
|
+
"org.primer.llm": {
|
|
2493
|
+
"doNotUse": true,
|
|
2494
|
+
"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."
|
|
2479
2495
|
}
|
|
2480
2496
|
},
|
|
2481
2497
|
"key": "{bgColor.white}"
|
|
@@ -2486,7 +2502,7 @@
|
|
|
2486
2502
|
},
|
|
2487
2503
|
"border-accent-emphasis": {
|
|
2488
2504
|
"key": "{border.accent.emphasis}",
|
|
2489
|
-
"$value": "0.
|
|
2505
|
+
"$value": "0.0625rem,1px solid #1f6feb",
|
|
2490
2506
|
"$type": "border",
|
|
2491
2507
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2492
2508
|
"isSource": true,
|
|
@@ -2505,7 +2521,7 @@
|
|
|
2505
2521
|
},
|
|
2506
2522
|
"border-accent-muted": {
|
|
2507
2523
|
"key": "{border.accent.muted}",
|
|
2508
|
-
"$value": "0.
|
|
2524
|
+
"$value": "0.0625rem,1px solid #388bfd66",
|
|
2509
2525
|
"$type": "border",
|
|
2510
2526
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2511
2527
|
"isSource": true,
|
|
@@ -2524,7 +2540,7 @@
|
|
|
2524
2540
|
},
|
|
2525
2541
|
"border-attention-emphasis": {
|
|
2526
2542
|
"key": "{border.attention.emphasis}",
|
|
2527
|
-
"$value": "0.
|
|
2543
|
+
"$value": "0.0625rem,1px solid #9e6a03",
|
|
2528
2544
|
"$type": "border",
|
|
2529
2545
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2530
2546
|
"isSource": true,
|
|
@@ -2543,7 +2559,7 @@
|
|
|
2543
2559
|
},
|
|
2544
2560
|
"border-attention-muted": {
|
|
2545
2561
|
"key": "{border.attention.muted}",
|
|
2546
|
-
"$value": "0.
|
|
2562
|
+
"$value": "0.0625rem,1px solid #bb800966",
|
|
2547
2563
|
"$type": "border",
|
|
2548
2564
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2549
2565
|
"isSource": true,
|
|
@@ -2562,7 +2578,7 @@
|
|
|
2562
2578
|
},
|
|
2563
2579
|
"border-closed-emphasis": {
|
|
2564
2580
|
"key": "{border.closed.emphasis}",
|
|
2565
|
-
"$value": "0.
|
|
2581
|
+
"$value": "0.0625rem,1px solid #bd561d",
|
|
2566
2582
|
"$type": "border",
|
|
2567
2583
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2568
2584
|
"isSource": true,
|
|
@@ -2577,7 +2593,7 @@
|
|
|
2577
2593
|
},
|
|
2578
2594
|
"border-closed-muted": {
|
|
2579
2595
|
"key": "{border.closed.muted}",
|
|
2580
|
-
"$value": "0.
|
|
2596
|
+
"$value": "0.0625rem,1px solid #db6d2866",
|
|
2581
2597
|
"$type": "border",
|
|
2582
2598
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2583
2599
|
"isSource": true,
|
|
@@ -2592,7 +2608,7 @@
|
|
|
2592
2608
|
},
|
|
2593
2609
|
"border-danger-emphasis": {
|
|
2594
2610
|
"key": "{border.danger.emphasis}",
|
|
2595
|
-
"$value": "0.
|
|
2611
|
+
"$value": "0.0625rem,1px solid #bd561d",
|
|
2596
2612
|
"$type": "border",
|
|
2597
2613
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2598
2614
|
"isSource": true,
|
|
@@ -2611,7 +2627,7 @@
|
|
|
2611
2627
|
},
|
|
2612
2628
|
"border-danger-muted": {
|
|
2613
2629
|
"key": "{border.danger.muted}",
|
|
2614
|
-
"$value": "0.
|
|
2630
|
+
"$value": "0.0625rem,1px solid #db6d2866",
|
|
2615
2631
|
"$type": "border",
|
|
2616
2632
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2617
2633
|
"isSource": true,
|
|
@@ -2630,7 +2646,7 @@
|
|
|
2630
2646
|
},
|
|
2631
2647
|
"border-default": {
|
|
2632
2648
|
"key": "{border.default}",
|
|
2633
|
-
"$value": "0.
|
|
2649
|
+
"$value": "0.0625rem,1px solid #3d444d",
|
|
2634
2650
|
"$type": "border",
|
|
2635
2651
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2636
2652
|
"isSource": true,
|
|
@@ -2649,7 +2665,7 @@
|
|
|
2649
2665
|
},
|
|
2650
2666
|
"border-disabled": {
|
|
2651
2667
|
"key": "{border.disabled}",
|
|
2652
|
-
"$value": "0.
|
|
2668
|
+
"$value": "0.0625rem,1px solid #656c761a",
|
|
2653
2669
|
"$type": "border",
|
|
2654
2670
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2655
2671
|
"isSource": true,
|
|
@@ -2668,7 +2684,7 @@
|
|
|
2668
2684
|
},
|
|
2669
2685
|
"border-done-emphasis": {
|
|
2670
2686
|
"key": "{border.done.emphasis}",
|
|
2671
|
-
"$value": "0.
|
|
2687
|
+
"$value": "0.0625rem,1px solid #8957e5",
|
|
2672
2688
|
"$type": "border",
|
|
2673
2689
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2674
2690
|
"isSource": true,
|
|
@@ -2687,7 +2703,7 @@
|
|
|
2687
2703
|
},
|
|
2688
2704
|
"border-done-muted": {
|
|
2689
2705
|
"key": "{border.done.muted}",
|
|
2690
|
-
"$value": "0.
|
|
2706
|
+
"$value": "0.0625rem,1px solid #ab7df866",
|
|
2691
2707
|
"$type": "border",
|
|
2692
2708
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2693
2709
|
"isSource": true,
|
|
@@ -2706,7 +2722,7 @@
|
|
|
2706
2722
|
},
|
|
2707
2723
|
"border-emphasis": {
|
|
2708
2724
|
"key": "{border.emphasis}",
|
|
2709
|
-
"$value": "0.
|
|
2725
|
+
"$value": "0.0625rem,1px solid #656c76",
|
|
2710
2726
|
"$type": "border",
|
|
2711
2727
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2712
2728
|
"isSource": true,
|
|
@@ -2725,7 +2741,7 @@
|
|
|
2725
2741
|
},
|
|
2726
2742
|
"border-muted": {
|
|
2727
2743
|
"key": "{border.muted}",
|
|
2728
|
-
"$value": "0.
|
|
2744
|
+
"$value": "0.0625rem,1px solid #3d444db3",
|
|
2729
2745
|
"$type": "border",
|
|
2730
2746
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2731
2747
|
"isSource": true,
|
|
@@ -2744,7 +2760,7 @@
|
|
|
2744
2760
|
},
|
|
2745
2761
|
"border-neutral-emphasis": {
|
|
2746
2762
|
"key": "{border.neutral.emphasis}",
|
|
2747
|
-
"$value": "0.
|
|
2763
|
+
"$value": "0.0625rem,1px solid #656c76",
|
|
2748
2764
|
"$type": "border",
|
|
2749
2765
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2750
2766
|
"isSource": true,
|
|
@@ -2763,7 +2779,7 @@
|
|
|
2763
2779
|
},
|
|
2764
2780
|
"border-neutral-muted": {
|
|
2765
2781
|
"key": "{border.neutral.muted}",
|
|
2766
|
-
"$value": "0.
|
|
2782
|
+
"$value": "0.0625rem,1px solid #3d444db3",
|
|
2767
2783
|
"$type": "border",
|
|
2768
2784
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2769
2785
|
"isSource": true,
|
|
@@ -2782,7 +2798,7 @@
|
|
|
2782
2798
|
},
|
|
2783
2799
|
"border-open-emphasis": {
|
|
2784
2800
|
"key": "{border.open.emphasis}",
|
|
2785
|
-
"$value": "0.
|
|
2801
|
+
"$value": "0.0625rem,1px solid #1f6feb",
|
|
2786
2802
|
"$type": "border",
|
|
2787
2803
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2788
2804
|
"isSource": true,
|
|
@@ -2797,7 +2813,7 @@
|
|
|
2797
2813
|
},
|
|
2798
2814
|
"border-open-muted": {
|
|
2799
2815
|
"key": "{border.open.muted}",
|
|
2800
|
-
"$value": "0.
|
|
2816
|
+
"$value": "0.0625rem,1px solid #388bfd66",
|
|
2801
2817
|
"$type": "border",
|
|
2802
2818
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2803
2819
|
"isSource": true,
|
|
@@ -2812,7 +2828,7 @@
|
|
|
2812
2828
|
},
|
|
2813
2829
|
"border-severe-emphasis": {
|
|
2814
2830
|
"key": "{border.severe.emphasis}",
|
|
2815
|
-
"$value": "0.
|
|
2831
|
+
"$value": "0.0625rem,1px solid #bd561d",
|
|
2816
2832
|
"$type": "border",
|
|
2817
2833
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2818
2834
|
"isSource": true,
|
|
@@ -2831,7 +2847,7 @@
|
|
|
2831
2847
|
},
|
|
2832
2848
|
"border-severe-muted": {
|
|
2833
2849
|
"key": "{border.severe.muted}",
|
|
2834
|
-
"$value": "0.
|
|
2850
|
+
"$value": "0.0625rem,1px solid #db6d2866",
|
|
2835
2851
|
"$type": "border",
|
|
2836
2852
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2837
2853
|
"isSource": true,
|
|
@@ -2850,7 +2866,7 @@
|
|
|
2850
2866
|
},
|
|
2851
2867
|
"border-sponsors-emphasis": {
|
|
2852
2868
|
"key": "{border.sponsors.emphasis}",
|
|
2853
|
-
"$value": "0.
|
|
2869
|
+
"$value": "0.0625rem,1px solid #bf4b8a",
|
|
2854
2870
|
"$type": "border",
|
|
2855
2871
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2856
2872
|
"isSource": true,
|
|
@@ -2869,7 +2885,7 @@
|
|
|
2869
2885
|
},
|
|
2870
2886
|
"border-sponsors-muted": {
|
|
2871
2887
|
"key": "{border.sponsors.muted}",
|
|
2872
|
-
"$value": "0.
|
|
2888
|
+
"$value": "0.0625rem,1px solid #db61a266",
|
|
2873
2889
|
"$type": "border",
|
|
2874
2890
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2875
2891
|
"isSource": true,
|
|
@@ -2888,7 +2904,7 @@
|
|
|
2888
2904
|
},
|
|
2889
2905
|
"border-success-emphasis": {
|
|
2890
2906
|
"key": "{border.success.emphasis}",
|
|
2891
|
-
"$value": "0.
|
|
2907
|
+
"$value": "0.0625rem,1px solid #1f6feb",
|
|
2892
2908
|
"$type": "border",
|
|
2893
2909
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2894
2910
|
"isSource": true,
|
|
@@ -2907,7 +2923,7 @@
|
|
|
2907
2923
|
},
|
|
2908
2924
|
"border-success-muted": {
|
|
2909
2925
|
"key": "{border.success.muted}",
|
|
2910
|
-
"$value": "0.
|
|
2926
|
+
"$value": "0.0625rem,1px solid #388bfd66",
|
|
2911
2927
|
"$type": "border",
|
|
2912
2928
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2913
2929
|
"isSource": true,
|
|
@@ -2926,7 +2942,7 @@
|
|
|
2926
2942
|
},
|
|
2927
2943
|
"border-transparent": {
|
|
2928
2944
|
"key": "{border.transparent}",
|
|
2929
|
-
"$value": "0.
|
|
2945
|
+
"$value": "0.0625rem,1px solid #00000000",
|
|
2930
2946
|
"$type": "border",
|
|
2931
2947
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2932
2948
|
"isSource": true,
|
|
@@ -2945,7 +2961,7 @@
|
|
|
2945
2961
|
},
|
|
2946
2962
|
"border-upsell-emphasis": {
|
|
2947
2963
|
"key": "{border.upsell.emphasis}",
|
|
2948
|
-
"$value": "0.
|
|
2964
|
+
"$value": "0.0625rem,1px solid #8957e5",
|
|
2949
2965
|
"$type": "border",
|
|
2950
2966
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2951
2967
|
"isSource": true,
|
|
@@ -2964,7 +2980,7 @@
|
|
|
2964
2980
|
},
|
|
2965
2981
|
"border-upsell-muted": {
|
|
2966
2982
|
"key": "{border.upsell.muted}",
|
|
2967
|
-
"$value": "0.
|
|
2983
|
+
"$value": "0.0625rem,1px solid #ab7df866",
|
|
2968
2984
|
"$type": "border",
|
|
2969
2985
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2970
2986
|
"isSource": true,
|
|
@@ -37256,6 +37272,10 @@
|
|
|
37256
37272
|
},
|
|
37257
37273
|
"org.primer.overrides": {
|
|
37258
37274
|
"dark": "#010409"
|
|
37275
|
+
},
|
|
37276
|
+
"org.primer.llm": {
|
|
37277
|
+
"doNotUse": true,
|
|
37278
|
+
"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."
|
|
37259
37279
|
}
|
|
37260
37280
|
},
|
|
37261
37281
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37272,6 +37292,10 @@
|
|
|
37272
37292
|
},
|
|
37273
37293
|
"org.primer.overrides": {
|
|
37274
37294
|
"dark": "{base.color.neutral.0}"
|
|
37295
|
+
},
|
|
37296
|
+
"org.primer.llm": {
|
|
37297
|
+
"doNotUse": true,
|
|
37298
|
+
"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."
|
|
37275
37299
|
}
|
|
37276
37300
|
},
|
|
37277
37301
|
"key": "{fgColor.black}"
|
|
@@ -38245,6 +38269,10 @@
|
|
|
38245
38269
|
},
|
|
38246
38270
|
"org.primer.overrides": {
|
|
38247
38271
|
"dark": "#ffffff"
|
|
38272
|
+
},
|
|
38273
|
+
"org.primer.llm": {
|
|
38274
|
+
"doNotUse": true,
|
|
38275
|
+
"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."
|
|
38248
38276
|
}
|
|
38249
38277
|
},
|
|
38250
38278
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38261,6 +38289,10 @@
|
|
|
38261
38289
|
},
|
|
38262
38290
|
"org.primer.overrides": {
|
|
38263
38291
|
"dark": "{base.color.neutral.13}"
|
|
38292
|
+
},
|
|
38293
|
+
"org.primer.llm": {
|
|
38294
|
+
"doNotUse": true,
|
|
38295
|
+
"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."
|
|
38264
38296
|
}
|
|
38265
38297
|
},
|
|
38266
38298
|
"key": "{fgColor.white}"
|
|
@@ -47551,6 +47583,7 @@
|
|
|
47551
47583
|
"key": "{shadow.floating.legacy}",
|
|
47552
47584
|
"$value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
47553
47585
|
"$type": "shadow",
|
|
47586
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47554
47587
|
"$extensions": {
|
|
47555
47588
|
"org.primer.figma": {},
|
|
47556
47589
|
"org.primer.overrides": {
|
|
@@ -47577,6 +47610,10 @@
|
|
|
47577
47610
|
"isSource": true,
|
|
47578
47611
|
"$type": "shadow"
|
|
47579
47612
|
}
|
|
47613
|
+
},
|
|
47614
|
+
"org.primer.llm": {
|
|
47615
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47616
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47580
47617
|
}
|
|
47581
47618
|
},
|
|
47582
47619
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47601,6 +47638,7 @@
|
|
|
47601
47638
|
}
|
|
47602
47639
|
],
|
|
47603
47640
|
"$type": "shadow",
|
|
47641
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47604
47642
|
"$extensions": {
|
|
47605
47643
|
"org.primer.figma": {},
|
|
47606
47644
|
"org.primer.overrides": {
|
|
@@ -47627,6 +47665,10 @@
|
|
|
47627
47665
|
"isSource": true,
|
|
47628
47666
|
"$type": "shadow"
|
|
47629
47667
|
}
|
|
47668
|
+
},
|
|
47669
|
+
"org.primer.llm": {
|
|
47670
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47671
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47630
47672
|
}
|
|
47631
47673
|
},
|
|
47632
47674
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47639,6 +47681,7 @@
|
|
|
47639
47681
|
"key": "{shadow.floating.medium}",
|
|
47640
47682
|
"$value": "0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
|
|
47641
47683
|
"$type": "shadow",
|
|
47684
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47642
47685
|
"$extensions": {
|
|
47643
47686
|
"org.primer.figma": {
|
|
47644
47687
|
"collection": "mode",
|
|
@@ -47692,6 +47735,10 @@
|
|
|
47692
47735
|
"isSource": true,
|
|
47693
47736
|
"$type": "shadow"
|
|
47694
47737
|
}
|
|
47738
|
+
},
|
|
47739
|
+
"org.primer.llm": {
|
|
47740
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47741
|
+
"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."
|
|
47695
47742
|
}
|
|
47696
47743
|
},
|
|
47697
47744
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47740,6 +47787,7 @@
|
|
|
47740
47787
|
}
|
|
47741
47788
|
],
|
|
47742
47789
|
"$type": "shadow",
|
|
47790
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47743
47791
|
"$extensions": {
|
|
47744
47792
|
"org.primer.figma": {
|
|
47745
47793
|
"collection": "mode",
|
|
@@ -47793,6 +47841,10 @@
|
|
|
47793
47841
|
"isSource": true,
|
|
47794
47842
|
"$type": "shadow"
|
|
47795
47843
|
}
|
|
47844
|
+
},
|
|
47845
|
+
"org.primer.llm": {
|
|
47846
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47847
|
+
"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."
|
|
47796
47848
|
}
|
|
47797
47849
|
},
|
|
47798
47850
|
"key": "{shadow.floating.medium}"
|
|
@@ -47933,6 +47985,7 @@
|
|
|
47933
47985
|
"key": "{shadow.floating.xlarge}",
|
|
47934
47986
|
"$value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
|
|
47935
47987
|
"$type": "shadow",
|
|
47988
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47936
47989
|
"$extensions": {
|
|
47937
47990
|
"org.primer.figma": {
|
|
47938
47991
|
"collection": "mode",
|
|
@@ -47962,6 +48015,10 @@
|
|
|
47962
48015
|
"isSource": true,
|
|
47963
48016
|
"$type": "shadow"
|
|
47964
48017
|
}
|
|
48018
|
+
},
|
|
48019
|
+
"org.primer.llm": {
|
|
48020
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48021
|
+
"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."
|
|
47965
48022
|
}
|
|
47966
48023
|
},
|
|
47967
48024
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47986,6 +48043,7 @@
|
|
|
47986
48043
|
}
|
|
47987
48044
|
],
|
|
47988
48045
|
"$type": "shadow",
|
|
48046
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47989
48047
|
"$extensions": {
|
|
47990
48048
|
"org.primer.figma": {
|
|
47991
48049
|
"collection": "mode",
|
|
@@ -48015,6 +48073,10 @@
|
|
|
48015
48073
|
"isSource": true,
|
|
48016
48074
|
"$type": "shadow"
|
|
48017
48075
|
}
|
|
48076
|
+
},
|
|
48077
|
+
"org.primer.llm": {
|
|
48078
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48079
|
+
"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."
|
|
48018
48080
|
}
|
|
48019
48081
|
},
|
|
48020
48082
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48027,6 +48089,7 @@
|
|
|
48027
48089
|
"key": "{shadow.inset}",
|
|
48028
48090
|
"$value": "inset 0px 1px 0px 0px #0104093d",
|
|
48029
48091
|
"$type": "shadow",
|
|
48092
|
+
"$description": "Inset shadow for recessed elements",
|
|
48030
48093
|
"$extensions": {
|
|
48031
48094
|
"org.primer.figma": {
|
|
48032
48095
|
"collection": "mode",
|
|
@@ -48047,6 +48110,10 @@
|
|
|
48047
48110
|
"isSource": true,
|
|
48048
48111
|
"$type": "shadow"
|
|
48049
48112
|
}
|
|
48113
|
+
},
|
|
48114
|
+
"org.primer.llm": {
|
|
48115
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48116
|
+
"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."
|
|
48050
48117
|
}
|
|
48051
48118
|
},
|
|
48052
48119
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48062,6 +48129,7 @@
|
|
|
48062
48129
|
"inset": true
|
|
48063
48130
|
},
|
|
48064
48131
|
"$type": "shadow",
|
|
48132
|
+
"$description": "Inset shadow for recessed elements",
|
|
48065
48133
|
"$extensions": {
|
|
48066
48134
|
"org.primer.figma": {
|
|
48067
48135
|
"collection": "mode",
|
|
@@ -48082,6 +48150,10 @@
|
|
|
48082
48150
|
"isSource": true,
|
|
48083
48151
|
"$type": "shadow"
|
|
48084
48152
|
}
|
|
48153
|
+
},
|
|
48154
|
+
"org.primer.llm": {
|
|
48155
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48156
|
+
"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."
|
|
48085
48157
|
}
|
|
48086
48158
|
},
|
|
48087
48159
|
"key": "{shadow.inset}"
|
|
@@ -48094,6 +48166,7 @@
|
|
|
48094
48166
|
"key": "{shadow.resting.medium}",
|
|
48095
48167
|
"$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
|
|
48096
48168
|
"$type": "shadow",
|
|
48169
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48097
48170
|
"$extensions": {
|
|
48098
48171
|
"org.primer.figma": {
|
|
48099
48172
|
"collection": "mode",
|
|
@@ -48123,6 +48196,10 @@
|
|
|
48123
48196
|
"isSource": true,
|
|
48124
48197
|
"$type": "shadow"
|
|
48125
48198
|
}
|
|
48199
|
+
},
|
|
48200
|
+
"org.primer.llm": {
|
|
48201
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48202
|
+
"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."
|
|
48126
48203
|
}
|
|
48127
48204
|
},
|
|
48128
48205
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48147,6 +48224,7 @@
|
|
|
48147
48224
|
}
|
|
48148
48225
|
],
|
|
48149
48226
|
"$type": "shadow",
|
|
48227
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48150
48228
|
"$extensions": {
|
|
48151
48229
|
"org.primer.figma": {
|
|
48152
48230
|
"collection": "mode",
|
|
@@ -48176,6 +48254,10 @@
|
|
|
48176
48254
|
"isSource": true,
|
|
48177
48255
|
"$type": "shadow"
|
|
48178
48256
|
}
|
|
48257
|
+
},
|
|
48258
|
+
"org.primer.llm": {
|
|
48259
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48260
|
+
"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."
|
|
48179
48261
|
}
|
|
48180
48262
|
},
|
|
48181
48263
|
"key": "{shadow.resting.medium}"
|
|
@@ -48188,6 +48270,7 @@
|
|
|
48188
48270
|
"key": "{shadow.resting.small}",
|
|
48189
48271
|
"$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
|
|
48190
48272
|
"$type": "shadow",
|
|
48273
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48191
48274
|
"$extensions": {
|
|
48192
48275
|
"org.primer.figma": {
|
|
48193
48276
|
"collection": "mode",
|
|
@@ -48219,6 +48302,10 @@
|
|
|
48219
48302
|
"isSource": true,
|
|
48220
48303
|
"$type": "shadow"
|
|
48221
48304
|
}
|
|
48305
|
+
},
|
|
48306
|
+
"org.primer.llm": {
|
|
48307
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48308
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48222
48309
|
}
|
|
48223
48310
|
},
|
|
48224
48311
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48245,6 +48332,7 @@
|
|
|
48245
48332
|
}
|
|
48246
48333
|
],
|
|
48247
48334
|
"$type": "shadow",
|
|
48335
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48248
48336
|
"$extensions": {
|
|
48249
48337
|
"org.primer.figma": {
|
|
48250
48338
|
"collection": "mode",
|
|
@@ -48276,6 +48364,10 @@
|
|
|
48276
48364
|
"isSource": true,
|
|
48277
48365
|
"$type": "shadow"
|
|
48278
48366
|
}
|
|
48367
|
+
},
|
|
48368
|
+
"org.primer.llm": {
|
|
48369
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48370
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48279
48371
|
}
|
|
48280
48372
|
},
|
|
48281
48373
|
"key": "{shadow.resting.small}"
|
|
@@ -48288,6 +48380,7 @@
|
|
|
48288
48380
|
"key": "{shadow.resting.xsmall}",
|
|
48289
48381
|
"$value": "0px 1px 1px 0px #010409cc",
|
|
48290
48382
|
"$type": "shadow",
|
|
48383
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48291
48384
|
"$extensions": {
|
|
48292
48385
|
"org.primer.figma": {
|
|
48293
48386
|
"collection": "mode",
|
|
@@ -48308,6 +48401,10 @@
|
|
|
48308
48401
|
"isSource": true,
|
|
48309
48402
|
"$type": "shadow"
|
|
48310
48403
|
}
|
|
48404
|
+
},
|
|
48405
|
+
"org.primer.llm": {
|
|
48406
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48407
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48311
48408
|
}
|
|
48312
48409
|
},
|
|
48313
48410
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48323,6 +48420,7 @@
|
|
|
48323
48420
|
"inset": false
|
|
48324
48421
|
},
|
|
48325
48422
|
"$type": "shadow",
|
|
48423
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48326
48424
|
"$extensions": {
|
|
48327
48425
|
"org.primer.figma": {
|
|
48328
48426
|
"collection": "mode",
|
|
@@ -48343,6 +48441,10 @@
|
|
|
48343
48441
|
"isSource": true,
|
|
48344
48442
|
"$type": "shadow"
|
|
48345
48443
|
}
|
|
48444
|
+
},
|
|
48445
|
+
"org.primer.llm": {
|
|
48446
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48447
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48346
48448
|
}
|
|
48347
48449
|
},
|
|
48348
48450
|
"key": "{shadow.resting.xsmall}"
|