@primer/primitives 10.3.0-rc.416d4297 → 10.3.0-rc.8d184d75

package/dist/build/platforms/figma.js

@@ -24,40 +24,44 @@ const validFigmaToken = (token, options) => __awaiter(void 0, void 0, void 0, fu
     // is a color or dimension type
     return validTypes.includes(token.$type);
 });
-export const figma = (outputFile, prefix, buildPath, options) => ({
-    prefix,
-    buildPath,
-    preprocessors: ['themeOverrides'],
-    transforms: [
-        'color/rgbaFloat',
-        'fontFamily/figma',
-        'float/pixelUnitless',
-        'dimension/pixelUnitless',
-        // 'border/figma',
-        // 'typography/figma',
-        'fontWeight/number',
-        'figma/attributes',
-        'name/pathToFigma',
-    ],
-    options: Object.assign(Object.assign({ basePxFontSize: 16, fontFamilies: {
-            'fontStack/system': 'SF Pro Text',
-            'fontStack/sansSerif': 'SF Pro Text',
-            'fontStack/sansSerifDisplay': 'SF Pro Display',
-            'fontStack/monospace': 'SF Mono',
-        } }, options), { theme: options === null || options === void 0 ? void 0 : options.theme[0].replaceAll('-', ' '), themeOverrides: {
-            theme: options === null || options === void 0 ? void 0 : options.theme,
-        } }),
-    files: [
-        {
-            destination: outputFile,
-            filter: (token, config) => {
-                return validFigmaToken(token, config);
+export const figma = (outputFile, prefix, buildPath, options = {}) => {
+    const { theme } = options;
+    const figmaTheme = ((theme === null || theme === void 0 ? void 0 : theme[0]) || '').replaceAll('-', ' ');
+    return {
+        prefix,
+        buildPath,
+        preprocessors: ['themeOverrides'],
+        transforms: [
+            'color/rgbaFloat',
+            'fontFamily/figma',
+            'float/pixelUnitless',
+            'dimension/pixelUnitless',
+            // 'border/figma',
+            // 'typography/figma',
+            'fontWeight/number',
+            'figma/attributes',
+            'name/pathToFigma',
+        ],
+        options: Object.assign(Object.assign({ basePxFontSize: 16, fontFamilies: {
+                'fontStack/system': 'SF Pro Text',
+                'fontStack/sansSerif': 'SF Pro Text',
+                'fontStack/sansSerifDisplay': 'SF Pro Display',
+                'fontStack/monospace': 'SF Mono',
+            } }, options), { theme: figmaTheme, themeOverrides: {
+                theme: options.theme,
+            } }),
+        files: [
+            {
+                destination: outputFile,
+                filter: (token, config) => {
+                    return validFigmaToken(token, config);
+                },
+                format: `json/figma`,
+                options: {
+                    outputReferences: true,
+                    theme: figmaTheme,
+                },
             },
-            format: `json/figma`,
-            options: {
-                outputReferences: true,
-                theme: options === null || options === void 0 ? void 0 : options.theme[0].replaceAll('-', ' '),
-            },
-        },
-    ],
-});
+        ],
+    };
+};

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

@@ -30,8 +30,8 @@
   --bgColor-muted: #151b23;
   --bgColor-neutral-emphasis: #656c76;
   --bgColor-neutral-muted: #656c7633;
-  --bgColor-open-emphasis: #bd561d;
-  --bgColor-open-muted: #db6d2833;
+  --bgColor-open-emphasis: #1f6feb;
+  --bgColor-open-muted: #388bfd33;
   --bgColor-severe-emphasis: #bd561d;
   --bgColor-severe-muted: #db6d281a;
   --bgColor-sponsors-emphasis: #bf4b8a;
@@ -50,8 +50,8 @@
   --borderColor-done-emphasis: #8957e5;
   --borderColor-done-muted: #ab7df866;
   --borderColor-emphasis: #656c76;
-  --borderColor-open-emphasis: #db6d28;
-  --borderColor-open-muted: #db6d2866;
+  --borderColor-open-emphasis: #388bfd;
+  --borderColor-open-muted: #388bfd66;
   --borderColor-severe-emphasis: #bd561d;
   --borderColor-severe-muted: #db6d2866;
   --borderColor-sponsors-emphasis: #bf4b8a;
@@ -284,7 +284,7 @@
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;
   --fgColor-neutral: #9198a1;
-  --fgColor-open: #f0883e;
+  --fgColor-open: #58a6ff;
   --fgColor-severe: #db6d28;
   --fgColor-sponsors: #db61a2;
   --fgColor-success: #58a6ff;
@@ -636,8 +636,8 @@
     --bgColor-muted: #151b23;
     --bgColor-neutral-emphasis: #656c76;
     --bgColor-neutral-muted: #656c7633;
-    --bgColor-open-emphasis: #bd561d;
-    --bgColor-open-muted: #db6d2833;
+    --bgColor-open-emphasis: #1f6feb;
+    --bgColor-open-muted: #388bfd33;
     --bgColor-severe-emphasis: #bd561d;
     --bgColor-severe-muted: #db6d281a;
     --bgColor-sponsors-emphasis: #bf4b8a;
@@ -656,8 +656,8 @@
     --borderColor-done-emphasis: #8957e5;
     --borderColor-done-muted: #ab7df866;
     --borderColor-emphasis: #656c76;
-    --borderColor-open-emphasis: #db6d28;
-    --borderColor-open-muted: #db6d2866;
+    --borderColor-open-emphasis: #388bfd;
+    --borderColor-open-muted: #388bfd66;
     --borderColor-severe-emphasis: #bd561d;
     --borderColor-severe-muted: #db6d2866;
     --borderColor-sponsors-emphasis: #bf4b8a;
@@ -890,7 +890,7 @@
     --fgColor-link: var(--fgColor-accent);
     --fgColor-muted: #9198a1;
     --fgColor-neutral: #9198a1;
-    --fgColor-open: #f0883e;
+    --fgColor-open: #58a6ff;
     --fgColor-severe: #db6d28;
     --fgColor-sponsors: #db61a2;
     --fgColor-success: #58a6ff;

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

@@ -412,7 +412,6 @@
   --sideNav-bgColor-selected: #212830;
   --skeletonLoader-bgColor: #2a313c;
   --timelineBadge-bgColor: #212830;
-  --topicTag-borderColor: #00000000;
   --underlineNav-borderColor-active: #ff967d;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffffe6;
@@ -534,6 +533,7 @@
   --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
   --shadow-resting-small: 0px 1px 0px 0px #01040966;
   --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --topicTag-borderColor: var(--borderColor-accent-emphasis);
   --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
   --underlineNav-iconColor-rest: var(--fgColor-muted);
   --border-closed-emphasis: var(--border-danger-emphasis);
@@ -1018,7 +1018,6 @@
     --sideNav-bgColor-selected: #212830;
     --skeletonLoader-bgColor: #2a313c;
     --timelineBadge-bgColor: #212830;
-    --topicTag-borderColor: #00000000;
     --underlineNav-borderColor-active: #ff967d;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #ffffffe6;
@@ -1140,6 +1139,7 @@
     --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
     --shadow-resting-small: 0px 1px 0px 0px #01040966;
     --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --topicTag-borderColor: var(--borderColor-accent-emphasis);
     --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
     --underlineNav-iconColor-rest: var(--fgColor-muted);
     --border-closed-emphasis: var(--border-danger-emphasis);

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

@@ -29,8 +29,8 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-neutral-emphasis: #59636e;
   --bgColor-neutral-muted: #818b981f;
-  --bgColor-open-emphasis: #bc4c00;
-  --bgColor-open-muted: #fff1e5;
+  --bgColor-open-emphasis: #0969da;
+  --bgColor-open-muted: #ddf4ff;
   --bgColor-severe-emphasis: #bc4c00;
   --bgColor-severe-muted: #fff1e5;
   --bgColor-sponsors-emphasis: #bf3989;
@@ -50,8 +50,8 @@
   --borderColor-done-muted: #c297ff66;
   --borderColor-emphasis: #818b98;
   --borderColor-neutral-emphasis: #59636e;
-  --borderColor-open-emphasis: #e16f24;
-  --borderColor-open-muted: #fb8f4466;
+  --borderColor-open-emphasis: #218bff;
+  --borderColor-open-muted: #54aeff66;
   --borderColor-severe-emphasis: #bc4c00;
   --borderColor-severe-muted: #fb8f4466;
   --borderColor-sponsors-emphasis: #bf3989;
@@ -266,7 +266,7 @@
   --fgColor-done: #8250df;
   --fgColor-muted: #59636e;
   --fgColor-neutral: #59636e;
-  --fgColor-open: #bc4c00;
+  --fgColor-open: #0969da;
   --fgColor-severe: #bc4c00;
   --fgColor-sponsors: #bf3989;
   --fgColor-success: #0969da;
@@ -635,8 +635,8 @@
     --bgColor-muted: #f6f8fa;
     --bgColor-neutral-emphasis: #59636e;
     --bgColor-neutral-muted: #818b981f;
-    --bgColor-open-emphasis: #bc4c00;
-    --bgColor-open-muted: #fff1e5;
+    --bgColor-open-emphasis: #0969da;
+    --bgColor-open-muted: #ddf4ff;
     --bgColor-severe-emphasis: #bc4c00;
     --bgColor-severe-muted: #fff1e5;
     --bgColor-sponsors-emphasis: #bf3989;
@@ -656,8 +656,8 @@
     --borderColor-done-muted: #c297ff66;
     --borderColor-emphasis: #818b98;
     --borderColor-neutral-emphasis: #59636e;
-    --borderColor-open-emphasis: #e16f24;
-    --borderColor-open-muted: #fb8f4466;
+    --borderColor-open-emphasis: #218bff;
+    --borderColor-open-muted: #54aeff66;
     --borderColor-severe-emphasis: #bc4c00;
     --borderColor-severe-muted: #fb8f4466;
     --borderColor-sponsors-emphasis: #bf3989;
@@ -872,7 +872,7 @@
     --fgColor-done: #8250df;
     --fgColor-muted: #59636e;
     --fgColor-neutral: #59636e;
-    --fgColor-open: #bc4c00;
+    --fgColor-open: #0969da;
     --fgColor-severe: #bc4c00;
     --fgColor-sponsors: #bf3989;
     --fgColor-success: #0969da;

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

@@ -398,7 +398,6 @@
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
   --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
   --skeletonLoader-bgColor: #dae0e7;
-  --topicTag-borderColor: #ffffff00;
   --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
   --underlineNav-borderColor-active: #cd3425;
   --avatar-bgColor: #ffffff;
@@ -540,6 +539,7 @@
   --sideNav-bgColor-selected: #ffffff;
   --timelineBadge-bgColor: var(--bgColor-muted);
   --tooltip-bgColor: var(--bgColor-emphasis);
+  --topicTag-borderColor: var(--borderColor-accent-emphasis);
   --underlineNav-iconColor-rest: var(--fgColor-muted);
   --border-closed-emphasis: var(--border-danger-emphasis);
   --border-closed-muted: var(--border-danger-muted);
@@ -1004,7 +1004,6 @@
     --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
     --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
     --skeletonLoader-bgColor: #dae0e7;
-    --topicTag-borderColor: #ffffff00;
     --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
     --underlineNav-borderColor-active: #cd3425;
     --avatar-bgColor: #ffffff;
@@ -1146,6 +1145,7 @@
     --sideNav-bgColor-selected: #ffffff;
     --timelineBadge-bgColor: var(--bgColor-muted);
     --tooltip-bgColor: var(--bgColor-emphasis);
+    --topicTag-borderColor: var(--borderColor-accent-emphasis);
     --underlineNav-iconColor-rest: var(--fgColor-muted);
     --border-closed-emphasis: var(--border-danger-emphasis);
     --border-closed-muted: var(--border-danger-muted);