npm - @primer/primitives - Versions diffs - 10.0.0-rc.e413e85d → 10.0.0-rc.eb6fe33a - Mend

@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.eb6fe33a

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 (93) hide show

package/README.md +2 -2
package/dist/build/PrimerStyleDictionary.js +2 -1
package/dist/build/filters/isCubicBezier.d.ts +7 -0
package/dist/build/filters/isCubicBezier.js +10 -0
package/dist/build/platforms/css.js +1 -0
package/dist/build/schemas/borderToken.d.ts +3 -3
package/dist/build/schemas/colorToken.d.ts +3 -3
package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
package/dist/build/schemas/cubicBezierToken.js +8 -0
package/dist/build/schemas/designToken.js +2 -0
package/dist/build/schemas/dimensionToken.d.ts +3 -3
package/dist/build/schemas/durationToken.d.ts +3 -3
package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
package/dist/build/schemas/fontWeightToken.d.ts +3 -3
package/dist/build/schemas/numberToken.d.ts +3 -3
package/dist/build/schemas/shadowToken.d.ts +3 -3
package/dist/build/schemas/stringToken.d.ts +3 -3
package/dist/build/schemas/tokenType.d.ts +1 -1
package/dist/build/schemas/typographyToken.d.ts +3 -3
package/dist/build/schemas/validTokenType.d.ts +1 -1
package/dist/build/schemas/validTokenType.js +1 -0
package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
package/dist/build/transformers/cubicBezierToCss.js +23 -0
package/dist/build/transformers/index.d.ts +1 -0
package/dist/build/transformers/index.js +1 -0
package/dist/css/functional/themes/dark-colorblind.css +42 -22
package/dist/css/functional/themes/dark-dimmed.css +44 -24
package/dist/css/functional/themes/dark-high-contrast.css +42 -22
package/dist/css/functional/themes/dark-tritanopia.css +42 -22
package/dist/css/functional/themes/dark.css +42 -22
package/dist/css/functional/themes/light-colorblind.css +42 -22
package/dist/css/functional/themes/light-high-contrast.css +44 -24
package/dist/css/functional/themes/light-tritanopia.css +42 -22
package/dist/css/functional/themes/light.css +42 -22
package/dist/css/functional/typography/typography.css +20 -20
package/dist/css/primitives.css +20 -20
package/dist/docs/functional/themes/dark-colorblind.json +533 -251
package/dist/docs/functional/themes/dark-dimmed.json +560 -256
package/dist/docs/functional/themes/dark-high-contrast.json +388 -148
package/dist/docs/functional/themes/dark-tritanopia.json +535 -257
package/dist/docs/functional/themes/dark.json +544 -256
package/dist/docs/functional/themes/light-colorblind.json +355 -65
package/dist/docs/functional/themes/light-high-contrast.json +333 -63
package/dist/docs/functional/themes/light-tritanopia.json +307 -61
package/dist/docs/functional/themes/light.json +336 -58
package/dist/figma/figma.json +8 -8
package/dist/figma/scales/dark-dimmed.json +2880 -0
package/dist/figma/scales/dark-high-constrast.json +2880 -0
package/dist/figma/scales/dark.json +2880 -0
package/dist/figma/scales/light-high-constrast.json +2880 -0
package/dist/figma/scales/light.json +2880 -0
package/dist/figma/themes/dark-colorblind.json +144 -15
package/dist/figma/themes/dark-dimmed.json +227 -52
package/dist/figma/themes/dark-high-contrast.json +135 -25
package/dist/figma/themes/dark-tritanopia.json +156 -28
package/dist/figma/themes/dark.json +211 -52
package/dist/figma/themes/light-colorblind.json +191 -16
package/dist/figma/themes/light-high-contrast.json +169 -26
package/dist/figma/themes/light-tritanopia.json +161 -35
package/dist/figma/themes/light.json +201 -44
package/dist/internalCss/dark-colorblind.css +42 -22
package/dist/internalCss/dark-dimmed.css +44 -24
package/dist/internalCss/dark-high-contrast.css +42 -22
package/dist/internalCss/dark-tritanopia.css +42 -22
package/dist/internalCss/dark.css +42 -22
package/dist/internalCss/light-colorblind.css +42 -22
package/dist/internalCss/light-high-contrast.css +44 -24
package/dist/internalCss/light-tritanopia.css +42 -22
package/dist/internalCss/light.css +42 -22
package/dist/styleLint/functional/themes/dark-colorblind.json +533 -251
package/dist/styleLint/functional/themes/dark-dimmed.json +560 -256
package/dist/styleLint/functional/themes/dark-high-contrast.json +387 -147
package/dist/styleLint/functional/themes/dark-tritanopia.json +535 -257
package/dist/styleLint/functional/themes/dark.json +544 -256
package/dist/styleLint/functional/themes/light-colorblind.json +355 -65
package/dist/styleLint/functional/themes/light-high-contrast.json +333 -63
package/dist/styleLint/functional/themes/light-tritanopia.json +307 -61
package/dist/styleLint/functional/themes/light.json +336 -58
package/package.json +2 -8
package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +39 -26
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +54 -28
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +36 -13
package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -1
package/src/tokens/functional/color/light/app-light.json5 +195 -85
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +59 -26
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
package/src/tokens/functional/color/light/patterns-light.json5 +13 -1

