@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 #1f6feb",
|
|
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 #388bfd66",
|
|
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 #9e6a03",
|
|
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 #bb800966",
|
|
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 #da3633",
|
|
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 #f8514966",
|
|
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 #da3633",
|
|
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 #f8514966",
|
|
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 #8957e5",
|
|
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 #ab7df866",
|
|
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 #238636",
|
|
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 #2ea04366",
|
|
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 #bd561d",
|
|
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 #db6d2866",
|
|
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 #bf4b8a",
|
|
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 #db61a266",
|
|
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 #238636",
|
|
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 #2ea04366",
|
|
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 #8957e5",
|
|
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 #ab7df866",
|
|
2962
2978
|
"$type": "border",
|
|
2963
2979
|
"filePath": "src/tokens/functional/border/border.json5",
|
|
2964
2980
|
"isSource": true,
|
|
@@ -37242,6 +37258,10 @@
|
|
|
37242
37258
|
},
|
|
37243
37259
|
"org.primer.overrides": {
|
|
37244
37260
|
"dark": "#010409"
|
|
37261
|
+
},
|
|
37262
|
+
"org.primer.llm": {
|
|
37263
|
+
"doNotUse": true,
|
|
37264
|
+
"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."
|
|
37245
37265
|
}
|
|
37246
37266
|
},
|
|
37247
37267
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37258,6 +37278,10 @@
|
|
|
37258
37278
|
},
|
|
37259
37279
|
"org.primer.overrides": {
|
|
37260
37280
|
"dark": "{base.color.neutral.0}"
|
|
37281
|
+
},
|
|
37282
|
+
"org.primer.llm": {
|
|
37283
|
+
"doNotUse": true,
|
|
37284
|
+
"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."
|
|
37261
37285
|
}
|
|
37262
37286
|
},
|
|
37263
37287
|
"key": "{fgColor.black}"
|
|
@@ -38231,6 +38255,10 @@
|
|
|
38231
38255
|
},
|
|
38232
38256
|
"org.primer.overrides": {
|
|
38233
38257
|
"dark": "#ffffff"
|
|
38258
|
+
},
|
|
38259
|
+
"org.primer.llm": {
|
|
38260
|
+
"doNotUse": true,
|
|
38261
|
+
"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."
|
|
38234
38262
|
}
|
|
38235
38263
|
},
|
|
38236
38264
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38247,6 +38275,10 @@
|
|
|
38247
38275
|
},
|
|
38248
38276
|
"org.primer.overrides": {
|
|
38249
38277
|
"dark": "{base.color.neutral.13}"
|
|
38278
|
+
},
|
|
38279
|
+
"org.primer.llm": {
|
|
38280
|
+
"doNotUse": true,
|
|
38281
|
+
"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."
|
|
38250
38282
|
}
|
|
38251
38283
|
},
|
|
38252
38284
|
"key": "{fgColor.white}"
|
|
@@ -47537,6 +47569,7 @@
|
|
|
47537
47569
|
"key": "{shadow.floating.legacy}",
|
|
47538
47570
|
"$value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
47539
47571
|
"$type": "shadow",
|
|
47572
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47540
47573
|
"$extensions": {
|
|
47541
47574
|
"org.primer.figma": {},
|
|
47542
47575
|
"org.primer.overrides": {
|
|
@@ -47563,6 +47596,10 @@
|
|
|
47563
47596
|
"isSource": true,
|
|
47564
47597
|
"$type": "shadow"
|
|
47565
47598
|
}
|
|
47599
|
+
},
|
|
47600
|
+
"org.primer.llm": {
|
|
47601
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47602
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47566
47603
|
}
|
|
47567
47604
|
},
|
|
47568
47605
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47587,6 +47624,7 @@
|
|
|
47587
47624
|
}
|
|
47588
47625
|
],
|
|
47589
47626
|
"$type": "shadow",
|
|
47627
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47590
47628
|
"$extensions": {
|
|
47591
47629
|
"org.primer.figma": {},
|
|
47592
47630
|
"org.primer.overrides": {
|
|
@@ -47613,6 +47651,10 @@
|
|
|
47613
47651
|
"isSource": true,
|
|
47614
47652
|
"$type": "shadow"
|
|
47615
47653
|
}
|
|
47654
|
+
},
|
|
47655
|
+
"org.primer.llm": {
|
|
47656
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
47657
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47616
47658
|
}
|
|
47617
47659
|
},
|
|
47618
47660
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47625,6 +47667,7 @@
|
|
|
47625
47667
|
"key": "{shadow.floating.medium}",
|
|
47626
47668
|
"$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",
|
|
47627
47669
|
"$type": "shadow",
|
|
47670
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47628
47671
|
"$extensions": {
|
|
47629
47672
|
"org.primer.figma": {
|
|
47630
47673
|
"collection": "mode",
|
|
@@ -47678,6 +47721,10 @@
|
|
|
47678
47721
|
"isSource": true,
|
|
47679
47722
|
"$type": "shadow"
|
|
47680
47723
|
}
|
|
47724
|
+
},
|
|
47725
|
+
"org.primer.llm": {
|
|
47726
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47727
|
+
"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."
|
|
47681
47728
|
}
|
|
47682
47729
|
},
|
|
47683
47730
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47726,6 +47773,7 @@
|
|
|
47726
47773
|
}
|
|
47727
47774
|
],
|
|
47728
47775
|
"$type": "shadow",
|
|
47776
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47729
47777
|
"$extensions": {
|
|
47730
47778
|
"org.primer.figma": {
|
|
47731
47779
|
"collection": "mode",
|
|
@@ -47779,6 +47827,10 @@
|
|
|
47779
47827
|
"isSource": true,
|
|
47780
47828
|
"$type": "shadow"
|
|
47781
47829
|
}
|
|
47830
|
+
},
|
|
47831
|
+
"org.primer.llm": {
|
|
47832
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
47833
|
+
"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."
|
|
47782
47834
|
}
|
|
47783
47835
|
},
|
|
47784
47836
|
"key": "{shadow.floating.medium}"
|
|
@@ -47919,6 +47971,7 @@
|
|
|
47919
47971
|
"key": "{shadow.floating.xlarge}",
|
|
47920
47972
|
"$value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
|
|
47921
47973
|
"$type": "shadow",
|
|
47974
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47922
47975
|
"$extensions": {
|
|
47923
47976
|
"org.primer.figma": {
|
|
47924
47977
|
"collection": "mode",
|
|
@@ -47948,6 +48001,10 @@
|
|
|
47948
48001
|
"isSource": true,
|
|
47949
48002
|
"$type": "shadow"
|
|
47950
48003
|
}
|
|
48004
|
+
},
|
|
48005
|
+
"org.primer.llm": {
|
|
48006
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48007
|
+
"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."
|
|
47951
48008
|
}
|
|
47952
48009
|
},
|
|
47953
48010
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47972,6 +48029,7 @@
|
|
|
47972
48029
|
}
|
|
47973
48030
|
],
|
|
47974
48031
|
"$type": "shadow",
|
|
48032
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47975
48033
|
"$extensions": {
|
|
47976
48034
|
"org.primer.figma": {
|
|
47977
48035
|
"collection": "mode",
|
|
@@ -48001,6 +48059,10 @@
|
|
|
48001
48059
|
"isSource": true,
|
|
48002
48060
|
"$type": "shadow"
|
|
48003
48061
|
}
|
|
48062
|
+
},
|
|
48063
|
+
"org.primer.llm": {
|
|
48064
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
48065
|
+
"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."
|
|
48004
48066
|
}
|
|
48005
48067
|
},
|
|
48006
48068
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48013,6 +48075,7 @@
|
|
|
48013
48075
|
"key": "{shadow.inset}",
|
|
48014
48076
|
"$value": "inset 0px 1px 0px 0px #0104093d",
|
|
48015
48077
|
"$type": "shadow",
|
|
48078
|
+
"$description": "Inset shadow for recessed elements",
|
|
48016
48079
|
"$extensions": {
|
|
48017
48080
|
"org.primer.figma": {
|
|
48018
48081
|
"collection": "mode",
|
|
@@ -48033,6 +48096,10 @@
|
|
|
48033
48096
|
"isSource": true,
|
|
48034
48097
|
"$type": "shadow"
|
|
48035
48098
|
}
|
|
48099
|
+
},
|
|
48100
|
+
"org.primer.llm": {
|
|
48101
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48102
|
+
"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."
|
|
48036
48103
|
}
|
|
48037
48104
|
},
|
|
48038
48105
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48048,6 +48115,7 @@
|
|
|
48048
48115
|
"inset": true
|
|
48049
48116
|
},
|
|
48050
48117
|
"$type": "shadow",
|
|
48118
|
+
"$description": "Inset shadow for recessed elements",
|
|
48051
48119
|
"$extensions": {
|
|
48052
48120
|
"org.primer.figma": {
|
|
48053
48121
|
"collection": "mode",
|
|
@@ -48068,6 +48136,10 @@
|
|
|
48068
48136
|
"isSource": true,
|
|
48069
48137
|
"$type": "shadow"
|
|
48070
48138
|
}
|
|
48139
|
+
},
|
|
48140
|
+
"org.primer.llm": {
|
|
48141
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
48142
|
+
"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."
|
|
48071
48143
|
}
|
|
48072
48144
|
},
|
|
48073
48145
|
"key": "{shadow.inset}"
|
|
@@ -48080,6 +48152,7 @@
|
|
|
48080
48152
|
"key": "{shadow.resting.medium}",
|
|
48081
48153
|
"$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
|
|
48082
48154
|
"$type": "shadow",
|
|
48155
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48083
48156
|
"$extensions": {
|
|
48084
48157
|
"org.primer.figma": {
|
|
48085
48158
|
"collection": "mode",
|
|
@@ -48109,6 +48182,10 @@
|
|
|
48109
48182
|
"isSource": true,
|
|
48110
48183
|
"$type": "shadow"
|
|
48111
48184
|
}
|
|
48185
|
+
},
|
|
48186
|
+
"org.primer.llm": {
|
|
48187
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48188
|
+
"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."
|
|
48112
48189
|
}
|
|
48113
48190
|
},
|
|
48114
48191
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48133,6 +48210,7 @@
|
|
|
48133
48210
|
}
|
|
48134
48211
|
],
|
|
48135
48212
|
"$type": "shadow",
|
|
48213
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48136
48214
|
"$extensions": {
|
|
48137
48215
|
"org.primer.figma": {
|
|
48138
48216
|
"collection": "mode",
|
|
@@ -48162,6 +48240,10 @@
|
|
|
48162
48240
|
"isSource": true,
|
|
48163
48241
|
"$type": "shadow"
|
|
48164
48242
|
}
|
|
48243
|
+
},
|
|
48244
|
+
"org.primer.llm": {
|
|
48245
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
48246
|
+
"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."
|
|
48165
48247
|
}
|
|
48166
48248
|
},
|
|
48167
48249
|
"key": "{shadow.resting.medium}"
|
|
@@ -48174,6 +48256,7 @@
|
|
|
48174
48256
|
"key": "{shadow.resting.small}",
|
|
48175
48257
|
"$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
|
|
48176
48258
|
"$type": "shadow",
|
|
48259
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48177
48260
|
"$extensions": {
|
|
48178
48261
|
"org.primer.figma": {
|
|
48179
48262
|
"collection": "mode",
|
|
@@ -48205,6 +48288,10 @@
|
|
|
48205
48288
|
"isSource": true,
|
|
48206
48289
|
"$type": "shadow"
|
|
48207
48290
|
}
|
|
48291
|
+
},
|
|
48292
|
+
"org.primer.llm": {
|
|
48293
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48294
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48208
48295
|
}
|
|
48209
48296
|
},
|
|
48210
48297
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48231,6 +48318,7 @@
|
|
|
48231
48318
|
}
|
|
48232
48319
|
],
|
|
48233
48320
|
"$type": "shadow",
|
|
48321
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48234
48322
|
"$extensions": {
|
|
48235
48323
|
"org.primer.figma": {
|
|
48236
48324
|
"collection": "mode",
|
|
@@ -48262,6 +48350,10 @@
|
|
|
48262
48350
|
"isSource": true,
|
|
48263
48351
|
"$type": "shadow"
|
|
48264
48352
|
}
|
|
48353
|
+
},
|
|
48354
|
+
"org.primer.llm": {
|
|
48355
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
48356
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48265
48357
|
}
|
|
48266
48358
|
},
|
|
48267
48359
|
"key": "{shadow.resting.small}"
|
|
@@ -48274,6 +48366,7 @@
|
|
|
48274
48366
|
"key": "{shadow.resting.xsmall}",
|
|
48275
48367
|
"$value": "0px 1px 1px 0px #010409cc",
|
|
48276
48368
|
"$type": "shadow",
|
|
48369
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48277
48370
|
"$extensions": {
|
|
48278
48371
|
"org.primer.figma": {
|
|
48279
48372
|
"collection": "mode",
|
|
@@ -48294,6 +48387,10 @@
|
|
|
48294
48387
|
"isSource": true,
|
|
48295
48388
|
"$type": "shadow"
|
|
48296
48389
|
}
|
|
48390
|
+
},
|
|
48391
|
+
"org.primer.llm": {
|
|
48392
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48393
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48297
48394
|
}
|
|
48298
48395
|
},
|
|
48299
48396
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48309,6 +48406,7 @@
|
|
|
48309
48406
|
"inset": false
|
|
48310
48407
|
},
|
|
48311
48408
|
"$type": "shadow",
|
|
48409
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48312
48410
|
"$extensions": {
|
|
48313
48411
|
"org.primer.figma": {
|
|
48314
48412
|
"collection": "mode",
|
|
@@ -48329,6 +48427,10 @@
|
|
|
48329
48427
|
"isSource": true,
|
|
48330
48428
|
"$type": "shadow"
|
|
48331
48429
|
}
|
|
48430
|
+
},
|
|
48431
|
+
"org.primer.llm": {
|
|
48432
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
48433
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48332
48434
|
}
|
|
48333
48435
|
},
|
|
48334
48436
|
"key": "{shadow.resting.xsmall}"
|