@primer/components 29.0.0-rc.ae627848 → 29.1.0-rc.4e9b967e

package/lib/__tests__/Position.js

@@ -46,7 +46,7 @@ describe('position components', () => {
         as: _.Box,
         borderWidth: "1px",
         borderStyle: "solid",
-        borderColor: "border.primary",
+        borderColor: "border.default",
         borderRadius: 2
       }));
       expect(result).toHaveStyleRule('position', 'absolute');
@@ -80,7 +80,7 @@ describe('position components', () => {
         as: _.Box,
         borderWidth: "1px",
         borderStyle: "solid",
-        borderColor: "border.primary",
+        borderColor: "border.default",
         borderRadius: 2
       }));
       expect(result).toHaveStyleRule('position', 'fixed');
@@ -109,7 +109,7 @@ describe('position components', () => {
         as: _.Box,
         borderWidth: "1px",
         borderStyle: "solid",
-        borderColor: "border.primary",
+        borderColor: "border.default",
         borderRadius: 2
       }));
       expect(result).toHaveStyleRule('position', 'relative');
@@ -138,7 +138,7 @@ describe('position components', () => {
         as: _.Box,
         borderWidth: "1px",
         borderStyle: "solid",
-        borderColor: "border.primary",
+        borderColor: "border.default",
         borderRadius: 2
       }));
       expect(result).toHaveStyleRule('position', 'sticky');

package/lib/__tests__/ThemeProvider.js

@@ -67,7 +67,7 @@ it('respects theme prop', () => {
 });
 it('has default theme', () => {
   (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_.ThemeProvider, null, /*#__PURE__*/_react2.default.createElement(_.Text, {
-    color: "text.primary",
+    color: "fg.default",
     mb: 1
   }, "Hello")));
   expect(_react.screen.getByText('Hello')).toMatchSnapshot();

package/lib/stories/ActionList.stories.js

@@ -344,7 +344,7 @@ function CustomItemChildren() {
       leadingVisual: _octiconsReact.ArrowRightIcon,
       children: /*#__PURE__*/_react.default.createElement(_2.Label, {
         outline: true,
-        borderColor: "border.success"
+        borderColor: "success.emphasis"
       }, "Choose this one"),
       trailingIcon: _octiconsReact.ArrowLeftIcon
     }]

package/lib/stories/ThemeProvider.stories.js

@@ -58,11 +58,11 @@ function NightMode() {
   }, /*#__PURE__*/_react.default.createElement(_.Box, {
     my: 3,
     p: 3,
-    color: "text.primary",
-    bg: "bg.canvas",
+    color: "fg.default",
+    bg: "canvas.default",
     borderWidth: "1px",
     borderStyle: "solid",
-    borderColor: "border.primary",
+    borderColor: "border.default",
     borderRadius: 2
   }, "Always night mode (", /*#__PURE__*/_react.default.createElement(ActiveColorScheme, null), ")"));
 }
@@ -78,11 +78,11 @@ function InverseMode() {
   }, /*#__PURE__*/_react.default.createElement(_.Box, {
     my: 3,
     p: 3,
-    color: "text.primary",
-    bg: "bg.canvas",
+    color: "fg.default",
+    bg: "canvas.default",
     borderWidth: "1px",
     borderStyle: "solid",
-    borderColor: "border.primary",
+    borderColor: "border.default",
     borderRadius: 2
   }, "Always inverse of parent mode (", /*#__PURE__*/_react.default.createElement(ActiveColorScheme, null), ")"));
 }

package/lib/stories/useFocusTrap.stories.js

@@ -289,7 +289,7 @@ const MultipleFocusTraps = () => {
     mb: 3,
     borderWidth: "1px",
     borderStyle: "solid",
-    borderColor: "border.primary",
+    borderColor: "border.default",
     borderRadius: 2
   }, "Legend", /*#__PURE__*/_react.default.createElement(_.Box, {
     display: "flex",

package/lib/theme-preval.d.ts

@@ -22,6 +22,10 @@ export namespace theme {
             export { darkDimmedColors as colors };
             export { darkDimmedShadows as shadows };
         }
+        namespace dark_high_contrast {
+            export { darkHighContrastColors as colors };
+            export { darkHighContrastShadows as shadows };
+        }
     }
 }
 declare namespace animation {
@@ -79,19 +83,21 @@ declare const darkDimmedColors: Partial<typeof primitives.colors.dark_dimmed>;
  * @type Partial<typeof primitives.colors.dark_dimmed>
  */
 declare const darkDimmedShadows: Partial<typeof primitives.colors.dark_dimmed>;
+/**
+ * @type Partial<typeof primitives.colors.dark_dimmed>
+ */
+declare const darkHighContrastColors: Partial<typeof primitives.colors.dark_dimmed>;
+/**
+ * @type Partial<typeof primitives.colors.dark_high_contrast>
+ */
+declare const darkHighContrastShadows: Partial<typeof primitives.colors.dark_high_contrast>;
 import { default as primitives } from "@primer/primitives";
 declare const light_2: {
     colors: {};
-    /**
-     * @type Partial<typeof primitives.colors.light>
-     */
     shadows: {};
 };
 declare const dark_1: {
     colors: {};
-    /**
-     * @type Partial<typeof primitives.colors.light>
-     */
     shadows: {};
 };
 export {};