@react-spectrum/s2 3.0.0-nightly-fd7075c5f-250128 → 3.0.0-nightly-e3ed3c7f6-250130

package/style/spectrum-theme.ts

@@ -320,6 +320,19 @@ const borderWidth = {
   4: getToken('border-width-400')
 };
 
+const borderColor = createColorProperty({
+  ...color,
+  negative: {
+    default: colorToken('negative-border-color-default'),
+    isHovered: colorToken('negative-border-color-hover'),
+    isFocusVisible: colorToken('negative-border-color-key-focus'),
+    isPressed: colorToken('negative-border-color-down')
+  },
+  disabled: colorToken('disabled-border-color')
+    // forcedColors: 'GrayText'
+
+});
+
 const radius = {
   none: getToken('corner-radius-none'), // 0px
   sm: pxToRem(getToken('corner-radius-small-default')), // 4px
@@ -585,18 +598,7 @@ export const style = createTheme({
       pasteboard: weirdColorToken('background-pasteboard-color'),
       elevated: weirdColorToken('background-elevated-color')
     }),
-    borderColor: createColorProperty({
-      ...color,
-      negative: {
-        default: colorToken('negative-border-color-default'),
-        isHovered: colorToken('negative-border-color-hover'),
-        isFocusVisible: colorToken('negative-border-color-key-focus'),
-        isPressed: colorToken('negative-border-color-down')
-      },
-      disabled: colorToken('disabled-border-color')
-        // forcedColors: 'GrayText'
 
-    }),
     outlineColor: createColorProperty({
       ...color,
       'focus-ring': {
@@ -670,6 +672,10 @@ export const style = createTheme({
     borderEndWidth: createRenamedProperty('borderInlineEndWidth', borderWidth),
     borderTopWidth: borderWidth,
     borderBottomWidth: borderWidth,
+    borderInlineStartColor: borderColor, // don't know why i can't use renamed
+    borderInlineEndColor: borderColor,
+    borderTopColor: borderColor,
+    borderBottomColor: borderColor,
     borderStyle: ['solid', 'dashed', 'dotted', 'double', 'hidden', 'none'] as const,
     strokeWidth: {
       0: '0',
@@ -984,6 +990,7 @@ export const style = createTheme({
     scrollMarginX: ['scrollMarginStart', 'scrollMarginEnd'] as const,
     scrollMarginY: ['scrollMarginTop', 'scrollMarginBottom'] as const,
     borderWidth: ['borderTopWidth', 'borderBottomWidth', 'borderStartWidth', 'borderEndWidth'] as const,
+    borderColor: ['borderTopColor', 'borderBottomColor', 'borderInlineStartColor', 'borderInlineEndColor'] as const,
     borderXWidth: ['borderStartWidth', 'borderEndWidth'] as const,
     borderYWidth: ['borderTopWidth', 'borderBottomWidth'] as const,
     borderRadius: ['borderTopStartRadius', 'borderTopEndRadius', 'borderBottomStartRadius', 'borderBottomEndRadius'] as const,