@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/lib-esm/TabNav/TabNav-83c6145e.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TabNav/TabNav.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CAEb,kBAAmB,CACnB,aACF,CAEA,4BAEE,2GAAuE,CADvE,YAEF,CAEA,6BAOE,4BAA6B,CAE7B,yDAAgB,CAAhB,eAAgB,CAPhB,8CAAuC,CAEvC,gBAAiB,CAHjB,2DA4BF,CAlBE,gEANA,oDASA,CAEA,mGAVA,4BAAqB,CAArB,oBAcA,CAJA,mCCzBA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,uDAEE,mEAAwC,CACxC,mEAAwC,CACxC,yDAAkD,CAClD,0DAAmD,CAJnD,oDAKF","file":"TabNav-83c6145e.css","sourcesContent":[".TabNavTabList {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  overflow: auto;\n}\n\n.TabNavNav {\n  margin-top: 0;\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TabNavLink {\n  padding: var(--base-size-8) var(--base-size-12);\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  color: var(--fgColor-default);\n  text-decoration: none;\n  background-color: transparent;\n  border: var(--borderWidth-thin) solid transparent;\n  border-bottom: 0;\n\n  &:hover {\n    color: var(--fgColor-default);\n    text-decoration: none;\n  }\n\n  &:focus {\n    text-decoration: none;\n\n    @mixin focusOutline -6px;\n  }\n\n  &.Selected {\n    color: var(--fgColor-default);\n    background-color: var(--bgColor-default);\n    border-color: var(--borderColor-default);\n    border-top-left-radius: var(--borderRadius-medium);\n    border-top-right-radius: var(--borderRadius-medium);\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}

package/lib-esm/TabNav/TabNav.module.css.js

@@ -1,4 +1,4 @@
-import './TabNav-9753d6ed.css';
+import './TabNav-83c6145e.css';
 
 var styles = {"TabNavTabList":"prc-TabNav-TabNavTabList-0QtIV","TabNavNav":"prc-TabNav-TabNavNav-rTAFO","TabNavLink":"prc-TabNav-TabNavLink-jXRq9","Selected":"prc-TabNav-Selected-94A5r"};
 

package/lib-esm/Text/Text.js

@@ -2,11 +2,10 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import React, { forwardRef } from 'react';
 import classes from './Text.module.css.js';
-import { toggleSxComponent } from '../internal/utils/toggleSxComponent.js';
+import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
 
-const TextBaseComponent = toggleSxComponent('span');
 const Text = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const $ = c(14);
   let className;
@@ -48,7 +47,7 @@ const Text = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   }
   let t3;
   if ($[8] !== Component || $[9] !== props || $[10] !== size || $[11] !== t2 || $[12] !== weight) {
-    t3 = /*#__PURE__*/jsx(TextBaseComponent, {
+    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
       as: Component,
       className: t2,
       "data-size": size,

package/lib-esm/TextInput/TextInput.d.ts

@@ -28,7 +28,7 @@ export type TextInputNonPassthroughProps = {
      * A visual that renders inside the input after the typing area
      */
     trailingAction?: React.ReactElement<React.HTMLProps<HTMLButtonElement>>;
-} & Pick<StyledWrapperProps, 'block' | 'contrast' | 'disabled' | 'monospace' | 'sx' | 'width' | 'maxWidth' | 'minWidth' | 'variant' | 'size' | 'validationStatus'>;
+} & Partial<Pick<StyledWrapperProps, 'block' | 'contrast' | 'disabled' | 'monospace' | 'sx' | 'width' | 'maxWidth' | 'minWidth' | 'variant' | 'size' | 'validationStatus'>>;
 export type TextInputProps = Merge<React.ComponentPropsWithoutRef<'input'>, TextInputNonPassthroughProps>;
 declare const _default: PolymorphicForwardRefComponent<"input", TextInputProps> & {
     Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {

package/lib-esm/TextInputWithTokens/TextInputWithTokens.d.ts

@@ -4,6 +4,9 @@ import type { TextInputProps } from '../TextInput';
 import Token from '../Token/Token';
 import type { TokenSizeKeys } from '../Token/TokenBase';
 type AnyReactComponent = React.ComponentType<React.PropsWithChildren<any>>;
+/**
+ * @deprecated
+ */
 export type TextInputWithTokensProps<TokenComponentType extends AnyReactComponent = typeof Token> = {
     /**
      * The array of tokens to render
@@ -82,5 +85,8 @@ declare const TextInputWithTokens: React.ForwardRefExoticComponent<{
      */
     visibleTokenCount?: number;
 } & Omit<TextInputProps, "size"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * @deprecated
+ */
 export default TextInputWithTokens;
 //# sourceMappingURL=TextInputWithTokens.d.ts.map