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

package/lib/SubNav/SubNav.d.ts

@@ -1,27 +1,19 @@
 import type { To } from 'history';
 import React from 'react';
-import type { ComponentProps } from '../utils/types';
-import type { SxProp } from '../sx';
-type StyledSubNavProps = React.ComponentProps<'nav'> & {
+export type SubNavProps = React.ComponentProps<'nav'> & {
     actions?: React.ReactNode;
     align?: 'right';
     full?: boolean;
     label?: string;
-} & SxProp;
-type StyledSubNavLinksProps = React.ComponentProps<'div'> & SxProp;
-type StyledSubNavLinkProps = React.ComponentProps<'a'> & {
+};
+export type SubNavLinksProps = React.ComponentProps<'div'>;
+export type SubNavLinkProps = React.ComponentProps<'a'> & {
     to?: To;
     selected?: boolean;
-} & SxProp;
-declare const SubNav: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const SubNavLinks: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SubNavLink: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export type SubNavProps = ComponentProps<typeof SubNav>;
-export type SubNavLinksProps = ComponentProps<typeof SubNavLinks>;
-export type SubNavLinkProps = ComponentProps<typeof SubNavLink>;
-declare const _default: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Link: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    Links: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+declare const _default: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Links: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;
 //# sourceMappingURL=SubNav.d.ts.map

package/lib/SubNav/SubNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAIlD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,MAAM,CAAA;AACV,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAClE,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/F,QAAA,MAAM,MAAM,oGAyBV,CAAA;AAKF,QAAA,MAAM,WAAW,4GAehB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA8Bf,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;;;;;AAC/D,wBAA4E"}
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC1D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;;;;;AA8CvF,wBAA4E"}

package/lib/SubNav/SubNav.js

@@ -4,29 +4,25 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var SubNav_module = require('./SubNav.module.css.js');
-var defaultSxProp = require('../utils/defaultSxProp.js');
 var jsxRuntime = require('react/jsx-runtime');
-var Box = require('../Box/Box.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0, forwardRef) {
-  const $ = reactCompilerRuntime.c(36);
+  const $ = reactCompilerRuntime.c(20);
   let actions;
   let children;
   let className;
   let label;
   let rest;
-  let t1;
   if ($[0] !== t0) {
     ({
       actions,
       className,
       children,
       label,
-      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
@@ -35,309 +31,172 @@ const SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0
     $[3] = className;
     $[4] = label;
     $[5] = rest;
-    $[6] = t1;
   } else {
     actions = $[1];
     children = $[2];
     className = $[3];
     label = $[4];
     rest = $[5];
-    t1 = $[6];
   }
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  if (sxProp !== defaultSxProp.defaultSxProp) {
-    let t2;
-    if ($[7] !== className) {
-      t2 = clsx.clsx(className, "SubNav", SubNav_module.SubNav);
-      $[7] = className;
-      $[8] = t2;
-    } else {
-      t2 = $[8];
-    }
-    let t3;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = clsx.clsx("SubNav-body", SubNav_module.Body);
-      $[9] = t3;
-    } else {
-      t3 = $[9];
-    }
-    let t4;
-    if ($[10] !== children) {
-      t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: t3,
-        children: children
-      });
-      $[10] = children;
-      $[11] = t4;
-    } else {
-      t4 = $[11];
-    }
-    let t5;
-    if ($[12] !== actions) {
-      t5 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: clsx.clsx("SubNav-actions", SubNav_module.Actions),
-        children: actions
-      });
-      $[12] = actions;
-      $[13] = t5;
-    } else {
-      t5 = $[13];
-    }
-    let t6;
-    if ($[14] !== forwardRef || $[15] !== label || $[16] !== rest || $[17] !== sxProp || $[18] !== t2 || $[19] !== t4 || $[20] !== t5) {
-      t6 = /*#__PURE__*/jsxRuntime.jsxs(Box, {
-        as: "nav",
-        ref: forwardRef,
-        sx: sxProp,
-        className: t2,
-        "aria-label": label,
-        ...rest,
-        children: [t4, t5]
-      });
-      $[14] = forwardRef;
-      $[15] = label;
-      $[16] = rest;
-      $[17] = sxProp;
-      $[18] = t2;
-      $[19] = t4;
-      $[20] = t5;
-      $[21] = t6;
-    } else {
-      t6 = $[21];
-    }
-    return t6;
+  let t1;
+  if ($[6] !== className) {
+    t1 = clsx.clsx(className, "SubNav", SubNav_module.SubNav);
+    $[6] = className;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
   }
   let t2;
-  if ($[22] !== className) {
-    t2 = clsx.clsx(className, "SubNav", SubNav_module.SubNav);
-    $[22] = className;
-    $[23] = t2;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = clsx.clsx("SubNav-body", SubNav_module.Body);
+    $[8] = t2;
   } else {
-    t2 = $[23];
+    t2 = $[8];
   }
   let t3;
