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

@primer/primitives 8.2.4-rc.b28008e7 → 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 (64) hide show

package/dist/css/functional/themes/dark-colorblind.css +12 -12
package/dist/css/functional/themes/dark-dimmed.css +14 -14
package/dist/css/functional/themes/dark-high-contrast.css +250 -250
package/dist/css/functional/themes/dark-tritanopia.css +14 -14
package/dist/css/functional/themes/dark.css +14 -14
package/dist/css/functional/themes/light-colorblind.css +24 -24
package/dist/css/functional/themes/light-high-contrast.css +146 -146
package/dist/css/functional/themes/light-tritanopia.css +24 -24
package/dist/css/functional/themes/light.css +12 -12
package/dist/docs/functional/themes/dark-colorblind.json +149 -149
package/dist/docs/functional/themes/dark-dimmed.json +160 -158
package/dist/docs/functional/themes/dark-high-contrast.json +464 -454
package/dist/docs/functional/themes/dark-tritanopia.json +153 -153
package/dist/docs/functional/themes/dark.json +160 -158
package/dist/docs/functional/themes/light-colorblind.json +167 -173
package/dist/docs/functional/themes/light-high-contrast.json +362 -358
package/dist/docs/functional/themes/light-tritanopia.json +165 -171
package/dist/docs/functional/themes/light.json +159 -157
package/dist/figma/themes/dark-colorblind.json +198 -198
package/dist/figma/themes/dark-dimmed.json +201 -200
package/dist/figma/themes/dark-high-contrast.json +598 -596
package/dist/figma/themes/dark-tritanopia.json +200 -200
package/dist/figma/themes/dark.json +201 -200
package/dist/figma/themes/light-colorblind.json +217 -218
package/dist/figma/themes/light-high-contrast.json +393 -391
package/dist/figma/themes/light-tritanopia.json +216 -217
package/dist/figma/themes/light.json +139 -138
package/dist/internalCss/dark-colorblind.css +12 -12
package/dist/internalCss/dark-dimmed.css +14 -14
package/dist/internalCss/dark-high-contrast.css +250 -250
package/dist/internalCss/dark-tritanopia.css +14 -14
package/dist/internalCss/dark.css +14 -14
package/dist/internalCss/light-colorblind.css +24 -24
package/dist/internalCss/light-high-contrast.css +146 -146
package/dist/internalCss/light-tritanopia.css +24 -24
package/dist/internalCss/light.css +12 -12
package/dist/styleLint/functional/themes/dark-colorblind.json +149 -149
package/dist/styleLint/functional/themes/dark-dimmed.json +160 -158
package/dist/styleLint/functional/themes/dark-high-contrast.json +464 -454
package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -153
package/dist/styleLint/functional/themes/dark.json +160 -158
package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
package/dist/styleLint/functional/themes/light-high-contrast.json +362 -358
package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
package/dist/styleLint/functional/themes/light.json +159 -157
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 +512 -2
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
package/src/tokens/functional/color/dark/primitives-dark.json5 +66 -65
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +394 -0
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
package/src/tokens/functional/color/light/primitives-light.json5 +65 -64

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

@@ -14,14 +14,42 @@
       $value: '{base.color.neutral.5}',
       $type: 'color',
     },
+    neutral: {
+      $value: '{base.color.neutral.7}',
+      $type: 'color',
+    },
+    success: {
+      $value: '{base.color.green.6}',
+      $type: 'color',
+    },
     danger: {
       $value: '{base.color.red.6}',
       $type: 'color',
     },
+    attention: {
+      $value: '{base.color.yellow.6}',
+      $type: 'color',
+    },
+    severe: {
+      $value: '{base.color.orange.6}',
+      $type: 'color',
+    },
+    done: {
+      $value: '{base.color.purple.6}',
+      $type: 'color',
+    },
+    accent: {
+      $value: '{base.color.blue.6}',
+      $type: 'color',
+    },
     accent: {
       $value: '{base.color.blue.6}',
       $type: 'color',
     },
+    sponsors: {
+      $value: '{base.color.pink.6}',
+      $type: 'color',
+    },
   },
   bgColor: {
     muted: {
@@ -38,6 +66,11 @@
         $type: 'color',
         alpha: 1,
       },
+      emphasis: {
+        $value: '{base.color.neutral.6}',
+        $type: 'color',
+        alpha: 1,
+      },
     },
     disabled: {
       $value: '{base.color.neutral.2}',
@@ -97,6 +130,13 @@
         $type: 'color',
       },
     },
+    open: {
+      muted: {
+        $value: '{borderColor.success.muted}',
+        $type: 'color',
+        alpha: 1,
+      },
+    },
     attention: {
       muted: {
         $value: '{base.color.yellow.3}',
@@ -158,6 +198,16 @@
     },
   },
   control: {
+    fgColor: {
+      placeholder: {
+        $value: '{base.color.neutral.6}',
+        $type: 'color',
+        mix: {
+          color: '{base.color.neutral.7}',
+          weight: 0.2,
+        },
+      },
+    },
     bgColor: {
       rest: {
         $value: '{base.color.neutral.1}',
@@ -438,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/overrides/light.protanopia-deuteranopia.json5 CHANGED Viewed

@@ -33,12 +33,9 @@
         $type: 'color',
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
-        mix: {
-          color: '{base.color.blue.5}',
-          weight: 0.75,
-        },
+        mix: null
       },
     },
     open: {
@@ -104,7 +101,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
       },
     },

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

@@ -29,12 +29,9 @@
         $type: 'color',
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
-        mix: {
-          color: '{base.color.blue.5}',
-          weight: 0.75,
-        },
+        mix: null
       },
     },
     open: {
@@ -76,7 +73,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
       },
     },