@primer/primitives 10.0.0-rc.fd912e08 → 10.0.0

package/dist/build/utilities/copyFromDir.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* istanbul ignore file */
+import { copyFile, readdir, mkdir } from 'fs/promises';
+/**
+ * copyFromDir
+ * @description Copies all files from source folder to destination
+ * @param source path
+ * @param destination path
+ * @returns promise of file name array
+ */
+export const copyFromDir = (source, destination) => __awaiter(void 0, void 0, void 0, function* () {
+    // adjust trailing slash
+    const src = `${source.replace(/\/$/, '')}`;
+    const dest = `${destination.replace(/\/$/, '')}`;
+    // create dest if it does not exists
+    yield mkdir(dest, { recursive: true });
+    // read files from source
+    const files = yield readdir(src);
+    for (const file of files) {
+        copyFile(`${src}/${file}`, `${dest}/${file}`);
+    }
+    return files;
+});

package/dist/build/utilities/filterStringArray.d.ts

@@ -0,0 +1 @@
+export declare const filterStringArray: (string: string[]) => string[];

package/dist/build/utilities/filterStringArray.js

@@ -0,0 +1,13 @@
+export const filterStringArray = (string) => {
+    // match unsupported characters
+    const regex = /[^a-zA-Z0-9]+/g;
+    // replace any non-letter and non-number character and split into word array
+    const stringArray = string
+        .filter(Boolean)
+        .join(' ')
+        .replace(regex, ' ')
+        .split(' ')
+        // remove undefined if exists
+        .filter((part) => Boolean(part) && typeof part === 'string');
+    return stringArray;
+};

package/dist/build/utilities/getFlag.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Get the value of a flag from the command line
+ * @param flag name of the flag to get
+ * @param prefix default `--` but can be changed to `-` the part to the left of the flag name
+ * @returns null if flag is not found, otherwise the value of the flag or the flag name if the flag has no value
+ * @example `getFlag('--silent')` returns `null` if `--silent` is not found, `--silent` if `--silent` is found with no value, and `true` if `--silent=true` is found
+ */
+export declare const getFlag: (flag: string, prefix?: string) => string | null;

package/dist/build/utilities/getFlag.js

@@ -0,0 +1,12 @@
+/**
+ * Get the value of a flag from the command line
+ * @param flag name of the flag to get
+ * @param prefix default `--` but can be changed to `-` the part to the left of the flag name
+ * @returns null if flag is not found, otherwise the value of the flag or the flag name if the flag has no value
+ * @example `getFlag('--silent')` returns `null` if `--silent` is not found, `--silent` if `--silent` is found with no value, and `true` if `--silent=true` is found
+ */
+export const getFlag = (flag, prefix = '--') => {
+    flag = `${prefix}${flag.replace(prefix, '')}`;
+    const index = process.argv.findIndex(arg => arg === flag || arg.startsWith(`${flag}=`));
+    return index === -1 ? null : process.argv[index].replace(`${flag}=`, '');
+};

package/dist/build/utilities/index.d.ts

