@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}"
|
|
@@ -2454,6 +2462,10 @@
|
|
|
2454
2462
|
},
|
|
2455
2463
|
"org.primer.overrides": {
|
|
2456
2464
|
"dark": "#ffffff"
|
|
2465
|
+
},
|
|
2466
|
+
"org.primer.llm": {
|
|
2467
|
+
"doNotUse": true,
|
|
2468
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2457
2469
|
}
|
|
2458
2470
|
},
|
|
2459
2471
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2470,6 +2482,10 @@
|
|
|
2470
2482
|
},
|
|
2471
2483
|
"org.primer.overrides": {
|
|
2472
2484
|
"dark": "{base.color.neutral.13}"
|
|
2485
|
+
},
|
|
2486
|
+
"org.primer.llm": {
|
|
2487
|
+
"doNotUse": true,
|
|
2488
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2473
2489
|
}
|
|
2474
2490
|
},
|
|
2475
2491
|
"key": "{bgColor.white}"
|
|
@@ -2480,7 +2496,7 @@
|
|
|
2480
2496
|
},
|
|
2481
2497
|
"border-accent-emphasis": {
|
|
2482
2498
|
"key": "{border.accent.emphasis}",
|
|
2483
|
-
"$value": "0.
|
|
2499
|
+
"$value": "0.0625rem,1px solid #409eff",
|
|
2484
2500
|
"$type": "border",
|
|
2485
2501
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2486
2502
|
"isSource": true,
|
|
@@ -2499,7 +2515,7 @@
|
|
|
2499
2515
|
},
|
|
2500
2516
|
"border-accent-muted": {
|
|
2501
2517
|
"key": "{border.accent.muted}",
|
|
2502
|
-
"$value": "0.
|
|
2518
|
+
"$value": "0.0625rem,1px solid #5cacff",
|
|
2503
2519
|
"$type": "border",
|
|
2504
2520
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2505
2521
|
"isSource": true,
|
|
@@ -2518,7 +2534,7 @@
|
|
|
2518
2534
|
},
|
|
2519
2535
|
"border-attention-emphasis": {
|
|
2520
2536
|
"key": "{border.attention.emphasis}",
|
|
2521
|
-
"$value": "0.
|
|
2537
|
+
"$value": "0.0625rem,1px solid #e09b13",
|
|
2522
2538
|
"$type": "border",
|
|
2523
2539
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2524
2540
|
"isSource": true,
|
|
@@ -2537,7 +2553,7 @@
|
|
|
2537
2553
|
},
|
|
2538
2554
|
"border-attention-muted": {
|
|
2539
2555
|
"key": "{border.attention.muted}",
|
|
2540
|
-
"$value": "0.
|
|
2556
|
+
"$value": "0.0625rem,1px solid #edaa27",
|
|
2541
2557
|
"$type": "border",
|
|
2542
2558
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2543
2559
|
"isSource": true,
|
|
@@ -2556,7 +2572,7 @@
|
|
|
2556
2572
|
},
|
|
2557
2573
|
"border-closed-emphasis": {
|
|
2558
2574
|
"key": "{border.closed.emphasis}",
|
|
2559
|
-
"$value": "0.
|
|
2575
|
+
"$value": "0.0625rem,1px solid #ff6a69",
|
|
2560
2576
|
"$type": "border",
|
|
2561
2577
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2562
2578
|
"isSource": true,
|
|
@@ -2571,7 +2587,7 @@
|
|
|
2571
2587
|
},
|
|
2572
2588
|
"border-closed-muted": {
|
|
2573
2589
|
"key": "{border.closed.muted}",
|
|
2574
|
-
"$value": "0.
|
|
2590
|
+
"$value": "0.0625rem,1px solid #ff8080",
|
|
2575
2591
|
"$type": "border",
|
|
2576
2592
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2577
2593
|
"isSource": true,
|
|
@@ -2586,7 +2602,7 @@
|
|
|
2586
2602
|
},
|
|
2587
2603
|
"border-danger-emphasis": {
|
|
2588
2604
|
"key": "{border.danger.emphasis}",
|
|
2589
|
-
"$value": "0.
|
|
2605
|
+
"$value": "0.0625rem,1px solid #ff6a69",
|
|
2590
2606
|
"$type": "border",
|
|
2591
2607
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2592
2608
|
"isSource": true,
|
|
@@ -2605,7 +2621,7 @@
|
|
|
2605
2621
|
},
|
|
2606
2622
|
"border-danger-muted": {
|
|
2607
2623
|
"key": "{border.danger.muted}",
|
|
2608
|
-
"$value": "0.
|
|
2624
|
+
"$value": "0.0625rem,1px solid #ff8080",
|
|
2609
2625
|
"$type": "border",
|
|
2610
2626
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2611
2627
|
"isSource": true,
|
|
@@ -2624,7 +2640,7 @@
|
|
|
2624
2640
|
},
|
|
2625
2641
|
"border-default": {
|
|
2626
2642
|
"key": "{border.default}",
|
|
2627
|
-
"$value": "0.
|
|
2643
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2628
2644
|
"$type": "border",
|
|
2629
2645
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2630
2646
|
"isSource": true,
|
|
@@ -2643,7 +2659,7 @@
|
|
|
2643
2659
|
},
|
|
2644
2660
|
"border-disabled": {
|
|
2645
2661
|
"key": "{border.disabled}",
|
|
2646
|
-
"$value": "0.
|
|
2662
|
+
"$value": "0.0625rem,1px solid #656c761a",
|
|
2647
2663
|
"$type": "border",
|
|
2648
2664
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2649
2665
|
"isSource": true,
|
|
@@ -2662,7 +2678,7 @@
|
|
|
2662
2678
|
},
|
|
2663
2679
|
"border-done-emphasis": {
|
|
2664
2680
|
"key": "{border.done.emphasis}",
|
|
2665
|
-
"$value": "0.
|
|
2681
|
+
"$value": "0.0625rem,1px solid #b87fff",
|
|
2666
2682
|
"$type": "border",
|
|
2667
2683
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2668
2684
|
"isSource": true,
|
|
@@ -2681,7 +2697,7 @@
|
|
|
2681
2697
|
},
|
|
2682
2698
|
"border-done-muted": {
|
|
2683
2699
|
"key": "{border.done.muted}",
|
|
2684
|
-
"$value": "0.
|
|
2700
|
+
"$value": "0.0625rem,1px solid #bf8fff",
|
|
2685
2701
|
"$type": "border",
|
|
2686
2702
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2687
2703
|
"isSource": true,
|
|
@@ -2700,7 +2716,7 @@
|
|
|
2700
2716
|
},
|
|
2701
2717
|
"border-emphasis": {
|
|
2702
2718
|
"key": "{border.emphasis}",
|
|
2703
|
-
"$value": "0.
|
|
2719
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2704
2720
|
"$type": "border",
|
|
2705
2721
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2706
2722
|
"isSource": true,
|
|
@@ -2719,7 +2735,7 @@
|
|
|
2719
2735
|
},
|
|
2720
2736
|
"border-muted": {
|
|
2721
2737
|
"key": "{border.muted}",
|
|
2722
|
-
"$value": "0.
|
|
2738
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2723
2739
|
"$type": "border",
|
|
2724
2740
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2725
2741
|
"isSource": true,
|
|
@@ -2738,7 +2754,7 @@
|
|
|
2738
2754
|
},
|
|
2739
2755
|
"border-neutral-emphasis": {
|
|
2740
2756
|
"key": "{border.neutral.emphasis}",
|
|
2741
|
-
"$value": "0.
|
|
2757
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2742
2758
|
"$type": "border",
|
|
2743
2759
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2744
2760
|
"isSource": true,
|
|
@@ -2757,7 +2773,7 @@
|
|
|
2757
2773
|
},
|
|
2758
2774
|
"border-neutral-muted": {
|
|
2759
2775
|
"key": "{border.neutral.muted}",
|
|
2760
|
-
"$value": "0.
|
|
2776
|
+
"$value": "0.0625rem,1px solid #b7bdc8",
|
|
2761
2777
|
"$type": "border",
|
|
2762
2778
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2763
2779
|
"isSource": true,
|
|
@@ -2776,7 +2792,7 @@
|
|
|
2776
2792
|
},
|
|
2777
2793
|
"border-open-emphasis": {
|
|
2778
2794
|
"key": "{border.open.emphasis}",
|
|
2779
|
-
"$value": "0.
|
|
2795
|
+
"$value": "0.0625rem,1px solid #409eff",
|
|
2780
2796
|
"$type": "border",
|
|
2781
2797
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2782
2798
|
"isSource": true,
|
|
@@ -2791,7 +2807,7 @@
|
|
|
2791
2807
|
},
|
|
2792
2808
|
"border-open-muted": {
|
|
2793
2809
|
"key": "{border.open.muted}",
|
|
2794
|
-
"$value": "0.
|
|
2810
|
+
"$value": "0.0625rem,1px solid #5cacff",
|
|
2795
2811
|
"$type": "border",
|
|
2796
2812
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2797
2813
|
"isSource": true,
|
|
@@ -2806,7 +2822,7 @@
|
|
|
2806
2822
|
},
|
|
2807
2823
|
"border-severe-emphasis": {
|
|
2808
2824
|
"key": "{border.severe.emphasis}",
|
|
2809
|
-
"$value": "0.
|
|
2825
|
+
"$value": "0.0625rem,1px solid #e7811d",
|
|
2810
2826
|
"$type": "border",
|
|
2811
2827
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2812
2828
|
"isSource": true,
|
|
@@ -2825,7 +2841,7 @@
|
|
|
2825
2841
|
},
|
|
2826
2842
|
"border-severe-muted": {
|
|
2827
2843
|
"key": "{border.severe.muted}",
|
|
2828
|
-
"$value": "0.
|
|
2844
|
+
"$value": "0.0625rem,1px solid #ff8080",
|
|
2829
2845
|
"$type": "border",
|
|
2830
2846
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2831
2847
|
"isSource": true,
|
|
@@ -2844,7 +2860,7 @@
|
|
|
2844
2860
|
},
|
|
2845
2861
|
"border-sponsors-emphasis": {
|
|
2846
2862
|
"key": "{border.sponsors.emphasis}",
|
|
2847
|
-
"$value": "0.
|
|
2863
|
+
"$value": "0.0625rem,1px solid #ef6eb1",
|
|
2848
2864
|
"$type": "border",
|
|
2849
2865
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2850
2866
|
"isSource": true,
|
|
@@ -2863,7 +2879,7 @@
|
|
|
2863
2879
|
},
|
|
2864
2880
|
"border-sponsors-muted": {
|
|
2865
2881
|
"key": "{border.sponsors.muted}",
|
|
2866
|
-
"$value": "0.
|
|
2882
|
+
"$value": "0.0625rem,1px solid #f87cbd",
|
|
2867
2883
|
"$type": "border",
|
|
2868
2884
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2869
2885
|
"isSource": true,
|
|
@@ -2882,7 +2898,7 @@
|
|
|
2882
2898
|
},
|
|
2883
2899
|
"border-success-emphasis": {
|
|
2884
2900
|
"key": "{border.success.emphasis}",
|
|
2885
|
-
"$value": "0.
|
|
2901
|
+
"$value": "0.0625rem,1px solid #409eff",
|
|
2886
2902
|
"$type": "border",
|
|
2887
2903
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2888
2904
|
"isSource": true,
|
|
@@ -2901,7 +2917,7 @@
|
|
|
2901
2917
|
},
|
|
2902
2918
|
"border-success-muted": {
|
|
2903
2919
|
"key": "{border.success.muted}",
|
|
2904
|
-
"$value": "0.
|
|
2920
|
+
"$value": "0.0625rem,1px solid #5cacff",
|
|
2905
2921
|
"$type": "border",
|
|
2906
2922
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2907
2923
|
"isSource": true,
|
|
@@ -2920,7 +2936,7 @@
|
|
|
2920
2936
|
},
|
|
2921
2937
|
"border-transparent": {
|
|
2922
2938
|
"key": "{border.transparent}",
|
|
2923
|
-
"$value": "0.
|
|
2939
|
+
"$value": "0.0625rem,1px solid #00000000",
|
|
2924
2940
|
"$type": "border",
|
|
2925
2941
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2926
2942
|
"isSource": true,
|
|
@@ -2939,7 +2955,7 @@
|
|
|
2939
2955
|
},
|
|
2940
2956
|
"border-upsell-emphasis": {
|
|
2941
2957
|
"key": "{border.upsell.emphasis}",
|
|
2942
|
-
"$value": "0.
|
|
2958
|
+
"$value": "0.0625rem,1px solid #b87fff",
|
|
2943
2959
|
"$type": "border",
|
|
2944
2960
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2945
2961
|
"isSource": true,
|
|
@@ -2958,7 +2974,7 @@
|
|
|
2958
2974
|
},
|
|
2959
2975
|
"border-upsell-muted": {
|
|
2960
2976
|
"key": "{border.upsell.muted}",
|
|
2961
|
-
"$value": "0.
|
|
2977
|
+
"$value": "0.0625rem,1px solid #bf8fff",
|
|
2962
2978
|
"$type": "border",
|
|
2963
2979
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2964
2980
|
"isSource": true,
|
|
@@ -37252,6 +37268,10 @@
|
|
|
37252
37268
|
},
|
|
37253
37269
|
"org.primer.overrides": {
|
|
37254
37270
|
"dark": "#010409"
|
|
37271
|
+
},
|
|
37272
|
+
"org.primer.llm": {
|
|
37273
|
+
"doNotUse": true,
|
|
37274
|
+
"rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
|
|
37255
37275
|
}
|
|
37256
37276
|
},
|
|
37257
37277
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37268,6 +37288,10 @@
|
|
|
37268
37288
|
},
|
|
37269
37289
|
"org.primer.overrides": {
|
|
37270
37290
|
"dark": "{base.color.neutral.0}"
|
|
37291
|
+
},
|
|
37292
|
+
"org.primer.llm": {
|
|
37293
|
+
"doNotUse": true,
|
|
37294
|
+
"rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
|
|
37271
37295
|
}
|
|
37272
37296
|
},
|
|
37273
37297
|
"key": "{fgColor.black}"
|
|
@@ -38241,6 +38265,10 @@
|
|
|
38241
38265
|
},
|
|
38242
38266
|
"org.primer.overrides": {
|
|
38243
38267
|
"dark": "#ffffff"
|
|
38268
|
+
},
|
|
38269
|
+
"org.primer.llm": {
|
|
38270
|
+
"doNotUse": true,
|
|
38271
|
+
"rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
38244
38272
|
}
|
|
38245
38273
|
},
|
|
38246
38274
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38257,6 +38285,10 @@
|
|
|
38257
38285
|
},
|
|
38258
38286
|
"org.primer.overrides": {
|
|
38259
38287
|
"dark": "{base.color.neutral.13}"
|
|
38288
|
+
},
|
|
38289
|
+
"org.primer.llm": {
|
|
38290
|
+
"doNotUse": true,
|
|
38291
|
+
"rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
38260
38292
|
}
|
|
38261
38293
|
},
|
|
38262
38294
|
"key": "{fgColor.white}"
|
|
@@ -47547,6 +47579,7 @@
|
|
|
47547
47579
|
"key": "{shadow.floating.legacy}",
|
|
47548
47580
|
"$value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
47549
47581
|
"$type": "shadow",
|
|
47582
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47550
47583
|
"$extensions": {
|
|
47551
47584
|
"org.primer.figma": {},
|
|
47552
47585
|
"org.primer.overrides": {
|
|
@@ -47573,6 +47606,10 @@
|
|
|
47573
47606
|
"isSource": true,
|
|
47574
47607
|
"$type": "shadow"
|
|
47575
47608
|
}
|
|
47609
|
+
},
|
|
47610
|
+
"org.primer.llm": {
|
|
47611
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47612
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47576
47613
|
}
|
|
47577
47614
|
},
|
|
47578
47615
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47597,6 +47634,7 @@
|
|
|
47597
47634
|
}
|
|
47598
47635
|
],
|
|
47599
47636
|
"$type": "shadow",
|
|
47637
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47600
47638
|
"$extensions": {
|
|
47601
47639
|
"org.primer.figma": {},
|
|
47602
47640
|
"org.primer.overrides": {
|
|
@@ -47623,6 +47661,10 @@
|
|
|
47623
47661
|
"isSource": true,
|
|
47624
47662
|
"$type": "shadow"
|
|
47625
47663
|
}
|
|
47664
|
+
},
|
|
47665
|
+
"org.primer.llm": {
|
|
47666
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47667
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47626
47668
|
}
|
|
47627
47669
|
},
|
|
47628
47670
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47635,6 +47677,7 @@
|
|
|
47635
47677
|
"key": "{shadow.floating.medium}",
|
|
47636
47678
|
"$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",
|
|
47637
47679
|
"$type": "shadow",
|
|
47680
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47638
47681
|
"$extensions": {
|
|
47639
47682
|
"org.primer.figma": {
|
|
47640
47683
|
"collection": "mode",
|
|
@@ -47688,6 +47731,10 @@
|
|
|
47688
47731
|
"isSource": true,
|
|
47689
47732
|
"$type": "shadow"
|
|
47690
47733
|
}
|
|
47734
|
+
},
|
|
47735
|
+
"org.primer.llm": {
|
|
47736
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47737
|
+
"rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
|
|
47691
47738
|
}
|
|
47692
47739
|
},
|
|
47693
47740
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47736,6 +47783,7 @@
|
|
|
47736
47783
|
}
|
|
47737
47784
|
],
|
|
47738
47785
|
"$type": "shadow",
|
|
47786
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47739
47787
|
"$extensions": {
|
|
47740
47788
|
"org.primer.figma": {
|
|
47741
47789
|
"collection": "mode",
|
|
@@ -47789,6 +47837,10 @@
|
|
|
47789
47837
|
"isSource": true,
|
|
47790
47838
|
"$type": "shadow"
|
|
47791
47839
|
}
|
|
47840
|
+
},
|
|
47841
|
+
"org.primer.llm": {
|
|
47842
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47843
|
+
"rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
|
|
47792
47844
|
}
|
|
47793
47845
|
},
|
|
47794
47846
|
"key": "{shadow.floating.medium}"
|
|
@@ -47929,6 +47981,7 @@
|
|
|
47929
47981
|
"key": "{shadow.floating.xlarge}",
|
|
47930
47982
|
"$value": "0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409",
|
|
47931
47983
|
"$type": "shadow",
|
|
47984
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47932
47985
|
"$extensions": {
|
|
47933
47986
|
"org.primer.figma": {
|
|
47934
47987
|
"collection": "mode",
|
|
@@ -47958,6 +48011,10 @@
|
|
|
47958
48011
|
"isSource": true,
|
|
47959
48012
|
"$type": "shadow"
|
|
47960
48013
|
}
|
|
48014
|
+
},
|
|
48015
|
+
"org.primer.llm": {
|
|
48016
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48017
|
+
"rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
|
|
47961
48018
|
}
|
|
47962
48019
|
},
|
|
47963
48020
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47982,6 +48039,7 @@
|
|
|
47982
48039
|
}
|
|
47983
48040
|
],
|
|
47984
48041
|
"$type": "shadow",
|
|
48042
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47985
48043
|
"$extensions": {
|
|
47986
48044
|
"org.primer.figma": {
|
|
47987
48045
|
"collection": "mode",
|
|
@@ -48011,6 +48069,10 @@
|
|
|
48011
48069
|
"isSource": true,
|
|
48012
48070
|
"$type": "shadow"
|
|
48013
48071
|
}
|
|
48072
|
+
},
|
|
48073
|
+
"org.primer.llm": {
|
|
48074
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48075
|
+
"rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
|
|
48014
48076
|
}
|
|
48015
48077
|
},
|
|
48016
48078
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48023,6 +48085,7 @@
|
|
|
48023
48085
|
"key": "{shadow.inset}",
|
|
48024
48086
|
"$value": "inset 0px 1px 0px 0px #0104093d",
|
|
48025
48087
|
"$type": "shadow",
|
|
48088
|
+
"$description": "Inset shadow for recessed elements",
|
|
48026
48089
|
"$extensions": {
|
|
48027
48090
|
"org.primer.figma": {
|
|
48028
48091
|
"collection": "mode",
|
|
@@ -48043,6 +48106,10 @@
|
|
|
48043
48106
|
"isSource": true,
|
|
48044
48107
|
"$type": "shadow"
|
|
48045
48108
|
}
|
|
48109
|
+
},
|
|
48110
|
+
"org.primer.llm": {
|
|
48111
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48112
|
+
"rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
|
|
48046
48113
|
}
|
|
48047
48114
|
},
|
|
48048
48115
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48058,6 +48125,7 @@
|
|
|
48058
48125
|
"inset": true
|
|
48059
48126
|
},
|
|
48060
48127
|
"$type": "shadow",
|
|
48128
|
+
"$description": "Inset shadow for recessed elements",
|
|
48061
48129
|
"$extensions": {
|
|
48062
48130
|
"org.primer.figma": {
|
|
48063
48131
|
"collection": "mode",
|
|
@@ -48078,6 +48146,10 @@
|
|
|
48078
48146
|
"isSource": true,
|
|
48079
48147
|
"$type": "shadow"
|
|
48080
48148
|
}
|
|
48149
|
+
},
|
|
48150
|
+
"org.primer.llm": {
|
|
48151
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48152
|
+
"rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
|
|
48081
48153
|
}
|
|
48082
48154
|
},
|
|
48083
48155
|
"key": "{shadow.inset}"
|
|
@@ -48090,6 +48162,7 @@
|
|
|
48090
48162
|
"key": "{shadow.resting.medium}",
|
|
48091
48163
|
"$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
|
|
48092
48164
|
"$type": "shadow",
|
|
48165
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48093
48166
|
"$extensions": {
|
|
48094
48167
|
"org.primer.figma": {
|
|
48095
48168
|
"collection": "mode",
|
|
@@ -48119,6 +48192,10 @@
|
|
|
48119
48192
|
"isSource": true,
|
|
48120
48193
|
"$type": "shadow"
|
|
48121
48194
|
}
|
|
48195
|
+
},
|
|
48196
|
+
"org.primer.llm": {
|
|
48197
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48198
|
+
"rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
|
|
48122
48199
|
}
|
|
48123
48200
|
},
|
|
48124
48201
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48143,6 +48220,7 @@
|
|
|
48143
48220
|
}
|
|
48144
48221
|
],
|
|
48145
48222
|
"$type": "shadow",
|
|
48223
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48146
48224
|
"$extensions": {
|
|
48147
48225
|
"org.primer.figma": {
|
|
48148
48226
|
"collection": "mode",
|
|
@@ -48172,6 +48250,10 @@
|
|
|
48172
48250
|
"isSource": true,
|
|
48173
48251
|
"$type": "shadow"
|
|
48174
48252
|
}
|
|
48253
|
+
},
|
|
48254
|
+
"org.primer.llm": {
|
|
48255
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48256
|
+
"rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
|
|
48175
48257
|
}
|
|
48176
48258
|
},
|
|
48177
48259
|
"key": "{shadow.resting.medium}"
|
|
@@ -48184,6 +48266,7 @@
|
|
|
48184
48266
|
"key": "{shadow.resting.small}",
|
|
48185
48267
|
"$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
|
|
48186
48268
|
"$type": "shadow",
|
|
48269
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48187
48270
|
"$extensions": {
|
|
48188
48271
|
"org.primer.figma": {
|
|
48189
48272
|
"collection": "mode",
|
|
@@ -48215,6 +48298,10 @@
|
|
|
48215
48298
|
"isSource": true,
|
|
48216
48299
|
"$type": "shadow"
|
|
48217
48300
|
}
|
|
48301
|
+
},
|
|
48302
|
+
"org.primer.llm": {
|
|
48303
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48304
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48218
48305
|
}
|
|
48219
48306
|
},
|
|
48220
48307
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48241,6 +48328,7 @@
|
|
|
48241
48328
|
}
|
|
48242
48329
|
],
|
|
48243
48330
|
"$type": "shadow",
|
|
48331
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48244
48332
|
"$extensions": {
|
|
48245
48333
|
"org.primer.figma": {
|
|
48246
48334
|
"collection": "mode",
|
|
@@ -48272,6 +48360,10 @@
|
|
|
48272
48360
|
"isSource": true,
|
|
48273
48361
|
"$type": "shadow"
|
|
48274
48362
|
}
|
|
48363
|
+
},
|
|
48364
|
+
"org.primer.llm": {
|
|
48365
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48366
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48275
48367
|
}
|
|
48276
48368
|
},
|
|
48277
48369
|
"key": "{shadow.resting.small}"
|
|
@@ -48284,6 +48376,7 @@
|
|
|
48284
48376
|
"key": "{shadow.resting.xsmall}",
|
|
48285
48377
|
"$value": "0px 1px 1px 0px #010409cc",
|
|
48286
48378
|
"$type": "shadow",
|
|
48379
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48287
48380
|
"$extensions": {
|
|
48288
48381
|
"org.primer.figma": {
|
|
48289
48382
|
"collection": "mode",
|
|
@@ -48304,6 +48397,10 @@
|
|
|
48304
48397
|
"isSource": true,
|
|
48305
48398
|
"$type": "shadow"
|
|
48306
48399
|
}
|
|
48400
|
+
},
|
|
48401
|
+
"org.primer.llm": {
|
|
48402
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48403
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48307
48404
|
}
|
|
48308
48405
|
},
|
|
48309
48406
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48319,6 +48416,7 @@
|
|
|
48319
48416
|
"inset": false
|
|
48320
48417
|
},
|
|
48321
48418
|
"$type": "shadow",
|
|
48419
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48322
48420
|
"$extensions": {
|
|
48323
48421
|
"org.primer.figma": {
|
|
48324
48422
|
"collection": "mode",
|
|
@@ -48339,6 +48437,10 @@
|
|
|
48339
48437
|
"isSource": true,
|
|
48340
48438
|
"$type": "shadow"
|
|
48341
48439
|
}
|
|
48440
|
+
},
|
|
48441
|
+
"org.primer.llm": {
|
|
48442
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48443
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48342
48444
|
}
|
|
48343
48445
|
},
|
|
48344
48446
|
"key": "{shadow.resting.xsmall}"
|