package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 CHANGED Viewed

@@ -396,8 +396,8 @@
           $value: '{base.color.neutral.11}',
           $type: 'color',
         },
-      }
-    }
+      },
+    },
   },
   buttonCounter: {
     default: {
@@ -410,45 +410,45 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionWord: {
       fgColor: {
-        text: {
-          $value: '{fgColor.onEmphasis}',
-          $type: 'color',
-        },
+        $value: '{fgColor.onEmphasis}',
+        $type: 'color',
       },
       bgColor: {
-        word: {
-          $value: '{base.color.green.4}',
-          $type: 'color',
-        },
+        $value: '{base.color.green.5}',
+        $type: 'color',
+        mix: null,
+        alpha: 1,
       },
     },
-    deletion: {
+    deletionWord: {
       fgColor: {
-        text: {
-          $value: '{fgColor.onEmphasis}',
-          $type: 'color',
-        },
+        $value: '{fgColor.onEmphasis}',
+        $type: 'color',
       },
       bgColor: {
-        word: {
-          $value: '{base.color.red.5}',
-          $type: 'color',
-          mix: null,
-          alpha: 1,
-        },
+        $value: '{base.color.red.5}',
+        $type: 'color',
+        mix: null,
+        alpha: 1,
       },
     },
-    hunk: {
+    hunkNum: {
       bgColor: {
-        num: {
+        rest: {
           $value: '{base.color.blue.1}',
           $type: 'color',
           alpha: 1,
         },
       },
     },
+    expander: {
+      iconColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+      },
+    },
   },
   header: {
     borderColor: {
@@ -822,5 +822,5 @@
       $type: 'color',
       alpha: 1,
     },
-  }
+  },
 }

package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED Viewed

@@ -114,42 +114,75 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          mix: null,
-          alpha: 0.4,
-        },
-        line: {
-          $value: '{base.color.blue.0}',
-          $type: 'color',
-          alpha: 0.5,
-        },
-        word: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          alpha: 0.4,
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    deletionNum: {
+      bgColor: {
+        $value: '{base.color.orange.1}',
+        $type: 'color',
+      },
+    },
+    deletionWord: {
+      bgColor: {
+        $value: '{base.color.orange.1}',
+        $type: 'color',
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
         },
       },
     },
-    deletion: {
+    hunkNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.orange.3}',
+        rest: {
+          $value: '{base.color.neutral.3}',
           $type: 'color',
-          alpha: 0.4,
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
+          },
         },
-        line: {
-          $value: '{base.color.orange.0}',
+        hover: {
+          $value: '{base.color.neutral.7}',
           $type: 'color',
-          alpha: 0.5,
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
+          },
         },
-        word: {
-          $value: '{base.color.orange.2}',
+      },
+      fgColor: {
+        hover: {
+          $value: '{fgColor.default}',
           $type: 'color',
-          alpha: 0.5,
         },
       },
     },

package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 CHANGED Viewed

@@ -114,22 +114,74 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.1}',
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    deletionNum: {
+      bgColor: {
+        $value: '{base.color.red.1}',
+        $type: 'color',
+      },
+    },
+    deletionWord: {
+      bgColor: {
+        $value: '{base.color.red.1}',
+        $type: 'color',
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    hunkNum: {
+      bgColor: {
+        rest: {
+          $value: '{base.color.neutral.3}',
           $type: 'color',
-          mix: {
-            color: '{base.color.blue.0}',
-            weight: 0.8,
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
           },
         },
-        line: {
-          $value: '{base.color.blue.0}',
+        hover: {
+          $value: '{base.color.neutral.7}',
           $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
+          },
         },
-        word: {
-          $value: '{base.color.blue.1}',
+      },
+      fgColor: {
+        hover: {
+          $value: '{fgColor.default}',
           $type: 'color',
         },
       },

package/src/tokens/functional/color/light/patterns-light.json5 CHANGED Viewed

@@ -772,7 +772,7 @@
             scopes: ['bgColor'],
           },
         },
-      }
+      },
     },
   },
   button: {
@@ -1079,6 +1079,18 @@
             },
           },
         },
+        active: {
+          $value: '{control.fgColor.rest}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['fgColor'],
+            },
+          },
+        },
         disabled: {
           $value: '{control.fgColor.disabled}',
           $type: 'color',