-  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = clsx.clsx("SubNav-body", SubNav_module.Body);
-    $[24] = t3;
-  } else {
-    t3 = $[24];
-  }
-  let t4;
-  if ($[25] !== children) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: t3,
+  if ($[9] !== children) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: t2,
       children: children
     });
-    $[25] = children;
-    $[26] = t4;
+    $[9] = children;
+    $[10] = t3;
   } else {
-    t4 = $[26];
+    t3 = $[10];
   }
-  let t5;
-  if ($[27] !== actions) {
-    t5 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
+  let t4;
+  if ($[11] !== actions) {
+    t4 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: clsx.clsx("SubNav-actions", SubNav_module.Actions),
       children: actions
     });
-    $[27] = actions;
-    $[28] = t5;
+    $[11] = actions;
+    $[12] = t4;
   } else {
-    t5 = $[28];
+    t4 = $[12];
   }
-  let t6;
-  if ($[29] !== forwardRef || $[30] !== label || $[31] !== rest || $[32] !== t2 || $[33] !== t4 || $[34] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs("nav", {
+  let t5;
+  if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
+    t5 = /*#__PURE__*/jsxRuntime.jsxs("nav", {
       ref: forwardRef,
-      className: t2,
+      className: t1,
       "aria-label": label,
       ...rest,
-      children: [t4, t5]
+      children: [t3, t4]
     });
-    $[29] = forwardRef;
-    $[30] = label;
-    $[31] = rest;
-    $[32] = t2;
-    $[33] = t4;
-    $[34] = t5;
-    $[35] = t6;
+    $[13] = forwardRef;
+    $[14] = label;
+    $[15] = rest;
+    $[16] = t1;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
   } else {
-    t6 = $[35];
+    t5 = $[19];
   }
-  return t6;
+  return t5;
 });
 SubNav.displayName = 'SubNav';
 
 // SubNav.Links
 
 const SubNavLinks = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(20);
+  const $ = reactCompilerRuntime.c(11);
   let children;
   let className;
   let rest;
-  let t1;
   if ($[0] !== t0) {
     ({
       children,
       className,
-      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
-    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
-    t1 = $[4];
   }
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  if (sxProp !== defaultSxProp.defaultSxProp) {
-    let t2;
-    if ($[5] !== className) {
-      t2 = clsx.clsx(className, SubNav_module.Links);
-      $[5] = className;
-      $[6] = t2;
-    } else {
-      t2 = $[6];
-    }
-    let t3;
-    if ($[7] !== children || $[8] !== forwardRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
-      t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
-        as: "div",
-        ref: forwardRef,
-        sx: sxProp,
-        className: t2,
-        ...rest,
-        children: children
-      });
-      $[7] = children;
-      $[8] = forwardRef;
-      $[9] = rest;
-      $[10] = sxProp;
-      $[11] = t2;
-      $[12] = t3;
-    } else {
-      t3 = $[12];
-    }
-    return t3;
-  }
-  let t2;
-  if ($[13] !== className) {
-    t2 = clsx.clsx(className, SubNav_module.Links);
-    $[13] = className;
-    $[14] = t2;
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx.clsx(className, SubNav_module.Links);
+    $[4] = className;
+    $[5] = t1;
   } else {
-    t2 = $[14];
+    t1 = $[5];
   }
-  let t3;
-  if ($[15] !== children || $[16] !== forwardRef || $[17] !== rest || $[18] !== t2) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
+  let t2;
+  if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
+    t2 = /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: forwardRef,
-      className: t2,
+      className: t1,
       ...rest,
       children: children
     });
-    $[15] = children;
-    $[16] = forwardRef;
-    $[17] = rest;
-    $[18] = t2;
-    $[19] = t3;
+    $[6] = children;
+    $[7] = forwardRef;
+    $[8] = rest;
+    $[9] = t1;
+    $[10] = t2;
   } else {
-    t3 = $[19];
+    t2 = $[10];
   }
-  return t3;
+  return t2;
 });
 SubNavLinks.displayName = 'SubNav.Links';
 
 // SubNav.Link
 
 const SubNavLink = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(20);
+  const $ = reactCompilerRuntime.c(11);
   let children;
   let className;
   let rest;
-  let t1;
   if ($[0] !== t0) {
     ({
       children,
       className,
-      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
-    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
-    t1 = $[4];
-  }
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  if (sxProp !== defaultSxProp.defaultSxProp) {
-    let t2;
-    if ($[5] !== className) {
-      t2 = clsx.clsx(className, SubNav_module.Link);
-      $[5] = className;
-      $[6] = t2;
-    } else {
-      t2 = $[6];
-    }
-    let t3;
-    if ($[7] !== children || $[8] !== forwardRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
-      t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
-        as: "a",
-        ref: forwardRef,
-        sx: sxProp,
-        className: t2,
-        "data-selected": rest.selected,
-        "aria-current": rest.selected,
-        ...rest,
-        children: children
-      });
-      $[7] = children;
-      $[8] = forwardRef;
-      $[9] = rest;
-      $[10] = sxProp;
-      $[11] = t2;
-      $[12] = t3;
-    } else {
-      t3 = $[12];
-    }
-    return t3;
   }
