@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": "#cdd9e5"
|
|
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 #316dca",
|
|
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 #4184e466",
|
|
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 #966600",
|
|
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 #ae7c1466",
|
|
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 #c93c37",
|
|
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 #e5534b66",
|
|
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 #c93c37",
|
|
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 #e5534b66",
|
|
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 #3d444d",
|
|
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 #8256d0",
|
|
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 #986ee266",
|
|
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 #656c76",
|
|
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 #3d444db3",
|
|
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 #656c76",
|
|
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 #3d444db3",
|
|
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 #347d39",
|
|
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 #46954a66",
|
|
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 #ae5622",
|
|
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 #cc6b2c66",
|
|
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 #ae4c82",
|
|
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 #c9619866",
|
|
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 #347d39",
|
|
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 #46954a66",
|
|
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 #8256d0",
|
|
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 #986ee266",
|
|
2962
2978
|
"$type": "border",
|
|
2963
2979
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2964
2980
|
"isSource": true,
|
|
@@ -37246,6 +37262,10 @@
|
|
|
37246
37262
|
},
|
|
37247
37263
|
"org.primer.overrides": {
|
|
37248
37264
|
"dark": "#010409"
|
|
37265
|
+
},
|
|
37266
|
+
"org.primer.llm": {
|
|
37267
|
+
"doNotUse": true,
|
|
37268
|
+
"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."
|
|
37249
37269
|
}
|
|
37250
37270
|
},
|
|
37251
37271
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37262,6 +37282,10 @@
|
|
|
37262
37282
|
},
|
|
37263
37283
|
"org.primer.overrides": {
|
|
37264
37284
|
"dark": "{base.color.neutral.0}"
|
|
37285
|
+
},
|
|
37286
|
+
"org.primer.llm": {
|
|
37287
|
+
"doNotUse": true,
|
|
37288
|
+
"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."
|
|
37265
37289
|
}
|
|
37266
37290
|
},
|
|
37267
37291
|
"key": "{fgColor.black}"
|
|
@@ -38235,6 +38259,10 @@
|
|
|
38235
38259
|
},
|
|
38236
38260
|
"org.primer.overrides": {
|
|
38237
38261
|
"dark": "#cdd9e5"
|
|
38262
|
+
},
|
|
38263
|
+
"org.primer.llm": {
|
|
38264
|
+
"doNotUse": true,
|
|
38265
|
+
"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."
|
|
38238
38266
|
}
|
|
38239
38267
|
},
|
|
38240
38268
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38251,6 +38279,10 @@
|
|
|
38251
38279
|
},
|
|
38252
38280
|
"org.primer.overrides": {
|
|
38253
38281
|
"dark": "{base.color.neutral.13}"
|
|
38282
|
+
},
|
|
38283
|
+
"org.primer.llm": {
|
|
38284
|
+
"doNotUse": true,
|
|
38285
|
+
"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."
|
|
38254
38286
|
}
|
|
38255
38287
|
},
|
|
38256
38288
|
"key": "{fgColor.white}"
|
|
@@ -47541,6 +47573,7 @@
|
|
|
47541
47573
|
"key": "{shadow.floating.legacy}",
|
|
47542
47574
|
"$value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
47543
47575
|
"$type": "shadow",
|
|
47576
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47544
47577
|
"$extensions": {
|
|
47545
47578
|
"org.primer.figma": {},
|
|
47546
47579
|
"org.primer.overrides": {
|
|
@@ -47567,6 +47600,10 @@
|
|
|
47567
47600
|
"isSource": true,
|
|
47568
47601
|
"$type": "shadow"
|
|
47569
47602
|
}
|
|
47603
|
+
},
|
|
47604
|
+
"org.primer.llm": {
|
|
47605
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47606
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47570
47607
|
}
|
|
47571
47608
|
},
|
|
47572
47609
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47591,6 +47628,7 @@
|
|
|
47591
47628
|
}
|
|
47592
47629
|
],
|
|
47593
47630
|
"$type": "shadow",
|
|
47631
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47594
47632
|
"$extensions": {
|
|
47595
47633
|
"org.primer.figma": {},
|
|
47596
47634
|
"org.primer.overrides": {
|
|
@@ -47617,6 +47655,10 @@
|
|
|
47617
47655
|
"isSource": true,
|
|
47618
47656
|
"$type": "shadow"
|
|
47619
47657
|
}
|
|
47658
|
+
},
|
|
47659
|
+
"org.primer.llm": {
|
|
47660
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47661
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47620
47662
|
}
|
|
47621
47663
|
},
|
|
47622
47664
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47629,6 +47671,7 @@
|
|
|
47629
47671
|
"key": "{shadow.floating.medium}",
|
|
47630
47672
|
"$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",
|
|
47631
47673
|
"$type": "shadow",
|
|
47674
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47632
47675
|
"$extensions": {
|
|
47633
47676
|
"org.primer.figma": {
|
|
47634
47677
|
"collection": "mode",
|
|
@@ -47682,6 +47725,10 @@
|
|
|
47682
47725
|
"isSource": true,
|
|
47683
47726
|
"$type": "shadow"
|
|
47684
47727
|
}
|
|
47728
|
+
},
|
|
47729
|
+
"org.primer.llm": {
|
|
47730
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47731
|
+
"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."
|
|
47685
47732
|
}
|
|
47686
47733
|
},
|
|
47687
47734
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47730,6 +47777,7 @@
|
|
|
47730
47777
|
}
|
|
47731
47778
|
],
|
|
47732
47779
|
"$type": "shadow",
|
|
47780
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47733
47781
|
"$extensions": {
|
|
47734
47782
|
"org.primer.figma": {
|
|
47735
47783
|
"collection": "mode",
|
|
@@ -47783,6 +47831,10 @@
|
|
|
47783
47831
|
"isSource": true,
|
|
47784
47832
|
"$type": "shadow"
|
|
47785
47833
|
}
|
|
47834
|
+
},
|
|
47835
|
+
"org.primer.llm": {
|
|
47836
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47837
|
+
"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."
|
|
47786
47838
|
}
|
|
47787
47839
|
},
|
|
47788
47840
|
"key": "{shadow.floating.medium}"
|
|
@@ -47923,6 +47975,7 @@
|
|
|
47923
47975
|
"key": "{shadow.floating.xlarge}",
|
|
47924
47976
|
"$value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
|
|
47925
47977
|
"$type": "shadow",
|
|
47978
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47926
47979
|
"$extensions": {
|
|
47927
47980
|
"org.primer.figma": {
|
|
47928
47981
|
"collection": "mode",
|
|
@@ -47952,6 +48005,10 @@
|
|
|
47952
48005
|
"isSource": true,
|
|
47953
48006
|
"$type": "shadow"
|
|
47954
48007
|
}
|
|
48008
|
+
},
|
|
48009
|
+
"org.primer.llm": {
|
|
48010
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48011
|
+
"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."
|
|
47955
48012
|
}
|
|
47956
48013
|
},
|
|
47957
48014
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47976,6 +48033,7 @@
|
|
|
47976
48033
|
}
|
|
47977
48034
|
],
|
|
47978
48035
|
"$type": "shadow",
|
|
48036
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47979
48037
|
"$extensions": {
|
|
47980
48038
|
"org.primer.figma": {
|
|
47981
48039
|
"collection": "mode",
|
|
@@ -48005,6 +48063,10 @@
|
|
|
48005
48063
|
"isSource": true,
|
|
48006
48064
|
"$type": "shadow"
|
|
48007
48065
|
}
|
|
48066
|
+
},
|
|
48067
|
+
"org.primer.llm": {
|
|
48068
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48069
|
+
"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."
|
|
48008
48070
|
}
|
|
48009
48071
|
},
|
|
48010
48072
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48017,6 +48079,7 @@
|
|
|
48017
48079
|
"key": "{shadow.inset}",
|
|
48018
48080
|
"$value": "inset 0px 1px 0px 0px #0104093d",
|
|
48019
48081
|
"$type": "shadow",
|
|
48082
|
+
"$description": "Inset shadow for recessed elements",
|
|
48020
48083
|
"$extensions": {
|
|
48021
48084
|
"org.primer.figma": {
|
|
48022
48085
|
"collection": "mode",
|
|
@@ -48037,6 +48100,10 @@
|
|
|
48037
48100
|
"isSource": true,
|
|
48038
48101
|
"$type": "shadow"
|
|
48039
48102
|
}
|
|
48103
|
+
},
|
|
48104
|
+
"org.primer.llm": {
|
|
48105
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48106
|
+
"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."
|
|
48040
48107
|
}
|
|
48041
48108
|
},
|
|
48042
48109
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48052,6 +48119,7 @@
|
|
|
48052
48119
|
"inset": true
|
|
48053
48120
|
},
|
|
48054
48121
|
"$type": "shadow",
|
|
48122
|
+
"$description": "Inset shadow for recessed elements",
|
|
48055
48123
|
"$extensions": {
|
|
48056
48124
|
"org.primer.figma": {
|
|
48057
48125
|
"collection": "mode",
|
|
@@ -48072,6 +48140,10 @@
|
|
|
48072
48140
|
"isSource": true,
|
|
48073
48141
|
"$type": "shadow"
|
|
48074
48142
|
}
|
|
48143
|
+
},
|
|
48144
|
+
"org.primer.llm": {
|
|
48145
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48146
|
+
"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."
|
|
48075
48147
|
}
|
|
48076
48148
|
},
|
|
48077
48149
|
"key": "{shadow.inset}"
|
|
@@ -48084,6 +48156,7 @@
|
|
|
48084
48156
|
"key": "{shadow.resting.medium}",
|
|
48085
48157
|
"$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
|
|
48086
48158
|
"$type": "shadow",
|
|
48159
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48087
48160
|
"$extensions": {
|
|
48088
48161
|
"org.primer.figma": {
|
|
48089
48162
|
"collection": "mode",
|
|
@@ -48113,6 +48186,10 @@
|
|
|
48113
48186
|
"isSource": true,
|
|
48114
48187
|
"$type": "shadow"
|
|
48115
48188
|
}
|
|
48189
|
+
},
|
|
48190
|
+
"org.primer.llm": {
|
|
48191
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48192
|
+
"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."
|
|
48116
48193
|
}
|
|
48117
48194
|
},
|
|
48118
48195
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48137,6 +48214,7 @@
|
|
|
48137
48214
|
}
|
|
48138
48215
|
],
|
|
48139
48216
|
"$type": "shadow",
|
|
48217
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48140
48218
|
"$extensions": {
|
|
48141
48219
|
"org.primer.figma": {
|
|
48142
48220
|
"collection": "mode",
|
|
@@ -48166,6 +48244,10 @@
|
|
|
48166
48244
|
"isSource": true,
|
|
48167
48245
|
"$type": "shadow"
|
|
48168
48246
|
}
|
|
48247
|
+
},
|
|
48248
|
+
"org.primer.llm": {
|
|
48249
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48250
|
+
"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."
|
|
48169
48251
|
}
|
|
48170
48252
|
},
|
|
48171
48253
|
"key": "{shadow.resting.medium}"
|
|
@@ -48178,6 +48260,7 @@
|
|
|
48178
48260
|
"key": "{shadow.resting.small}",
|
|
48179
48261
|
"$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
|
|
48180
48262
|
"$type": "shadow",
|
|
48263
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48181
48264
|
"$extensions": {
|
|
48182
48265
|
"org.primer.figma": {
|
|
48183
48266
|
"collection": "mode",
|
|
@@ -48209,6 +48292,10 @@
|
|
|
48209
48292
|
"isSource": true,
|
|
48210
48293
|
"$type": "shadow"
|
|
48211
48294
|
}
|
|
48295
|
+
},
|
|
48296
|
+
"org.primer.llm": {
|
|
48297
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48298
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48212
48299
|
}
|
|
48213
48300
|
},
|
|
48214
48301
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48235,6 +48322,7 @@
|
|
|
48235
48322
|
}
|
|
48236
48323
|
],
|
|
48237
48324
|
"$type": "shadow",
|
|
48325
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48238
48326
|
"$extensions": {
|
|
48239
48327
|
"org.primer.figma": {
|
|
48240
48328
|
"collection": "mode",
|
|
@@ -48266,6 +48354,10 @@
|
|
|
48266
48354
|
"isSource": true,
|
|
48267
48355
|
"$type": "shadow"
|
|
48268
48356
|
}
|
|
48357
|
+
},
|
|
48358
|
+
"org.primer.llm": {
|
|
48359
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48360
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48269
48361
|
}
|
|
48270
48362
|
},
|
|
48271
48363
|
"key": "{shadow.resting.small}"
|
|
@@ -48278,6 +48370,7 @@
|
|
|
48278
48370
|
"key": "{shadow.resting.xsmall}",
|
|
48279
48371
|
"$value": "0px 1px 1px 0px #010409cc",
|
|
48280
48372
|
"$type": "shadow",
|
|
48373
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48281
48374
|
"$extensions": {
|
|
48282
48375
|
"org.primer.figma": {
|
|
48283
48376
|
"collection": "mode",
|
|
@@ -48298,6 +48391,10 @@
|
|
|
48298
48391
|
"isSource": true,
|
|
48299
48392
|
"$type": "shadow"
|
|
48300
48393
|
}
|
|
48394
|
+
},
|
|
48395
|
+
"org.primer.llm": {
|
|
48396
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48397
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48301
48398
|
}
|
|
48302
48399
|
},
|
|
48303
48400
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48313,6 +48410,7 @@
|
|
|
48313
48410
|
"inset": false
|
|
48314
48411
|
},
|
|
48315
48412
|
"$type": "shadow",
|
|
48413
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48316
48414
|
"$extensions": {
|
|
48317
48415
|
"org.primer.figma": {
|
|
48318
48416
|
"collection": "mode",
|
|
@@ -48333,6 +48431,10 @@
|
|
|
48333
48431
|
"isSource": true,
|
|
48334
48432
|
"$type": "shadow"
|
|
48335
48433
|
}
|
|
48434
|
+
},
|
|
48435
|
+
"org.primer.llm": {
|
|
48436
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48437
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48336
48438
|
}
|
|
48337
48439
|
},
|
|
48338
48440
|
"key": "{shadow.resting.xsmall}"
|