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

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

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

package/README.md +2 -2
package/dist/build/PrimerStyleDictionary.js +27 -26
package/dist/build/filters/isCubicBezier.d.ts +7 -0
package/dist/build/filters/isCubicBezier.js +10 -0
package/dist/build/formats/typescriptExportDefinition.js +2 -2
package/dist/build/parsers/w3cJsonParser.js +2 -2
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 -1
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/durationToCss.js +2 -2
package/dist/build/transformers/index.d.ts +1 -0
package/dist/build/transformers/index.js +1 -0
package/dist/css/base/motion/motion.css +17 -0
package/dist/css/functional/motion/motion.css +4 -3
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 +43 -43
package/dist/css/primitives.css +64 -46
package/dist/docs/base/motion/motion.json +205 -0
package/dist/docs/functional/motion/motion.json +18 -3
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/fallbacks/base/motion/motion.json +17 -0
package/dist/fallbacks/functional/motion/motion.json +1 -0
package/dist/figma/dimension/dimension.json +518 -518
package/dist/figma/figma.json +19 -19
package/dist/figma/scales/dark-dimmed.json +3536 -656
package/dist/figma/scales/dark-high-constrast.json +3535 -655
package/dist/figma/scales/dark.json +3371 -491
package/dist/figma/scales/light-high-constrast.json +3533 -653
package/dist/figma/scales/light.json +3370 -490
package/dist/figma/shadows/dark-colorblind.json +285 -285
package/dist/figma/shadows/dark-dimmed.json +285 -285
package/dist/figma/shadows/dark-high-contrast.json +285 -285
package/dist/figma/shadows/dark-tritanopia.json +285 -285
package/dist/figma/shadows/dark.json +285 -285
package/dist/figma/shadows/light-colorblind.json +254 -254
package/dist/figma/shadows/light-high-contrast.json +254 -254
package/dist/figma/shadows/light-tritanopia.json +254 -254
package/dist/figma/shadows/light.json +254 -254
package/dist/figma/themes/dark-colorblind.json +5177 -5048
package/dist/figma/themes/dark-dimmed.json +5526 -5351
package/dist/figma/themes/dark-high-contrast.json +4361 -4251
package/dist/figma/themes/dark-tritanopia.json +5315 -5187
package/dist/figma/themes/dark.json +5741 -5582
package/dist/figma/themes/light-colorblind.json +5112 -4937
package/dist/figma/themes/light-high-contrast.json +4465 -4322
package/dist/figma/themes/light-tritanopia.json +5179 -5053
package/dist/figma/themes/light.json +5657 -5500
package/dist/figma/typography/typography.json +162 -162
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/base/motion/motion.json +205 -0
package/dist/styleLint/functional/motion/motion.json +18 -3
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 +19 -28
package/src/tokens/base/motion/easing.json5 +26 -0
package/src/tokens/base/motion/timing.json5 +50 -0
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/motion/loading.json5 +1 -1
package/src/tokens/functional/motion/patterns.json5 +9 -2

package/src/tokens/base/motion/timing.json5 ADDED Viewed

@@ -0,0 +1,50 @@
+{
+  base: {
+    duration: {
+      '0': {
+        $value: '0ms',
+        $type: 'duration',
+      },
+      '75': {
+        $value: '75ms',
+        $type: 'duration',
+      },
+      '200': {
+        $value: '200ms',
+        $type: 'duration',
+      },
+      '300': {
+        $value: '300ms',
+        $type: 'duration',
+      },
+      '400': {
+        $value: '400ms',
+        $type: 'duration',
+      },
+      '500': {
+        $value: '500ms',
+        $type: 'duration',
+      },
+      '600': {
+        $value: '600ms',
+        $type: 'duration',
+      },
+      '700': {
+        $value: '700ms',
+        $type: 'duration',
+      },
+      '800': {
+        $value: '800ms',
+        $type: 'duration',
+      },
+      '900': {
+        $value: '900ms',
+        $type: 'duration',
+      },
+      '1000': {
+        $value: '1000ms',
+        $type: 'duration',
+      },
+    },
+  },
+}

package/src/tokens/functional/color/dark/app-dark.json5 CHANGED Viewed

@@ -47,79 +47,198 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionLine: {
       fgColor: {
-        text: {
-          $value: '{fgColor.default}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['fgColor'],
-            },
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
           },
         },
-        num: {
-          $value: '{fgColor.default}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['fgColor'],
-            },
+      },
+      bgColor: {
+        $value: '{bgColor.success.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+        alpha: 0.15,
+        mix: null,
+      },
+    },
+    additionWord: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
           },
         },
       },
       bgColor: {
-        num: {
-          $value: '{base.color.green.3}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{base.color.green.4}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
-          alpha: 0.3,
         },
-        line: {
-          $value: '{base.color.green.4}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        alpha: 0.4,
+      },
+    },
+    additionNum: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
           },
-          alpha: 0.15,
-          mix: null,
         },
-        word: {
-          $value: '{base.color.green.4}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+      bgColor: {
+        $value: '{base.color.green.3}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
-          alpha: 0.4,
         },
+        alpha: 0.3,
       },
     },
-    deletion: {
+    deletionLine: {
       fgColor: {
-        text: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{bgColor.danger.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+        mix: null,
+      },
+    },
+    deletionWord: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+        alpha: 0.4,
+      },
+    },
+    deletionNum: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+        alpha: 0.3,
+      },
+    },
+    hunkLine: {
+      fgColor: {
+        $value: '{fgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{bgColor.accent.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    hunkNum: {
+      fgColor: {
+        rest: {
           $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
@@ -131,8 +250,8 @@
             },
           },
         },
-        num: {
-          $value: '{fgColor.default}',
+        hover: {
+          $value: '{fgColor.onEmphasis}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -145,8 +264,8 @@
         },
       },
       bgColor: {
-        num: {
-          $value: '{base.color.red.4}',
+        rest: {
+          $value: '{base.color.blue.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -156,10 +275,9 @@
               scopes: ['bgColor'],
             },
           },
-          alpha: 0.3,
         },
-        line: {
-          $value: '{base.color.red.4}',
+        hover: {
+          $value: '{bgColor.accent.emphasis}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -169,36 +287,33 @@
               scopes: ['bgColor'],
             },
           },
-          alpha: 0.15,
-          mix: null,
         },
-        word: {
-          $value: '{base.color.red.4}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+    },
+    emptyNum: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
-          alpha: 0.4,
         },
       },
     },
-    hunk: {
+    emptyLine: {
       bgColor: {
-        num: {
-          $value: '{borderColor.accent.muted}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
       },