@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 #da3633",
|
|
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 #f8514966",
|
|
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 #da3633",
|
|
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 #f8514966",
|
|
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 #da3633",
|
|
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 #f8514966",
|
|
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,
|
|
@@ -37254,6 +37270,10 @@
|
|
|
37254
37270
|
},
|
|
37255
37271
|
"org.primer.overrides": {
|
|
37256
37272
|
"dark": "#010409"
|
|
37273
|
+
},
|
|
37274
|
+
"org.primer.llm": {
|
|
37275
|
+
"doNotUse": true,
|
|
37276
|
+
"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."
|
|
37257
37277
|
}
|
|
37258
37278
|
},
|
|
37259
37279
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37270,6 +37290,10 @@
|
|
|
37270
37290
|
},
|
|
37271
37291
|
"org.primer.overrides": {
|
|
37272
37292
|
"dark": "{base.color.neutral.0}"
|
|
37293
|
+
},
|
|
37294
|
+
"org.primer.llm": {
|
|
37295
|
+
"doNotUse": true,
|
|
37296
|
+
"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."
|
|
37273
37297
|
}
|
|
37274
37298
|
},
|
|
37275
37299
|
"key": "{fgColor.black}"
|
|
@@ -38243,6 +38267,10 @@
|
|
|
38243
38267
|
},
|
|
38244
38268
|
"org.primer.overrides": {
|
|
38245
38269
|
"dark": "#ffffff"
|
|
38270
|
+
},
|
|
38271
|
+
"org.primer.llm": {
|
|
38272
|
+
"doNotUse": true,
|
|
38273
|
+
"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."
|
|
38246
38274
|
}
|
|
38247
38275
|
},
|
|
38248
38276
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38259,6 +38287,10 @@
|
|
|
38259
38287
|
},
|
|
38260
38288
|
"org.primer.overrides": {
|
|
38261
38289
|
"dark": "{base.color.neutral.13}"
|
|
38290
|
+
},
|
|
38291
|
+
"org.primer.llm": {
|
|
38292
|
+
"doNotUse": true,
|
|
38293
|
+
"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."
|
|
38262
38294
|
}
|
|
38263
38295
|
},
|
|
38264
38296
|
"key": "{fgColor.white}"
|
|
@@ -47549,6 +47581,7 @@
|
|
|
47549
47581
|
"key": "{shadow.floating.legacy}",
|
|
47550
47582
|
"$value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
47551
47583
|
"$type": "shadow",
|
|
47584
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47552
47585
|
"$extensions": {
|
|
47553
47586
|
"org.primer.figma": {},
|
|
47554
47587
|
"org.primer.overrides": {
|
|
@@ -47575,6 +47608,10 @@
|
|
|
47575
47608
|
"isSource": true,
|
|
47576
47609
|
"$type": "shadow"
|
|
47577
47610
|
}
|
|
47611
|
+
},
|
|
47612
|
+
"org.primer.llm": {
|
|
47613
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47614
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47578
47615
|
}
|
|
47579
47616
|
},
|
|
47580
47617
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47599,6 +47636,7 @@
|
|
|
47599
47636
|
}
|
|
47600
47637
|
],
|
|
47601
47638
|
"$type": "shadow",
|
|
47639
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47602
47640
|
"$extensions": {
|
|
47603
47641
|
"org.primer.figma": {},
|
|
47604
47642
|
"org.primer.overrides": {
|
|
@@ -47625,6 +47663,10 @@
|
|
|
47625
47663
|
"isSource": true,
|
|
47626
47664
|
"$type": "shadow"
|
|
47627
47665
|
}
|
|
47666
|
+
},
|
|
47667
|
+
"org.primer.llm": {
|
|
47668
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47669
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47628
47670
|
}
|
|
47629
47671
|
},
|
|
47630
47672
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47637,6 +47679,7 @@
|
|
|
47637
47679
|
"key": "{shadow.floating.medium}",
|
|
47638
47680
|
"$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",
|
|
47639
47681
|
"$type": "shadow",
|
|
47682
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47640
47683
|
"$extensions": {
|
|
47641
47684
|
"org.primer.figma": {
|
|
47642
47685
|
"collection": "mode",
|
|
@@ -47690,6 +47733,10 @@
|
|
|
47690
47733
|
"isSource": true,
|
|
47691
47734
|
"$type": "shadow"
|
|
47692
47735
|
}
|
|
47736
|
+
},
|
|
47737
|
+
"org.primer.llm": {
|
|
47738
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47739
|
+
"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."
|
|
47693
47740
|
}
|
|
47694
47741
|
},
|
|
47695
47742
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47738,6 +47785,7 @@
|
|
|
47738
47785
|
}
|
|
47739
47786
|
],
|
|
47740
47787
|
"$type": "shadow",
|
|
47788
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47741
47789
|
"$extensions": {
|
|
47742
47790
|
"org.primer.figma": {
|
|
47743
47791
|
"collection": "mode",
|
|
@@ -47791,6 +47839,10 @@
|
|
|
47791
47839
|
"isSource": true,
|
|
47792
47840
|
"$type": "shadow"
|
|
47793
47841
|
}
|
|
47842
|
+
},
|
|
47843
|
+
"org.primer.llm": {
|
|
47844
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47845
|
+
"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."
|
|
47794
47846
|
}
|
|
47795
47847
|
},
|
|
47796
47848
|
"key": "{shadow.floating.medium}"
|
|
@@ -47931,6 +47983,7 @@
|
|
|
47931
47983
|
"key": "{shadow.floating.xlarge}",
|
|
47932
47984
|
"$value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
|
|
47933
47985
|
"$type": "shadow",
|
|
47986
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47934
47987
|
"$extensions": {
|
|
47935
47988
|
"org.primer.figma": {
|
|
47936
47989
|
"collection": "mode",
|
|
@@ -47960,6 +48013,10 @@
|
|
|
47960
48013
|
"isSource": true,
|
|
47961
48014
|
"$type": "shadow"
|
|
47962
48015
|
}
|
|
48016
|
+
},
|
|
48017
|
+
"org.primer.llm": {
|
|
48018
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48019
|
+
"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."
|
|
47963
48020
|
}
|
|
47964
48021
|
},
|
|
47965
48022
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47984,6 +48041,7 @@
|
|
|
47984
48041
|
}
|
|
47985
48042
|
],
|
|
47986
48043
|
"$type": "shadow",
|
|
48044
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47987
48045
|
"$extensions": {
|
|
47988
48046
|
"org.primer.figma": {
|
|
47989
48047
|
"collection": "mode",
|
|
@@ -48013,6 +48071,10 @@
|
|
|
48013
48071
|
"isSource": true,
|
|
48014
48072
|
"$type": "shadow"
|
|
48015
48073
|
}
|
|
48074
|
+
},
|
|
48075
|
+
"org.primer.llm": {
|
|
48076
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48077
|
+
"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."
|
|
48016
48078
|
}
|
|
48017
48079
|
},
|
|
48018
48080
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48025,6 +48087,7 @@
|
|
|
48025
48087
|
"key": "{shadow.inset}",
|
|
48026
48088
|
"$value": "inset 0px 1px 0px 0px #0104093d",
|
|
48027
48089
|
"$type": "shadow",
|
|
48090
|
+
"$description": "Inset shadow for recessed elements",
|
|
48028
48091
|
"$extensions": {
|
|
48029
48092
|
"org.primer.figma": {
|
|
48030
48093
|
"collection": "mode",
|
|
@@ -48045,6 +48108,10 @@
|
|
|
48045
48108
|
"isSource": true,
|
|
48046
48109
|
"$type": "shadow"
|
|
48047
48110
|
}
|
|
48111
|
+
},
|
|
48112
|
+
"org.primer.llm": {
|
|
48113
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48114
|
+
"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."
|
|
48048
48115
|
}
|
|
48049
48116
|
},
|
|
48050
48117
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48060,6 +48127,7 @@
|
|
|
48060
48127
|
"inset": true
|
|
48061
48128
|
},
|
|
48062
48129
|
"$type": "shadow",
|
|
48130
|
+
"$description": "Inset shadow for recessed elements",
|
|
48063
48131
|
"$extensions": {
|
|
48064
48132
|
"org.primer.figma": {
|
|
48065
48133
|
"collection": "mode",
|
|
@@ -48080,6 +48148,10 @@
|
|
|
48080
48148
|
"isSource": true,
|
|
48081
48149
|
"$type": "shadow"
|
|
48082
48150
|
}
|
|
48151
|
+
},
|
|
48152
|
+
"org.primer.llm": {
|
|
48153
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48154
|
+
"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."
|
|
48083
48155
|
}
|
|
48084
48156
|
},
|
|
48085
48157
|
"key": "{shadow.inset}"
|
|
@@ -48092,6 +48164,7 @@
|
|
|
48092
48164
|
"key": "{shadow.resting.medium}",
|
|
48093
48165
|
"$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
|
|
48094
48166
|
"$type": "shadow",
|
|
48167
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48095
48168
|
"$extensions": {
|
|
48096
48169
|
"org.primer.figma": {
|
|
48097
48170
|
"collection": "mode",
|
|
@@ -48121,6 +48194,10 @@
|
|
|
48121
48194
|
"isSource": true,
|
|
48122
48195
|
"$type": "shadow"
|
|
48123
48196
|
}
|
|
48197
|
+
},
|
|
48198
|
+
"org.primer.llm": {
|
|
48199
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48200
|
+
"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."
|
|
48124
48201
|
}
|
|
48125
48202
|
},
|
|
48126
48203
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48145,6 +48222,7 @@
|
|
|
48145
48222
|
}
|
|
48146
48223
|
],
|
|
48147
48224
|
"$type": "shadow",
|
|
48225
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48148
48226
|
"$extensions": {
|
|
48149
48227
|
"org.primer.figma": {
|
|
48150
48228
|
"collection": "mode",
|
|
@@ -48174,6 +48252,10 @@
|
|
|
48174
48252
|
"isSource": true,
|
|
48175
48253
|
"$type": "shadow"
|
|
48176
48254
|
}
|
|
48255
|
+
},
|
|
48256
|
+
"org.primer.llm": {
|
|
48257
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48258
|
+
"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."
|
|
48177
48259
|
}
|
|
48178
48260
|
},
|
|
48179
48261
|
"key": "{shadow.resting.medium}"
|
|
@@ -48186,6 +48268,7 @@
|
|
|
48186
48268
|
"key": "{shadow.resting.small}",
|
|
48187
48269
|
"$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
|
|
48188
48270
|
"$type": "shadow",
|
|
48271
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48189
48272
|
"$extensions": {
|
|
48190
48273
|
"org.primer.figma": {
|
|
48191
48274
|
"collection": "mode",
|
|
@@ -48217,6 +48300,10 @@
|
|
|
48217
48300
|
"isSource": true,
|
|
48218
48301
|
"$type": "shadow"
|
|
48219
48302
|
}
|
|
48303
|
+
},
|
|
48304
|
+
"org.primer.llm": {
|
|
48305
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48306
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48220
48307
|
}
|
|
48221
48308
|
},
|
|
48222
48309
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48243,6 +48330,7 @@
|
|
|
48243
48330
|
}
|
|
48244
48331
|
],
|
|
48245
48332
|
"$type": "shadow",
|
|
48333
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48246
48334
|
"$extensions": {
|
|
48247
48335
|
"org.primer.figma": {
|
|
48248
48336
|
"collection": "mode",
|
|
@@ -48274,6 +48362,10 @@
|
|
|
48274
48362
|
"isSource": true,
|
|
48275
48363
|
"$type": "shadow"
|
|
48276
48364
|
}
|
|
48365
|
+
},
|
|
48366
|
+
"org.primer.llm": {
|
|
48367
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48368
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48277
48369
|
}
|
|
48278
48370
|
},
|
|
48279
48371
|
"key": "{shadow.resting.small}"
|
|
@@ -48286,6 +48378,7 @@
|
|
|
48286
48378
|
"key": "{shadow.resting.xsmall}",
|
|
48287
48379
|
"$value": "0px 1px 1px 0px #010409cc",
|
|
48288
48380
|
"$type": "shadow",
|
|
48381
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48289
48382
|
"$extensions": {
|
|
48290
48383
|
"org.primer.figma": {
|
|
48291
48384
|
"collection": "mode",
|
|
@@ -48306,6 +48399,10 @@
|
|
|
48306
48399
|
"isSource": true,
|
|
48307
48400
|
"$type": "shadow"
|
|
48308
48401
|
}
|
|
48402
|
+
},
|
|
48403
|
+
"org.primer.llm": {
|
|
48404
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48405
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48309
48406
|
}
|
|
48310
48407
|
},
|
|
48311
48408
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48321,6 +48418,7 @@
|
|
|
48321
48418
|
"inset": false
|
|
48322
48419
|
},
|
|
48323
48420
|
"$type": "shadow",
|
|
48421
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48324
48422
|
"$extensions": {
|
|
48325
48423
|
"org.primer.figma": {
|
|
48326
48424
|
"collection": "mode",
|
|
@@ -48341,6 +48439,10 @@
|
|
|
48341
48439
|
"isSource": true,
|
|
48342
48440
|
"$type": "shadow"
|
|
48343
48441
|
}
|
|
48442
|
+
},
|
|
48443
|
+
"org.primer.llm": {
|
|
48444
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48445
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48344
48446
|
}
|
|
48345
48447
|
},
|
|
48346
48448
|
"key": "{shadow.resting.xsmall}"
|