npm - @primer/primitives - Versions diffs - 8.2.4-rc.cbbd0a9a → 8.2.4-rc.d08fdd34 - Mend

@primer/primitives 8.2.4-rc.cbbd0a9a → 8.2.4-rc.d08fdd34

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

package/dist/css/functional/themes/dark-colorblind.css +2 -2
package/dist/css/functional/themes/dark-dimmed.css +2 -2
package/dist/css/functional/themes/dark-high-contrast.css +172 -172
package/dist/css/functional/themes/dark-tritanopia.css +2 -2
package/dist/css/functional/themes/dark.css +2 -2
package/dist/css/functional/themes/light-colorblind.css +2 -2
package/dist/css/functional/themes/light-high-contrast.css +116 -116
package/dist/css/functional/themes/light-tritanopia.css +2 -2
package/dist/css/functional/themes/light.css +2 -2
package/dist/docs/functional/themes/dark-colorblind.json +4 -4
package/dist/docs/functional/themes/dark-dimmed.json +5 -5
package/dist/docs/functional/themes/dark-high-contrast.json +226 -226
package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
package/dist/docs/functional/themes/dark.json +5 -5
package/dist/docs/functional/themes/light-colorblind.json +2 -2
package/dist/docs/functional/themes/light-high-contrast.json +174 -174
package/dist/docs/functional/themes/light-tritanopia.json +2 -2
package/dist/docs/functional/themes/light.json +2 -2
package/dist/figma/themes/dark-colorblind.json +43 -43
package/dist/figma/themes/dark-dimmed.json +62 -62
package/dist/figma/themes/dark-high-contrast.json +358 -358
package/dist/figma/themes/dark-tritanopia.json +43 -43
package/dist/figma/themes/dark.json +62 -62
package/dist/figma/themes/light-colorblind.json +4 -4
package/dist/figma/themes/light-high-contrast.json +222 -222
package/dist/figma/themes/light-tritanopia.json +4 -4
package/dist/figma/themes/light.json +4 -4
package/dist/internalCss/dark-colorblind.css +2 -2
package/dist/internalCss/dark-dimmed.css +2 -2
package/dist/internalCss/dark-high-contrast.css +172 -172
package/dist/internalCss/dark-tritanopia.css +2 -2
package/dist/internalCss/dark.css +2 -2
package/dist/internalCss/light-colorblind.css +2 -2
package/dist/internalCss/light-high-contrast.css +116 -116
package/dist/internalCss/light-tritanopia.css +2 -2
package/dist/internalCss/light.css +2 -2
package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
package/dist/styleLint/functional/themes/dark-dimmed.json +5 -5
package/dist/styleLint/functional/themes/dark-high-contrast.json +226 -226
package/dist/styleLint/functional/themes/dark-tritanopia.json +4 -4
package/dist/styleLint/functional/themes/dark.json +5 -5
package/dist/styleLint/functional/themes/light-colorblind.json +2 -2
package/dist/styleLint/functional/themes/light-high-contrast.json +174 -174
package/dist/styleLint/functional/themes/light-tritanopia.json +2 -2
package/dist/styleLint/functional/themes/light.json +2 -2
package/package.json +27 -26
package/src/formats/cssAdvanced.ts +3 -3
package/src/formats/cssCustomMedia.ts +2 -2
package/src/formats/javascriptCommonJs.ts +2 -2
package/src/formats/javascriptEsm.ts +2 -2
package/src/formats/jsonFigma.ts +2 -2
package/src/formats/jsonNestedPrefixed.ts +2 -2
package/src/formats/jsonOneDimensional.ts +2 -2
package/src/formats/jsonPostCssFallback.ts +2 -2
package/src/formats/typescriptExportDefinition.ts +2 -2
package/src/schemas/designToken.ts +1 -1
package/src/schemas/validTokenType.ts +1 -1
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +397 -0
package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +348 -0
package/src/tokens/functional/color/light/primitives-light.json5 +2 -2

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

@@ -14,6 +14,10 @@
       $value: '{base.color.neutral.5}',
       $type: 'color',
     },
+    neutral: {
+      $value: '{base.color.neutral.7}',
+      $type: 'color',
+    },
     success: {
       $value: '{base.color.green.6}',
       $type: 'color',
@@ -484,4 +488,348 @@
       alpha: null,
     },
   },
+  display: {
+    blue: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.blue.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.blue.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.blue.6}',
+          $type: 'color',
+        },
+      },
+    },
+    indigo: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.indigo.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.indigo.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.indigo.6}',
+          $type: 'color',
+        },
+      },
+    },
+    gray: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.gray.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.gray.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.gray.6}',
+          $type: 'color',
+        },
+      },
+    },
+    cyan: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.cyan.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.cyan.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.cyan.6}',
+          $type: 'color',
+        },
+      },
+    },
+    teal: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.teal.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.teal.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.teal.6}',
+          $type: 'color',
+        },
+      },
+    },
+    pine: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.pine.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.pine.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.pine.6}',
+          $type: 'color',
+        },
+      },
+    },
+    green: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.green.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.green.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.green.6}',
+          $type: 'color',
+        },
+      },
+    },
+    lime: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.lime.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.lime.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.lime.6}',
+          $type: 'color',
+        },
+      },
+    },
+    olive: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.olive.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.olive.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.olive.6}',
+          $type: 'color',
+        },
+      },
+    },
+    lemon: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.lemon.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.lemon.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.lemon.6}',
+          $type: 'color',
+        },
+      },
+    },
+    yellow: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.yellow.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.yellow.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.yellow.6}',
+          $type: 'color',
+        },
+      },
+    },
+    orange: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.orange.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.orange.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.orange.6}',
+          $type: 'color',
+        },
+      },
+    },
+    red: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.red.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.red.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.red.6}',
+          $type: 'color',
+        },
+      },
+    },
+    coral: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.coral.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.coral.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.coral.6}',
+          $type: 'color',
+        },
+      },
+    },
+    pink: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.pink.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.pink.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.pink.6}',
+          $type: 'color',
+        },
+      },
+    },
+    plum: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.plum.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.plum.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.plum.6}',
+          $type: 'color',
+        },
+      },
+    },
+    purple: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.purple.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.purple.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.purple.6}',
+          $type: 'color',
+        },
+      },
+    },
+    brown: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.brown.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.brown.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.brown.6}',
+          $type: 'color',
+        },
+      },
+    },
+    auburn: {
+      bgColor: {
+        emphasis: {
+          $value: '{base.display.color.auburn.7}',
+          $type: 'color',
+        },
+      },
+      fgColor: {
+        $value: '{base.display.color.auburn.8}',
+        $type: 'color',
+      },
+      borderColor: {
+        emphasis: {
+          $value: '{base.display.color.auburn.6}',
+          $type: 'color',
+        },
+      },
+    },
+  },
 }

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

@@ -101,7 +101,7 @@
       },
     },
     neutral: {
-      $value: '{base.color.neutral.5}',
+      $value: '{base.color.neutral.6}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -110,7 +110,7 @@
           group: 'semantic',
           scopes: ['fgColor'],
         },
-      },
+      }
     },
     accent: {
       $value: '{base.color.blue.5}',