npm - @primer/primitives - Versions diffs - 10.4.0-rc.d3e62472 → 10.4.0-rc.ea0a5a9d - Mend

@primer/primitives 10.4.0-rc.d3e62472 → 10.4.0-rc.ea0a5a9d

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.

Files changed (32) hide show

package/dist/docs/functional/themes/dark-colorblind.json +21 -21
package/dist/docs/functional/themes/dark-dimmed.json +21 -21
package/dist/docs/functional/themes/dark-high-contrast.json +21 -21
package/dist/docs/functional/themes/dark-tritanopia.json +21 -21
package/dist/docs/functional/themes/dark.json +21 -21
package/dist/docs/functional/themes/light-colorblind.json +21 -21
package/dist/docs/functional/themes/light-high-contrast.json +21 -21
package/dist/docs/functional/themes/light-tritanopia.json +21 -21
package/dist/docs/functional/themes/light.json +21 -21
package/dist/figma/figma.json +2 -2
package/dist/figma/themes/dark-colorblind.json +1201 -1201
package/dist/figma/themes/dark-dimmed.json +1195 -1195
package/dist/figma/themes/dark-high-contrast.json +1206 -1206
package/dist/figma/themes/dark-tritanopia.json +1202 -1202
package/dist/figma/themes/dark.json +3839 -3839
package/dist/figma/themes/light-colorblind.json +1264 -1264
package/dist/figma/themes/light-high-contrast.json +1244 -1244
package/dist/figma/themes/light-tritanopia.json +1265 -1265
package/dist/figma/themes/light.json +1265 -1265
package/dist/styleLint/functional/themes/dark-colorblind.json +21 -21
package/dist/styleLint/functional/themes/dark-dimmed.json +21 -21
package/dist/styleLint/functional/themes/dark-high-contrast.json +21 -21
package/dist/styleLint/functional/themes/dark-tritanopia.json +21 -21
package/dist/styleLint/functional/themes/dark.json +21 -21
package/dist/styleLint/functional/themes/light-colorblind.json +21 -21
package/dist/styleLint/functional/themes/light-high-contrast.json +21 -21
package/dist/styleLint/functional/themes/light-tritanopia.json +21 -21
package/dist/styleLint/functional/themes/light.json +21 -21
package/package.json +1 -1
package/src/tokens/component/avatar.json5 +33 -0
package/src/tokens/component/button.json5 +187 -0
package/src/tokens/functional/shadow/shadow.json5 +0 -232

package/dist/styleLint/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -127,13 +127,13 @@
               "spread": "2px"
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/avatar.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/avatar.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -164,7 +164,7 @@
                 "spread": "2px"
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/avatar.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -4597,7 +4597,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -4613,13 +4613,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -4652,7 +4652,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -4668,7 +4668,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -5049,13 +5049,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -5088,7 +5088,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -6485,13 +6485,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -6524,7 +6524,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -7503,7 +7503,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -7519,7 +7519,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -7535,13 +7535,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -7574,7 +7574,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -7590,7 +7590,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -7606,7 +7606,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }

package/dist/styleLint/functional/themes/light-tritanopia.json CHANGED Viewed

@@ -125,13 +125,13 @@
               "spread": "2px"
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/avatar.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/avatar.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -162,7 +162,7 @@
                 "spread": "2px"
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/avatar.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -4601,7 +4601,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -4617,13 +4617,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -4656,7 +4656,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -4672,7 +4672,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -5053,13 +5053,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -5092,7 +5092,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -6489,13 +6489,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -6528,7 +6528,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -7503,7 +7503,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -7519,7 +7519,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -7535,13 +7535,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -7574,7 +7574,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -7590,7 +7590,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -7606,7 +7606,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }

package/dist/styleLint/functional/themes/light.json CHANGED Viewed

@@ -125,13 +125,13 @@
               "spread": "2px"
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/avatar.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/avatar.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -162,7 +162,7 @@
                 "spread": "2px"
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/avatar.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -4597,7 +4597,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -4613,13 +4613,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -4652,7 +4652,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -4668,7 +4668,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -5049,13 +5049,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -5088,7 +5088,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -6485,13 +6485,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -6524,7 +6524,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }
@@ -7499,7 +7499,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -7515,7 +7515,7 @@
               "inset": true
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         },
@@ -7531,13 +7531,13 @@
               "inset": false
             }
           ],
-          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "shadow"
         }
       }
     },
-    "filePath": "src/tokens/functional/shadow/shadow.json5",
+    "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
       "$value": [
@@ -7570,7 +7570,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -7586,7 +7586,7 @@
                 "inset": true
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           },
@@ -7602,7 +7602,7 @@
                 "inset": false
               }
             ],
-            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "shadow"
           }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "10.4.0-rc.d3e62472",
+  "version": "10.4.0-rc.ea0a5a9d",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [

package/src/tokens/component/avatar.json5 CHANGED Viewed

@@ -38,5 +38,38 @@
         },
       },
     },
+    shadow: {
+      $value: [
+        {
+          color: '{base.color.neutral.0}',
+          alpha: 0.8,
+          offsetX: '0px',
+          offsetY: '0px',
+          blur: '0px',
+          spread: '2px',
+        },
+      ],
+      $type: 'shadow',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          group: 'component shadow',
+        },
+        'org.primer.overrides': {
+          dark: {
+            $value: [
+              {
+                color: '{base.color.neutral.1}',
+                alpha: 1,
+                offsetX: '0px',
+                offsetY: '0px',
+                blur: '0px',
+                spread: '2px',
+              },
+            ],
+          },
+        },
+      },
+    },
   },
 }