@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}"
|
|
@@ -2458,6 +2466,10 @@
|
|
|
2458
2466
|
},
|
|
2459
2467
|
"org.primer.overrides": {
|
|
2460
2468
|
"dark": "#ffffff"
|
|
2469
|
+
},
|
|
2470
|
+
"org.primer.llm": {
|
|
2471
|
+
"doNotUse": true,
|
|
2472
|
+
"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."
|
|
2461
2473
|
}
|
|
2462
2474
|
},
|
|
2463
2475
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2474,6 +2486,10 @@
|
|
|
2474
2486
|
},
|
|
2475
2487
|
"org.primer.overrides": {
|
|
2476
2488
|
"dark": "{base.color.neutral.13}"
|
|
2489
|
+
},
|
|
2490
|
+
"org.primer.llm": {
|
|
2491
|
+
"doNotUse": true,
|
|
2492
|
+
"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."
|
|
2477
2493
|
}
|
|
2478
2494
|
},
|
|
2479
2495
|
"key": "{bgColor.white}"
|
|
@@ -2484,7 +2500,7 @@
|
|
|
2484
2500
|
},
|
|
2485
2501
|
"border-accent-emphasis": {
|
|
2486
2502
|
"key": "{border.accent.emphasis}",
|
|
2487
|
-
"$value": "0.
|
|
2503
|
+
"$value": "0.0625rem,1px solid #409eff",
|
|
2488
2504
|
"$type": "border",
|
|
2489
2505
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2490
2506
|
"isSource": true,
|
|
@@ -2503,7 +2519,7 @@
|
|
|
2503
2519
|
},
|
|
2504
2520
|
"border-accent-muted": {
|
|
2505
2521
|
"key": "{border.accent.muted}",
|
|
2506
|
-
"$value": "0.
|
|
2522
|
+
"$value": "0.0625rem,1px solid #5cacff",
|
|
2507
2523
|
"$type": "border",
|
|
2508
2524
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2509
2525
|
"isSource": true,
|
|
@@ -2522,7 +2538,7 @@
|
|
|
2522
2538
|
},
|
|
2523
2539
|
"border-attention-emphasis": {
|
|
2524
2540
|
"key": "{border.attention.emphasis}",
|
|
2525
|
-
"$value": "0.
|
|
2541
|
+
"$value": "0.0625rem,1px solid #e09b13",
|
|
2526
2542
|
"$type": "border",
|
|
2527
2543
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2528
2544
|
"isSource": true,
|
|
@@ -2541,7 +2557,7 @@
|
|
|
2541
2557
|
},
|
|
2542
2558
|
"border-attention-muted": {
|
|
2543
2559
|
"key": "{border.attention.muted}",
|
|
2544
|
-
"$value": "0.
|
|
2560
|
+
"$value": "0.0625rem,1px solid #edaa27",
|
|
2545
2561
|
"$type": "border",
|
|
2546
2562
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2547
2563
|
"isSource": true,
|
|
@@ -2560,7 +2576,7 @@
|
|
|
2560
2576
|
},
|
|
2561
2577
|
"border-closed-emphasis": {
|
|
2562
2578
|
"key": "{border.closed.emphasis}",
|
|
2563
|
-
"$value": "0.
|
|
2579
|
+
"$value": "0.0625rem,1px solid #e7811d",
|
|
2564
2580
|
"$type": "border",
|
|
2565
2581
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2566
2582
|
"isSource": true,
|
|
@@ -2575,7 +2591,7 @@
|
|
|
2575
2591
|
},
|
|
2576
2592
|
"border-closed-muted": {
|
|
2577
2593
|
"key": "{border.closed.muted}",
|
|
2578
|
-
"$value": "0.
|
|
2594
|
+
"$value": "0.0625rem,1px solid #f48b25",
|
|
2579
2595
|
"$type": "border",
|
|
2580
2596
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2581
2597
|
"isSource": true,
|
|
@@ -2590,7 +2606,7 @@
|
|
|
2590
2606
|
},
|
|
2591
2607
|
"border-danger-emphasis": {
|
|
2592
2608
|
"key": "{border.danger.emphasis}",
|
|
2593
|
-
"$value": "0.
|
|
2609
|
+
"$value": "0.0625rem,1px solid #e7811d",
|
|
2594
2610
|
"$type": "border",
|
|
2595
2611
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2596
2612
|
"isSource": true,
|
|
@@ -2609,7 +2625,7 @@
|
|
|
2609
2625
|
},
|
|
2610
2626
|
"border-danger-muted": {
|
|
2611
2627
|
"key": "{border.danger.muted}",
|
|
2612
|
-
"$value": "0.
|
|
2628
|
+
"$value": "0.0625rem,1px solid #f48b25",
|
|
2613
2629
|
"$type": "border",
|
|
2614
2630
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2615
2631
|
"isSource": true,
|
|
@@ -2628,7 +2644,7 @@
|
|
|
2628
2644
|
},
|
|
2629
2645
|
"border-default": {
|
|
2630
2646
|
"key": "{border.default}",
|
|
2631
|
-
"$value": "0.
|
|
2647
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2632
2648
|
"$type": "border",
|
|
2633
2649
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2634
2650
|
"isSource": true,
|
|
@@ -2647,7 +2663,7 @@
|
|
|
2647
2663
|
},
|
|
2648
2664
|
"border-disabled": {
|
|
2649
2665
|
"key": "{border.disabled}",
|
|
2650
|
-
"$value": "0.
|
|
2666
|
+
"$value": "0.0625rem,1px solid #656c761a",
|
|
2651
2667
|
"$type": "border",
|
|
2652
2668
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2653
2669
|
"isSource": true,
|
|
@@ -2666,7 +2682,7 @@
|
|
|
2666
2682
|
},
|
|
2667
2683
|
"border-done-emphasis": {
|
|
2668
2684
|
"key": "{border.done.emphasis}",
|
|
2669
|
-
"$value": "0.
|
|
2685
|
+
"$value": "0.0625rem,1px solid #b87fff",
|
|
2670
2686
|
"$type": "border",
|
|
2671
2687
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2672
2688
|
"isSource": true,
|
|
@@ -2685,7 +2701,7 @@
|
|
|
2685
2701
|
},
|
|
2686
2702
|
"border-done-muted": {
|
|
2687
2703
|
"key": "{border.done.muted}",
|
|
2688
|
-
"$value": "0.
|
|
2704
|
+
"$value": "0.0625rem,1px solid #bf8fff",
|
|
2689
2705
|
"$type": "border",
|
|
2690
2706
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2691
2707
|
"isSource": true,
|
|
@@ -2704,7 +2720,7 @@
|
|
|
2704
2720
|
},
|
|
2705
2721
|
"border-emphasis": {
|
|
2706
2722
|
"key": "{border.emphasis}",
|
|
2707
|
-
"$value": "0.
|
|
2723
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2708
2724
|
"$type": "border",
|
|
2709
2725
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2710
2726
|
"isSource": true,
|
|
@@ -2723,7 +2739,7 @@
|
|
|
2723
2739
|
},
|
|
2724
2740
|
"border-muted": {
|
|
2725
2741
|
"key": "{border.muted}",
|
|
2726
|
-
"$value": "0.
|
|
2742
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2727
2743
|
"$type": "border",
|
|
2728
2744
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2729
2745
|
"isSource": true,
|
|
@@ -2742,7 +2758,7 @@
|
|
|
2742
2758
|
},
|
|
2743
2759
|
"border-neutral-emphasis": {
|
|
2744
2760
|
"key": "{border.neutral.emphasis}",
|
|
2745
|
-
"$value": "0.
|
|
2761
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2746
2762
|
"$type": "border",
|
|
2747
2763
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2748
2764
|
"isSource": true,
|
|
@@ -2761,7 +2777,7 @@
|
|
|
2761
2777
|
},
|
|
2762
2778
|
"border-neutral-muted": {
|
|
2763
2779
|
"key": "{border.neutral.muted}",
|
|
2764
|
-
"$value": "0.
|
|
2780
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2765
2781
|
"$type": "border",
|
|
2766
2782
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2767
2783
|
"isSource": true,
|
|
@@ -2780,7 +2796,7 @@
|
|
|
2780
2796
|
},
|
|
2781
2797
|
"border-open-emphasis": {
|
|
2782
2798
|
"key": "{border.open.emphasis}",
|
|
2783
|
-
"$value": "0.
|
|
2799
|
+
"$value": "0.0625rem,1px solid #409eff",
|
|
2784
2800
|
"$type": "border",
|
|
2785
2801
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2786
2802
|
"isSource": true,
|
|
@@ -2795,7 +2811,7 @@
|
|
|
2795
2811
|
},
|
|
2796
2812
|
"border-open-muted": {
|
|
2797
2813
|
"key": "{border.open.muted}",
|
|
2798
|
-
"$value": "0.
|
|
2814
|
+
"$value": "0.0625rem,1px solid #5cacff",
|
|
2799
2815
|
"$type": "border",
|
|
2800
2816
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2801
2817
|
"isSource": true,
|
|
@@ -2810,7 +2826,7 @@
|
|
|
2810
2826
|
},
|
|
2811
2827
|
"border-severe-emphasis": {
|
|
2812
2828
|
"key": "{border.severe.emphasis}",
|
|
2813
|
-
"$value": "0.
|
|
2829
|
+
"$value": "0.0625rem,1px solid #e7811d",
|
|
2814
2830
|
"$type": "border",
|
|
2815
2831
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2816
2832
|
"isSource": true,
|
|
@@ -2829,7 +2845,7 @@
|
|
|
2829
2845
|
},
|
|
2830
2846
|
"border-severe-muted": {
|
|
2831
2847
|
"key": "{border.severe.muted}",
|
|
2832
|
-
"$value": "0.
|
|
2848
|
+
"$value": "0.0625rem,1px solid #e7811d",
|
|
2833
2849
|
"$type": "border",
|
|
2834
2850
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2835
2851
|
"isSource": true,
|
|
@@ -2848,7 +2864,7 @@
|
|
|
2848
2864
|
},
|
|
2849
2865
|
"border-sponsors-emphasis": {
|
|
2850
2866
|
"key": "{border.sponsors.emphasis}",
|
|
2851
|
-
"$value": "0.
|
|
2867
|
+
"$value": "0.0625rem,1px solid #ef6eb1",
|
|
2852
2868
|
"$type": "border",
|
|
2853
2869
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2854
2870
|
"isSource": true,
|
|
@@ -2867,7 +2883,7 @@
|
|
|
2867
2883
|
},
|
|
2868
2884
|
"border-sponsors-muted": {
|
|
2869
2885
|
"key": "{border.sponsors.muted}",
|
|
2870
|
-
"$value": "0.
|
|
2886
|
+
"$value": "0.0625rem,1px solid #f87cbd",
|
|
2871
2887
|
"$type": "border",
|
|
2872
2888
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2873
2889
|
"isSource": true,
|
|
@@ -2886,7 +2902,7 @@
|
|
|
2886
2902
|
},
|
|
2887
2903
|
"border-success-emphasis": {
|
|
2888
2904
|
"key": "{border.success.emphasis}",
|
|
2889
|
-
"$value": "0.
|
|
2905
|
+
"$value": "0.0625rem,1px solid #409eff",
|
|
2890
2906
|
"$type": "border",
|
|
2891
2907
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2892
2908
|
"isSource": true,
|
|
@@ -2905,7 +2921,7 @@
|
|
|
2905
2921
|
},
|
|
2906
2922
|
"border-success-muted": {
|
|
2907
2923
|
"key": "{border.success.muted}",
|
|
2908
|
-
"$value": "0.
|
|
2924
|
+
"$value": "0.0625rem,1px solid #5cacff",
|
|
2909
2925
|
"$type": "border",
|
|
2910
2926
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2911
2927
|
"isSource": true,
|
|
@@ -2924,7 +2940,7 @@
|
|
|
2924
2940
|
},
|
|
2925
2941
|
"border-transparent": {
|
|
2926
2942
|
"key": "{border.transparent}",
|
|
2927
|
-
"$value": "0.
|
|
2943
|
+
"$value": "0.0625rem,1px solid #00000000",
|
|
2928
2944
|
"$type": "border",
|
|
2929
2945
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2930
2946
|
"isSource": true,
|
|
@@ -2943,7 +2959,7 @@
|
|
|
2943
2959
|
},
|
|
2944
2960
|
"border-upsell-emphasis": {
|
|
2945
2961
|
"key": "{border.upsell.emphasis}",
|
|
2946
|
-
"$value": "0.
|
|
2962
|
+
"$value": "0.0625rem,1px solid #b87fff",
|
|
2947
2963
|
"$type": "border",
|
|
2948
2964
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2949
2965
|
"isSource": true,
|
|
@@ -2962,7 +2978,7 @@
|
|
|
2962
2978
|
},
|
|
2963
2979
|
"border-upsell-muted": {
|
|
2964
2980
|
"key": "{border.upsell.muted}",
|
|
2965
|
-
"$value": "0.
|
|
2981
|
+
"$value": "0.0625rem,1px solid #bf8fff",
|
|
2966
2982
|
"$type": "border",
|
|
2967
2983
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2968
2984
|
"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 #b7bdc8, 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 #b7bdc8, 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}"
|