-  let t2;
-  if ($[13] !== className) {
-    t2 = clsx.clsx(className, SubNav_module.Link);
-    $[13] = className;
-    $[14] = t2;
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx.clsx(className, SubNav_module.Link);
+    $[4] = className;
+    $[5] = t1;
   } else {
-    t2 = $[14];
+    t1 = $[5];
   }
-  let t3;
-  if ($[15] !== children || $[16] !== forwardRef || $[17] !== rest || $[18] !== t2) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx("a", {
+  let t2;
+  if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
+    t2 = /*#__PURE__*/jsxRuntime.jsx("a", {
       ref: forwardRef,
-      className: t2,
+      className: t1,
       "data-selected": rest.selected,
       "aria-current": rest.selected,
       ...rest,
       children: children
     });
-    $[15] = children;
-    $[16] = forwardRef;
-    $[17] = rest;
-    $[18] = t2;
-    $[19] = t3;
+    $[6] = children;
+    $[7] = forwardRef;
+    $[8] = rest;
+    $[9] = t1;
+    $[10] = t2;
   } else {
-    t3 = $[19];
+    t2 = $[10];
   }
-  return t3;
+  return t2;
 });
 SubNavLink.displayName = 'SubNav.Link';
 var SubNav$1 = Object.assign(SubNav, {

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

@@ -0,0 +1,2 @@
+.prc-TabNav-TabNavTabList-0QtIV{display:flex;margin-bottom:-1px;overflow:auto}.prc-TabNav-TabNavNav-rTAFO{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));margin-top:0}.prc-TabNav-TabNavLink-jXRq9{background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid transparent;border-bottom:0;font-size:var(--text-body-size-medium,.875rem);line-height:20px;padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:hover{color:var(--fgColor-default,var(--color-fg-default))}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{-webkit-text-decoration:none;text-decoration:none}.prc-TabNav-TabNavLink-jXRq9:focus{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-6px}.prc-TabNav-TabNavLink-jXRq9.prc-TabNav-Selected-94A5r{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default))}
+/*# sourceMappingURL=TabNav-83c6145e.css.map */

package/lib/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/TabNav/TabNav.module.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./TabNav-9753d6ed.css');
+require('./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/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;CACpD,GAAG,qBAAqB,GACvB,iBAAiB,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAGvC,QAAA,MAAM,IAAI,EAiBJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;AAI1D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAA;AACvC,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;CACpD,GAAG,qBAAqB,GACvB,iBAAiB,GACjB,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAEvC,QAAA,MAAM,IAAI,EAiBJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;AAI1D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAA;AACvC,eAAe,IAAI,CAAA"}

package/lib/Text/Text.js

@@ -4,7 +4,7 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var Text_module = require('./Text.module.css.js');
-var toggleSxComponent = require('../internal/utils/toggleSxComponent.js');
+var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useRefObjectAsForwardedRef = require('../hooks/useRefObjectAsForwardedRef.js');
 
@@ -12,7 +12,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const TextBaseComponent = toggleSxComponent.toggleSxComponent('span');
 const Text = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   const $ = reactCompilerRuntime.c(14);
   let className;
@@ -54,7 +53,7 @@ const Text = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   }
   let t3;
   if ($[8] !== Component || $[9] !== props || $[10] !== size || $[11] !== t2 || $[12] !== weight) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(TextBaseComponent, {
+    t3 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       as: Component,
       className: t2,
       "data-size": size,

package/lib/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/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAK/F,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAM/E,MAAM,MAAM,4BAA4B,GAAG;IACzC,uEAAuE;IACvE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;QAKI;IACJ,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACnD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;CACxE,GAAG,IAAI,CACN,kBAAkB,EAChB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAA;;;;;;;;;;AAyIzG,wBAEE"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAK/F,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAM/E,MAAM,MAAM,4BAA4B,GAAG;IACzC,uEAAuE;IACvE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;QAKI;IACJ,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACnD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;CACxE,GAAG,OAAO,CACT,IAAI,CACF,kBAAkB,EAChB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,kBAAkB,CACrB,CACF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAA;;;;;;;;;;AAyIzG,wBAEE"}

package/lib/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

package/lib/TextInputWithTokens/TextInputWithTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAUrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AAiRhC,QAAA,MAAM,mBAAmB;IApTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEAkRmD,CAAA;AAI/E,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAUrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AAiRhC,QAAA,MAAM,mBAAmB;IApTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEAkRmD,CAAA;AAI/E;;GAEG;AACH,eAAe,mBAAmB,CAAA"}