@@ -0,0 +1,9 @@
+export { copyFromDir } from './copyFromDir.js';
+export { filterStringArray } from './filterStringArray.js';
+export { getFlag } from './getFlag.js';
+export { joinFriendly } from './joinFriendly.js';
+export { schemaErrorMessage } from './schemaErrorMessage.js';
+export { toCamelCase } from './toCamelCase.js';
+export { toPascalCase } from './toPascalCase.js';
+export { treeWalker } from './treeWalker.js';
+export { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';

package/dist/build/utilities/index.js

@@ -0,0 +1,9 @@
+export { copyFromDir } from './copyFromDir.js';
+export { filterStringArray } from './filterStringArray.js';
+export { getFlag } from './getFlag.js';
+export { joinFriendly } from './joinFriendly.js';
+export { schemaErrorMessage } from './schemaErrorMessage.js';
+export { toCamelCase } from './toCamelCase.js';
+export { toPascalCase } from './toPascalCase.js';
+export { treeWalker } from './treeWalker.js';
+export { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';

package/dist/build/utilities/joinFriendly.d.ts

@@ -0,0 +1 @@
+export declare const joinFriendly: (array: string[], lastJoin?: string) => string;

package/dist/build/utilities/joinFriendly.js

@@ -0,0 +1 @@
+export const joinFriendly = (array, lastJoin = 'and') => array.length > 1 ? `${array.slice(0, -1).join(', ')} ${lastJoin} ${array.slice(-1)}` : `${array[0]}`;

package/dist/build/utilities/schemaErrorMessage.d.ts

@@ -0,0 +1 @@
+export declare const schemaErrorMessage: (title: string, description?: string) => string;

package/dist/build/utilities/schemaErrorMessage.js

@@ -0,0 +1 @@
+export const schemaErrorMessage = (title, description) => `**${title}**${description ? `\n${description}` : ``}`;

package/dist/build/utilities/toCamelCase.d.ts

@@ -0,0 +1 @@
+export declare const toCamelCase: (string: string | string[]) => string;

package/dist/build/utilities/toCamelCase.js

@@ -0,0 +1,16 @@
+import { filterStringArray } from './filterStringArray.js';
+import { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';
+export const toCamelCase = (string) => {
+    if (!Array.isArray(string)) {
+        string = [string];
+    }
+    return (filterStringArray(string)
+        // ucFirst all but first part
+        .map((part, index) => {
+        if (index > 0) {
+            return upperCaseFirstCharacter(part);
+        }
+        return part;
+    })
+        .join(''));
+};

package/dist/build/utilities/toPascalCase.d.ts

@@ -0,0 +1 @@
+export declare const toPascalCase: (string: string | string[]) => string;

package/dist/build/utilities/toPascalCase.js

@@ -0,0 +1,13 @@
+import { filterStringArray } from './filterStringArray.js';
+import { upperCaseFirstCharacter } from './upperCaseFirstCharacter.js';
+export const toPascalCase = (string) => {
+    if (!Array.isArray(string)) {
+        string = [string];
+    }
+    return (filterStringArray(string)
+        // ucFirst all but first part
+        .map((part) => {
+        return upperCaseFirstCharacter(part);
+    })
+        .join(''));
+};

package/dist/build/utilities/treeWalker.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description converts tokens to type and returns array with used type
+ * @param tree object
+ * @param callback function to be run on valid items
+ * @param validItem function to test if a node is a validItem to be transformed
+ * @returns object
+ */
+export declare const treeWalker: (tree: unknown, callback: <T>(argument: T) => unknown, isValidItem: (argument: unknown) => boolean) => unknown;

package/dist/build/utilities/treeWalker.js

@@ -0,0 +1,23 @@
+/**
+ * @description converts tokens to type and returns array with used type
+ * @param tree object
+ * @param callback function to be run on valid items
+ * @param validItem function to test if a node is a validItem to be transformed
+ * @returns object
+ */
+export const treeWalker = (tree, callback, isValidItem) => {
+    // is a valid item -> pass through callback
+    if (isValidItem(tree)) {
+        return callback(tree);
+    }
+    // is non-object value -> ignore
+    if (typeof tree !== 'object' || tree === null) {
+        return;
+    }
+    // is obj -> continue
+    const nextObj = {};
+    for (const [prop, value] of Object.entries(tree)) {
+        nextObj[prop] = treeWalker(value, callback, isValidItem);
+    }
+    return nextObj;
+};

package/dist/build/utilities/upperCaseFirstCharacter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * upperCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export declare const upperCaseFirstCharacter: ([firstLetter, ...restOfWord]: string) => string;

package/dist/build/utilities/upperCaseFirstCharacter.js

@@ -0,0 +1,10 @@
+/**
+ * upperCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export const upperCaseFirstCharacter = ([firstLetter, ...restOfWord]) => {
+    return firstLetter.toUpperCase() + restOfWord.join('');
+};

package/dist/css/base/motion/motion.css

@@ -0,0 +1,17 @@
+:root {
+  --base-easing-linear: cubic-bezier(0, 0, 1, 1); /* Ideal for non-movement properties, like opacity or background color. */
+  --base-easing-easeIn: cubic-bezier(0.7, 0.1, 0.75, 0.9); /* Ideal for movement that starts on the page and ends off the page. */
+  --base-easing-easeOut: cubic-bezier(0.16, 1, 0.3, 1); /* Ideal for movement that starts off the page and ends on the page. */
+  --base-easing-easeInOut: cubic-bezier(0.6, 0, 0.2, 1); /* Ideal for movement that starts and ends on the page. */
+  --base-duration-0: 0ms;
+  --base-duration-75: 75ms;
+  --base-duration-200: 200ms;
+  --base-duration-300: 300ms;
+  --base-duration-400: 400ms;
+  --base-duration-500: 500ms;
+  --base-duration-600: 600ms;
+  --base-duration-700: 700ms;
+  --base-duration-800: 800ms;
+  --base-duration-900: 900ms;
+  --base-duration-1000: 1s;
+}

package/dist/css/functional/motion/motion.css

@@ -1,5 +1,6 @@
 :root {
-  --motion-skeletonLoader-shimmer-duration-scale: 1s; /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
-  --motion-spinner-duration-rotation: 1s; /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
-  --motion-loading-delay-default: 1s; /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
+  --motion-loading-delay-default: var(--base-duration-1000); /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
+  --motion-spinner-duration-rotation: var(--base-duration-1000); /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
+  --motion-spinner-easing-rotation: var(--base-easing-linear); /* The easing curve for the "Spinner" loading indicator rotation */
+  --motion-skeletonLoader-shimmer-duration-scale: var(--base-duration-1000); /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
 }

package/dist/css/functional/themes/dark-colorblind.css

@@ -5,17 +5,26 @@
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-  --diffBlob-addition-fgColor-text: #f0f6fc;
-  --diffBlob-addition-fgColor-num: #f0f6fc;
-  --diffBlob-addition-bgColor-num: #58a6ff4d;
-  --diffBlob-addition-bgColor-line: #388bfd26;
-  --diffBlob-addition-bgColor-word: #388bfd66;
-  --diffBlob-deletion-fgColor-text: #f0f6fc;
-  --diffBlob-deletion-fgColor-num: #f0f6fc;
-  --diffBlob-deletion-bgColor-num: #db6d284d;
-  --diffBlob-deletion-bgColor-line: #db6d2826;
-  --diffBlob-deletion-bgColor-word: #db6d2866;
-  --diffBlob-hunk-bgColor-num: #388bfd66;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #388bfd26;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #388bfd66;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #db6d2826;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #db6d2866;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #db6d284d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #212830;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #2f3742;
+  --diffBlob-hunkNum-bgColor-hover: #656c76;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
   --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
@@ -186,7 +195,7 @@
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-active: #00000000;
-  --control-danger-fgColor-rest: #db6d28;
+  --control-danger-fgColor-rest: #f0883e;
   --control-danger-fgColor-hover: #f0883e;
   --control-danger-bgColor-hover: #db6d281a;
   --control-danger-bgColor-active: #db6d2866;
@@ -242,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -264,11 +274,11 @@
   --button-outline-borderColor-hover: #3d444d;
   --button-outline-borderColor-selected: #3d444d;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #db6d28;
+  --button-danger-fgColor-rest: #f0883e;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #db6d2880;
-  --button-danger-iconColor-rest: #db6d28;
+  --button-danger-fgColor-disabled: #f0883e80;
+  --button-danger-iconColor-rest: #f0883e;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #212830;
   --button-danger-bgColor-hover: #9b4215;
@@ -293,9 +303,9 @@
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #bd561d0d;
   --buttonCounter-danger-bgColor-rest: #49020233;
-  --buttonCounter-danger-fgColor-rest: #db6d28;
+  --buttonCounter-danger-fgColor-rest: #f0883e;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #db6d2880;
+  --buttonCounter-danger-fgColor-disabled: #f0883e80;
   --reactionButton-selected-bgColor-rest: #388bfd33;
   --reactionButton-selected-bgColor-hover: #3a8cfd5c;
   --reactionButton-selected-fgColor-rest: #4493f8;
@@ -446,7 +456,7 @@
   --fgColor-open: #f0883e;
   --fgColor-attention: #d29922;
   --fgColor-severe: #db6d28;
-  --fgColor-danger: #db6d28;
+  --fgColor-danger: #f0883e;
   --fgColor-closed: #9198a1;
   --fgColor-done: #ab7df8;
   --fgColor-upsell: #ab7df8;
@@ -466,7 +476,7 @@
   --bgColor-accent-emphasis: #1f6feb;
   --bgColor-success-muted: #388bfd26;
   --bgColor-success-emphasis: #1f6feb;
-  --bgColor-open-muted: #db6d2866;
+  --bgColor-open-muted: #db6d2833;
   --bgColor-open-emphasis: #bd561d;
   --bgColor-attention-muted: #bb800926;
   --bgColor-attention-emphasis: #9e6a03;
@@ -574,17 +584,26 @@
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
-    --diffBlob-addition-fgColor-text: #f0f6fc;
-    --diffBlob-addition-fgColor-num: #f0f6fc;
-    --diffBlob-addition-bgColor-num: #58a6ff4d;
-    --diffBlob-addition-bgColor-line: #388bfd26;
-    --diffBlob-addition-bgColor-word: #388bfd66;
-    --diffBlob-deletion-fgColor-text: #f0f6fc;
-    --diffBlob-deletion-fgColor-num: #f0f6fc;
-    --diffBlob-deletion-bgColor-num: #db6d284d;
-    --diffBlob-deletion-bgColor-line: #db6d2826;
-    --diffBlob-deletion-bgColor-word: #db6d2866;
-    --diffBlob-hunk-bgColor-num: #388bfd66;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #388bfd26;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #388bfd66;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #db6d2826;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #db6d2866;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #db6d284d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #212830;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #2f3742;
+    --diffBlob-hunkNum-bgColor-hover: #656c76;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
     --diffBlob-expander-iconColor: #9198a1;
     --codeMirror-fgColor: #f0f6fc;
     --codeMirror-bgColor: #0d1117;
@@ -755,7 +774,7 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #db6d28;
+    --control-danger-fgColor-rest: #f0883e;
     --control-danger-fgColor-hover: #f0883e;
     --control-danger-bgColor-hover: #db6d281a;
     --control-danger-bgColor-active: #db6d2866;
@@ -811,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;
@@ -833,11 +853,11 @@
     --button-outline-borderColor-hover: #3d444d;
     --button-outline-borderColor-selected: #3d444d;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #db6d28;
+    --button-danger-fgColor-rest: #f0883e;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #db6d2880;
-    --button-danger-iconColor-rest: #db6d28;
+    --button-danger-fgColor-disabled: #f0883e80;
+    --button-danger-iconColor-rest: #f0883e;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #212830;
     --button-danger-bgColor-hover: #9b4215;
@@ -862,9 +882,9 @@
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bd561d0d;
     --buttonCounter-danger-bgColor-rest: #49020233;
-    --buttonCounter-danger-fgColor-rest: #db6d28;
+    --buttonCounter-danger-fgColor-rest: #f0883e;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #db6d2880;
+    --buttonCounter-danger-fgColor-disabled: #f0883e80;
     --reactionButton-selected-bgColor-rest: #388bfd33;
     --reactionButton-selected-bgColor-hover: #3a8cfd5c;
     --reactionButton-selected-fgColor-rest: #4493f8;
@@ -1015,7 +1035,7 @@
     --fgColor-open: #f0883e;
     --fgColor-attention: #d29922;
     --fgColor-severe: #db6d28;
-    --fgColor-danger: #db6d28;
+    --fgColor-danger: #f0883e;
     --fgColor-closed: #9198a1;
     --fgColor-done: #ab7df8;
     --fgColor-upsell: #ab7df8;
@@ -1035,7 +1055,7 @@
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #388bfd26;
     --bgColor-success-emphasis: #1f6feb;
-    --bgColor-open-muted: #db6d2866;
+    --bgColor-open-muted: #db6d2833;
     --bgColor-open-emphasis: #bd561d;
     --bgColor-attention-muted: #bb800926;
     --bgColor-attention-emphasis: #9e6a03;

package/dist/css/functional/themes/dark-dimmed.css

@@ -5,18 +5,27 @@
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #c6902666;
   --page-header-bgColor: #212830;
-  --diffBlob-addition-fgColor-text: #d1d7e0;
-  --diffBlob-addition-fgColor-num: #d1d7e0;
-  --diffBlob-addition-bgColor-num: #57ab5a4d;
-  --diffBlob-addition-bgColor-line: #46954a26;
-  --diffBlob-addition-bgColor-word: #46954a66;
-  --diffBlob-deletion-fgColor-text: #d1d7e0;
-  --diffBlob-deletion-fgColor-num: #d1d7e0;
-  --diffBlob-deletion-bgColor-num: #e5534b4d;
-  --diffBlob-deletion-bgColor-line: #e5534b26;
-  --diffBlob-deletion-bgColor-word: #e5534b66;
-  --diffBlob-hunk-bgColor-num: #4184e466;
-  --diffBlob-expander-iconColor: #d1d7e0;
+  --diffBlob-additionLine-fgColor: #d1d7e0;
+  --diffBlob-additionLine-bgColor: #46954a26;
+  --diffBlob-additionWord-fgColor: #d1d7e0;
+  --diffBlob-additionWord-bgColor: #46954a66;
+  --diffBlob-additionNum-fgColor: #d1d7e0;
+  --diffBlob-additionNum-bgColor: #57ab5a4d;
+  --diffBlob-deletionLine-fgColor: #d1d7e0;
+  --diffBlob-deletionLine-bgColor: #e5534b1a;
+  --diffBlob-deletionWord-fgColor: #d1d7e0;
+  --diffBlob-deletionWord-bgColor: #e5534b66;
+  --diffBlob-deletionNum-fgColor: #d1d7e0;
+  --diffBlob-deletionNum-bgColor: #e5534b4d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #4184e41a;
+  --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
+  --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
+  --diffBlob-hunkNum-bgColor-rest: #143d79;
+  --diffBlob-hunkNum-bgColor-hover: #316dca;
+  --diffBlob-emptyNum-bgColor: #262c36;
+  --diffBlob-emptyLine-bgColor: #262c36;
+  --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #d1d7e0;
   --codeMirror-bgColor: #212830;
   --codeMirror-gutters-bgColor: #212830;
@@ -242,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #d1d7e0;
   --button-invisible-fgColor-hover: #d1d7e0;
+  --button-invisible-fgColor-active: #d1d7e0;
   --button-invisible-fgColor-disabled: #656c76;
   --button-invisible-iconColor-rest: #b7bdc8;
   --button-invisible-iconColor-hover: #b7bdc8;
@@ -574,18 +584,27 @@
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #c6902666;
     --page-header-bgColor: #212830;
-    --diffBlob-addition-fgColor-text: #d1d7e0;
-    --diffBlob-addition-fgColor-num: #d1d7e0;
-    --diffBlob-addition-bgColor-num: #57ab5a4d;
-    --diffBlob-addition-bgColor-line: #46954a26;
-    --diffBlob-addition-bgColor-word: #46954a66;
-    --diffBlob-deletion-fgColor-text: #d1d7e0;
-    --diffBlob-deletion-fgColor-num: #d1d7e0;
-    --diffBlob-deletion-bgColor-num: #e5534b4d;
-    --diffBlob-deletion-bgColor-line: #e5534b26;
-    --diffBlob-deletion-bgColor-word: #e5534b66;
-    --diffBlob-hunk-bgColor-num: #4184e466;
-    --diffBlob-expander-iconColor: #d1d7e0;
+    --diffBlob-additionLine-fgColor: #d1d7e0;
+    --diffBlob-additionLine-bgColor: #46954a26;
+    --diffBlob-additionWord-fgColor: #d1d7e0;
+    --diffBlob-additionWord-bgColor: #46954a66;
+    --diffBlob-additionNum-fgColor: #d1d7e0;
+    --diffBlob-additionNum-bgColor: #57ab5a4d;
+    --diffBlob-deletionLine-fgColor: #d1d7e0;
+    --diffBlob-deletionLine-bgColor: #e5534b1a;
+    --diffBlob-deletionWord-fgColor: #d1d7e0;
+    --diffBlob-deletionWord-bgColor: #e5534b66;
+    --diffBlob-deletionNum-fgColor: #d1d7e0;
+    --diffBlob-deletionNum-bgColor: #e5534b4d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #4184e41a;
+    --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
+    --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
+    --diffBlob-hunkNum-bgColor-rest: #143d79;
+    --diffBlob-hunkNum-bgColor-hover: #316dca;
+    --diffBlob-emptyNum-bgColor: #262c36;
+    --diffBlob-emptyLine-bgColor: #262c36;
+    --diffBlob-expander-iconColor: #9198a1;
     --codeMirror-fgColor: #d1d7e0;
     --codeMirror-bgColor: #212830;
     --codeMirror-gutters-bgColor: #212830;
@@ -811,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #d1d7e0;
     --button-invisible-fgColor-hover: #d1d7e0;
+    --button-invisible-fgColor-active: #d1d7e0;
     --button-invisible-fgColor-disabled: #656c76;
     --button-invisible-iconColor-rest: #b7bdc8;
     --button-invisible-iconColor-hover: #b7bdc8;

package/dist/css/functional/themes/dark-high-contrast.css

@@ -5,17 +5,26 @@
   --topicTag-borderColor: #409eff;
   --highlight-neutral-bgColor: #f0b72f66;
   --page-header-bgColor: #010409;
-  --diffBlob-addition-fgColor-text: #ffffff;
-  --diffBlob-addition-fgColor-num: #ffffff;
-  --diffBlob-addition-bgColor-num: #28d7514d;
-  --diffBlob-addition-bgColor-line: #0ac74026;
-  --diffBlob-addition-bgColor-word: #006222;
-  --diffBlob-deletion-fgColor-text: #ffffff;
-  --diffBlob-deletion-fgColor-num: #ffffff;
-  --diffBlob-deletion-bgColor-num: #ff80804d;
-  --diffBlob-deletion-bgColor-line: #ff808026;
-  --diffBlob-deletion-bgColor-word: #ad0116;
-  --diffBlob-hunk-bgColor-num: #5cacff66;
+  --diffBlob-additionLine-fgColor: #ffffff;
+  --diffBlob-additionLine-bgColor: #0ac74033;
+  --diffBlob-additionWord-fgColor: #ffffff;
+  --diffBlob-additionWord-bgColor: #006222;
+  --diffBlob-additionNum-fgColor: #ffffff;
+  --diffBlob-additionNum-bgColor: #28d7514d;
+  --diffBlob-deletionLine-fgColor: #ffffff;
+  --diffBlob-deletionLine-bgColor: #ff808033;
+  --diffBlob-deletionWord-fgColor: #ffffff;
+  --diffBlob-deletionWord-bgColor: #ad0116;
+  --diffBlob-deletionNum-fgColor: #ffffff;
+  --diffBlob-deletionNum-bgColor: #ff80804d;
+  --diffBlob-hunkLine-fgColor: #b7bdc8;
+  --diffBlob-hunkLine-bgColor: #5cacff33;
+  --diffBlob-hunkNum-fgColor-rest: #ffffff;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #5cacff66;
+  --diffBlob-hunkNum-bgColor-hover: #194fb1;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
   --diffBlob-expander-iconColor: #ffffff;
   --codeMirror-fgColor: #ffffff;
   --codeMirror-bgColor: #010409;
@@ -242,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #ffffff;
   --button-invisible-fgColor-hover: #ffffff;
+  --button-invisible-fgColor-active: #ffffff;
   --button-invisible-fgColor-disabled: #656c76;
   --button-invisible-iconColor-rest: #d1d7e0;
   --button-invisible-iconColor-hover: #d1d7e0;
@@ -574,17 +584,26 @@
     --topicTag-borderColor: #409eff;
     --highlight-neutral-bgColor: #f0b72f66;
     --page-header-bgColor: #010409;
-    --diffBlob-addition-fgColor-text: #ffffff;
-    --diffBlob-addition-fgColor-num: #ffffff;
-    --diffBlob-addition-bgColor-num: #28d7514d;
-    --diffBlob-addition-bgColor-line: #0ac74026;
-    --diffBlob-addition-bgColor-word: #006222;
-    --diffBlob-deletion-fgColor-text: #ffffff;
-    --diffBlob-deletion-fgColor-num: #ffffff;
-    --diffBlob-deletion-bgColor-num: #ff80804d;
-    --diffBlob-deletion-bgColor-line: #ff808026;
-    --diffBlob-deletion-bgColor-word: #ad0116;
-    --diffBlob-hunk-bgColor-num: #5cacff66;
+    --diffBlob-additionLine-fgColor: #ffffff;
+    --diffBlob-additionLine-bgColor: #0ac74033;
+    --diffBlob-additionWord-fgColor: #ffffff;
+    --diffBlob-additionWord-bgColor: #006222;
+    --diffBlob-additionNum-fgColor: #ffffff;
+    --diffBlob-additionNum-bgColor: #28d7514d;
+    --diffBlob-deletionLine-fgColor: #ffffff;
+    --diffBlob-deletionLine-bgColor: #ff808033;
+    --diffBlob-deletionWord-fgColor: #ffffff;
+    --diffBlob-deletionWord-bgColor: #ad0116;
+    --diffBlob-deletionNum-fgColor: #ffffff;
+    --diffBlob-deletionNum-bgColor: #ff80804d;
+    --diffBlob-hunkLine-fgColor: #b7bdc8;
+    --diffBlob-hunkLine-bgColor: #5cacff33;
+    --diffBlob-hunkNum-fgColor-rest: #ffffff;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #5cacff66;
+    --diffBlob-hunkNum-bgColor-hover: #194fb1;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
     --diffBlob-expander-iconColor: #ffffff;
     --codeMirror-fgColor: #ffffff;
     --codeMirror-bgColor: #010409;
@@ -811,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #ffffff;
     --button-invisible-fgColor-hover: #ffffff;
+    --button-invisible-fgColor-active: #ffffff;
     --button-invisible-fgColor-disabled: #656c76;
     --button-invisible-iconColor-rest: #d1d7e0;
     --button-invisible-iconColor-hover: #d1d7e0;