@primer/react 38.3.0-rc.ec800fb23 → 38.3.0-rc.ef24452b6

package/CHANGELOG.md

@@ -6,10 +6,18 @@
 
 - [#7200](https://github.com/primer/react/pull/7200) [`0a0c2a0`](https://github.com/primer/react/commit/0a0c2a0daa15ca51e370f638876c79c2c2bb4473) Thanks [@joshblack](https://github.com/joshblack)! - Add `leadingVisual` prop to `UnderlineNav.Item`
 
+- [#7197](https://github.com/primer/react/pull/7197) [`9605a30`](https://github.com/primer/react/commit/9605a30605d0ecf688e4ae50c70a59622c1a4a08) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Deprecate `icon` prop in favor of `leadingVisual` and fix SecondaryAction styling in Banner.
+
 - [#7220](https://github.com/primer/react/pull/7220) [`62fc3bb`](https://github.com/primer/react/commit/62fc3bb18d988e92786154a5368246782723bcea) Thanks [@kendallgassner](https://github.com/kendallgassner)! - Expose props to allow virtualization in the SelectPanel
 
+- [#7177](https://github.com/primer/react/pull/7177) [`feb7001`](https://github.com/primer/react/commit/feb7001ccfb4e1f2a4d2f4a41f7acd622eaf784e) Thanks [@joshblack](https://github.com/joshblack)! - Add experimental TopicTag and TopicTag.Group components
+
 ### Patch Changes
 
+- [#6987](https://github.com/primer/react/pull/6987) [`cd5ab1b`](https://github.com/primer/react/commit/cd5ab1bc588cf111d13cb387c770ddb0b9f39d8e) Thanks [@kerimmoresh](https://github.com/kerimmoresh)! - docs: Fix Typos in comments
+
+- [#7223](https://github.com/primer/react/pull/7223) [`f9fb9eb`](https://github.com/primer/react/commit/f9fb9eba8f1b2db8fddd9f6926edf77454146084) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - ActionBar: Add padding to Divider when gap="none".
+
 - [#7134](https://github.com/primer/react/pull/7134) [`585c5fa`](https://github.com/primer/react/commit/585c5fa4864e8bb616495622da49beec009dfbe6) Thanks [@hectahertz](https://github.com/hectahertz)! - SegmentedControl: Remove useResponsiveValue hook from fullWidth and variant props to use `getResponsiveAttributes` instead.
 
 - [#7211](https://github.com/primer/react/pull/7211) [`46a7ebe`](https://github.com/primer/react/commit/46a7ebed73ceb6805b863e14ad1ee24dfe9c60cf) Thanks [@langermank](https://github.com/langermank)! - Adjust `ActionList.Item` danger variant CSS to support trailing count/keybinding hint

package/dist/ActionBar/ActionBar-a41224b2.css

@@ -0,0 +1,2 @@
+.prc-ActionBar-List-Z4LzW{align-items:center;display:flex;gap:var(--actionbar-gap,var(--stack-gap-condensed,.5rem));list-style:none;margin-bottom:-1px;min-width:0;position:relative;white-space:nowrap}.prc-ActionBar-List-Z4LzW:where([data-gap=none]){--actionbar-gap:0}.prc-ActionBar-List-Z4LzW:where([data-gap=none]) .prc-ActionBar-Divider-CcBO8{padding:0 var(--base-size-8,.5rem)}.prc-ActionBar-List-Z4LzW:where([data-gap=condensed]){--actionbar-gap:var(--stack-gap-condensed,0.5rem)}.prc-ActionBar-Nav-hc-9G{align-items:center;display:flex;justify-content:flex-end;padding-inline:var(--base-size-16,1rem)}.prc-ActionBar-Nav-hc-9G:where([data-flush=true]){padding-inline:0}.prc-ActionBar-Divider-CcBO8:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--base-size-20,1.25rem);width:var(--borderWidth-thin,.0625rem)}.prc-ActionBar-Group-hBx7J{display:flex;gap:inherit}
+/*# sourceMappingURL=ActionBar-a41224b2.css.map */

package/dist/ActionBar/ActionBar-a41224b2.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ActionBar/ActionBar.module.css"],"names":[],"mappings":"AAAA,0BAUE,kBAAmB,CARnB,YAAa,CASb,yDAAqD,CAFrD,eAAgB,CAFhB,kBAAmB,CAJnB,WAAY,CAFZ,iBAAkB,CAOlB,kBAiBF,CAXE,iDACE,iBAKF,CAHE,8EACE,kCACF,CAGF,sDACE,iDACF,CAGF,yBAIE,kBAAmB,CAHnB,YAAa,CAEb,wBAAyB,CADzB,uCAOF,CAHE,kDACE,gBACF,CAIA,oCAME,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,kCAA2B,CAD3B,sCAKF,CAGF,2BACE,YAAa,CACb,WACF","file":"ActionBar-a41224b2.css","sourcesContent":[".List {\n  position: relative;\n  display: flex;\n  min-width: 0;\n\n  /* wonder why this is here */\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  white-space: nowrap;\n  list-style: none;\n  align-items: center;\n  gap: var(--actionbar-gap, var(--stack-gap-condensed));\n\n  /* Gap scale (mirrors Stack) */\n  &:where([data-gap='none']) {\n    --actionbar-gap: 0;\n\n    .Divider {\n      padding: 0 var(--base-size-8);\n    }\n  }\n\n  &:where([data-gap='condensed']) {\n    --actionbar-gap: var(--stack-gap-condensed);\n  }\n}\n\n.Nav {\n  display: flex;\n  padding-inline: var(--base-size-16);\n  justify-content: flex-end;\n  align-items: center;\n\n  &:where([data-flush='true']) {\n    padding-inline: 0;\n  }\n}\n\n.Divider {\n  &::before {\n    display: block;\n    width: var(--borderWidth-thin);\n    height: var(--base-size-20);\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background: var(--borderColor-muted);\n  }\n}\n\n.Group {\n  display: flex;\n  gap: inherit;\n}\n"]}

package/dist/ActionBar/ActionBar.module.css.js

@@ -1,5 +1,5 @@
-import './ActionBar-8ed12fe7.css';
+import './ActionBar-a41224b2.css';
 
-var styles = {"List":"prc-ActionBar-List-Z4LzW","Nav":"prc-ActionBar-Nav-hc-9G","Divider":"prc-ActionBar-Divider-CcBO8","Group":"prc-ActionBar-Group-hBx7J"};
+var styles = {"List":"prc-ActionBar-List-Z4LzW","Divider":"prc-ActionBar-Divider-CcBO8","Nav":"prc-ActionBar-Nav-hc-9G","Group":"prc-ActionBar-Group-hBx7J"};
 
 export { styles as default };

package/dist/Banner/Banner.d.ts

@@ -24,8 +24,13 @@ export type BannerProps = React.ComponentPropsWithoutRef<'section'> & {
     hideTitle?: boolean;
     /**
      * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
+     * @deprecated Use `leadingVisual` instead
      */
     icon?: React.ReactNode;
+    /**
+     * Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`
+     */
+    leadingVisual?: React.ReactNode;
     /**
      * Optionally provide a handler to be called when the banner is dismissed.
      * Providing this prop will show a dismiss button.
@@ -79,8 +84,13 @@ export declare const Banner: React.ForwardRefExoticComponent<Omit<React.Detailed
     hideTitle?: boolean;
     /**
      * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
+     * @deprecated Use `leadingVisual` instead
      */
     icon?: React.ReactNode;
+    /**
+     * Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`
+     */
+    leadingVisual?: React.ReactNode;
     /**
      * Optionally provide a handler to be called when the banner is dismissed.
      * Providing this prop will show a dismiss button.

package/dist/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"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"}

package/dist/Banner/Banner.js

@@ -31,6 +31,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner({
   description,
   hideTitle,
   icon,
+  leadingVisual,
   onDismiss,
   primaryAction,
   secondaryAction,
@@ -44,6 +45,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner({
   const bannerRef = React.useRef(null);
   const ref = useMergedRefs(forwardRef, bannerRef);
   const supportsCustomIcon = variant === 'info' || variant === 'upsell';
+  const visual = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : icon;
   if (process.env.NODE_ENV !== "production") {
     // This hook is called consistently depending on the environment
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -77,7 +79,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner({
     "data-layout": rest.layout || 'default',
     children: [/*#__PURE__*/jsx("div", {
       className: classes.BannerIcon,
-      children: icon && supportsCustomIcon ? icon : iconForVariant[variant]
+      children: visual && supportsCustomIcon ? visual : iconForVariant[variant]
     }), /*#__PURE__*/jsxs("div", {
       className: classes.BannerContainer,
       children: [/*#__PURE__*/jsxs("div", {
@@ -330,7 +332,7 @@ const BannerSecondaryAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     t2 = /*#__PURE__*/jsx(ButtonComponent, {
       ref: forwardedRef,
       className: t1,
-      variant: "link",
+      variant: "invisible",
       ...rest,
       children: children
     });

package/dist/Banner/index.d.ts

@@ -6,6 +6,7 @@ export declare const Banner: import("react").ForwardRefExoticComponent<Omit<impo
     description?: React.ReactNode;
     hideTitle?: boolean;
     icon?: React.ReactNode;
+    leadingVisual?: React.ReactNode;
     onDismiss?: () => void;
     primaryAction?: React.ReactNode;
     secondaryAction?: React.ReactNode;

package/dist/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,iBAAiB,EAGlB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAEF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,GAC3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,iBAAiB,EAGlB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAEF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,GAC3B,CAAA"}

package/dist/TopicTag/TopicTag-955c0fbf.css

@@ -0,0 +1,2 @@
+.prc-TopicTag-TopicTag-FOkf8:where(a){-webkit-text-decoration:none;text-decoration:none}.prc-TopicTag-TopicTag-FOkf8:where(button){align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.prc-TopicTag-TopicTag-FOkf8:where(button)::-moz-focus-inner{border:0}.prc-TopicTag-TopicTag-FOkf8{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border:var(--borderWidth-thin,.0625rem) solid var(--topicTag-borderColor,transparent);border-radius:var(--borderRadius-full,624.9375rem);color:var(--fgColor-accent,var(--color-accent-fg));display:inline-flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:var(--text-body-lineHeight-small,1.66667);padding:var(--base-size-2,.125rem) var(--base-size-12,.75rem);white-space:nowrap}.prc-TopicTag-TopicTag-FOkf8:hover{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-TopicTag-TopicTag-FOkf8:where(a,button){cursor:pointer;-webkit-user-select:none;user-select:none}
+/*# sourceMappingURL=TopicTag-955c0fbf.css.map */

package/dist/TopicTag/TopicTag-955c0fbf.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TopicTag/TopicTag.module.css","../../postcss-preset-primer/src/mixins/buttonReset.css"],"names":[],"mappings":"AACA,sCACE,4BAAqB,CAArB,oBACF,CAGA,2CCKE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBDAF,CCKE,6DACE,QACF,CDLF,6BACE,uEAA6C,CAO7C,qFAA8E,CAF9E,kDAAuC,CAJvC,kDAA4B,CAO5B,mBAAoB,CANpB,4CAAsC,CACtC,gDAA6C,CAC7C,qDAA8C,CAE9C,6DAA+C,CAG/C,kBAWF,CATE,mCACE,4EAAgD,CAChD,2DACF,CAEA,6CACE,cAAe,CACf,wBAAiB,CAAjB,gBACF","file":"TopicTag-955c0fbf.css","sourcesContent":["/* Add a reset for when TopicTag is an <a> element since our link styles apply an underline text-decoration by default */\n.TopicTag:where(a) {\n  text-decoration: none;\n}\n\n/* Add a reset for when TopicTag is a <button> element */\n.TopicTag:where(button) {\n  @mixin buttonReset;\n}\n\n.TopicTag {\n  background-color: var(--bgColor-accent-muted);\n  color: var(--fgColor-accent);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  line-height: var(--text-body-lineHeight-small);\n  border-radius: var(--borderRadius-full);\n  padding: var(--base-size-2) var(--base-size-12);\n  border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);\n  display: inline-flex;\n  white-space: nowrap;\n\n  &:hover {\n    background-color: var(--bgColor-accent-emphasis);\n    color: var(--fgColor-onEmphasis);\n  }\n\n  &:where(a, button) {\n    cursor: pointer;\n    user-select: none;\n  }\n}\n","@define-mixin buttonReset {\n  margin: 0;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  font: inherit;\n  color: inherit;\n  align-items: center;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n"]}

package/dist/TopicTag/TopicTag.d.ts

@@ -0,0 +1,15 @@
+import type { ElementType } from 'react';
+type TopicTagProps<As extends ElementType> = {
+    /**
+     * The HTML element or React component to render as the root element
+     */
+    as?: As;
+    /**
+     * Provide a class name for styling on the outermost element
+     */
+    className?: string;
+} & Omit<React.ComponentPropsWithoutRef<As>, 'as' | 'className'>;
+declare function TopicTag<As extends ElementType = 'a'>({ as, children, className, ...rest }: TopicTagProps<As>): import("react").JSX.Element;
+export { TopicTag };
+export type { TopicTagProps };
+//# sourceMappingURL=TopicTag.d.ts.map

package/dist/TopicTag/TopicTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopicTag.d.ts","sourceRoot":"","sources":["../../src/TopicTag/TopicTag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,OAAO,CAAA;AAGtC,KAAK,aAAa,CAAC,EAAE,SAAS,WAAW,IAAI;IAC3C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAA;AAEhE,iBAAS,QAAQ,CAAC,EAAE,SAAS,WAAW,GAAG,GAAG,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,aAAa,CAAC,EAAE,CAAC,+BAOpG;AAED,OAAO,EAAC,QAAQ,EAAC,CAAA;AACjB,YAAY,EAAC,aAAa,EAAC,CAAA"}

package/dist/TopicTag/TopicTag.js

@@ -0,0 +1,58 @@
+import { c } from 'react-compiler-runtime';
+import { clsx } from 'clsx';
+import classes from './TopicTag.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+function TopicTag(t0) {
+  var _as;
+  const $ = c(12);
+  let as;
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      as,
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = as;
+    $[2] = children;
+    $[3] = className;
+    $[4] = rest;
+  } else {
+    as = $[1];
+    children = $[2];
+    className = $[3];
+    rest = $[4];
+  }
+  const BaseComponent = (_as = as) !== null && _as !== void 0 ? _as : "a";
+  let t1;
+  if ($[5] !== className) {
+    t1 = clsx(className, classes.TopicTag);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== BaseComponent || $[8] !== children || $[9] !== rest || $[10] !== t1) {
+    t2 = /*#__PURE__*/jsx(BaseComponent, {
+      ...rest,
+      className: t1,
+      children: children
+    });
+    $[7] = BaseComponent;
+    $[8] = children;
+    $[9] = rest;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+
+export { TopicTag };

package/dist/TopicTag/TopicTag.module.css.js

@@ -0,0 +1,5 @@
+import './TopicTag-955c0fbf.css';
+
+var classes = {"TopicTag":"prc-TopicTag-TopicTag-FOkf8"};
+
+export { classes as default };

package/dist/TopicTag/TopicTagGroup-785f4d65.css

@@ -0,0 +1,2 @@
+.prc-TopicTag-TopicTagGroup-rXgAj{column-gap:var(--base-size-2,.125rem);display:flex;flex-wrap:wrap;row-gap:var(--base-size-8,.5rem)}
+/*# sourceMappingURL=TopicTagGroup-785f4d65.css.map */

package/dist/TopicTag/TopicTagGroup-785f4d65.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TopicTag/TopicTagGroup.module.css"],"names":[],"mappings":"AAAA,kCAGE,qCAA8B,CAF9B,YAAa,CACb,cAAe,CAEf,gCACF","file":"TopicTagGroup-785f4d65.css","sourcesContent":[".TopicTagGroup {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: var(--base-size-2);\n  row-gap: var(--base-size-8);\n}\n"]}

package/dist/TopicTag/TopicTagGroup.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+type TopicTagGroupProps = React.HTMLAttributes<HTMLElement>;
+declare function TopicTagGroup({ children, className, ...rest }: TopicTagGroupProps): React.JSX.Element;
+export { TopicTagGroup };
+export type { TopicTagGroupProps };
+//# sourceMappingURL=TopicTagGroup.d.ts.map

package/dist/TopicTag/TopicTagGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopicTagGroup.d.ts","sourceRoot":"","sources":["../../src/TopicTag/TopicTagGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAE3D,iBAAS,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBAMxE;AAED,OAAO,EAAC,aAAa,EAAC,CAAA;AACtB,YAAY,EAAC,kBAAkB,EAAC,CAAA"}

package/dist/TopicTag/TopicTagGroup.js

@@ -0,0 +1,51 @@
+import { c } from 'react-compiler-runtime';
+import { clsx } from 'clsx';
+import classes from './TopicTagGroup.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+function TopicTagGroup(t0) {
+  const $ = c(10);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx(className, classes.TopicTagGroup);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
+    t2 = /*#__PURE__*/jsx("div", {
+      ...rest,
+      className: t1,
+      children: children
+    });
+    $[6] = children;
+    $[7] = rest;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+
+export { TopicTagGroup };

package/dist/TopicTag/TopicTagGroup.module.css.js

@@ -0,0 +1,5 @@
+import './TopicTagGroup-785f4d65.css';
+
+var classes = {"TopicTagGroup":"prc-TopicTag-TopicTagGroup-rXgAj"};
+
+export { classes as default };

package/dist/TopicTag/index.d.ts

@@ -0,0 +1,10 @@
+import { TopicTag as TopicTagImpl } from './TopicTag';
+import type { TopicTagProps } from './TopicTag';
+import { TopicTagGroup } from './TopicTagGroup';
+import type { TopicTagGroupProps } from './TopicTagGroup';
+declare const TopicTag: typeof TopicTagImpl & {
+    Group: typeof TopicTagGroup;
+};
+export { TopicTag };
+export type { TopicTagProps, TopicTagGroupProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/TopicTag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopicTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,YAAY,CAAA;AACnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,QAAA,MAAM,QAAQ;;CAEZ,CAAA;AAEF,OAAO,EAAC,QAAQ,EAAC,CAAA;AACjB,YAAY,EAAC,aAAa,EAAE,kBAAkB,EAAC,CAAA"}

package/dist/TopicTag/index.js

@@ -0,0 +1,8 @@
+import { TopicTag as TopicTag$1 } from './TopicTag.js';
+import { TopicTagGroup } from './TopicTagGroup.js';
+
+const TopicTag = Object.assign(TopicTag$1, {
+  Group: TopicTagGroup
+});
+
+export { TopicTag };

package/dist/experimental/index.d.ts

@@ -46,4 +46,6 @@ export { IssueLabel } from './IssueLabel';
 export type { IssueLabelProps } from './IssueLabel';
 export * from '../KeybindingHint';
 export * from './Tabs';
+export { TopicTag } from '../TopicTag';
+export type { TopicTagProps, TopicTagGroupProps } from '../TopicTag';
 //# sourceMappingURL=index.d.ts.map

package/dist/experimental/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/experimental/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/experimental/index.ts"],"names":[],"mappings":"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"}

package/dist/experimental/index.js

@@ -4,6 +4,7 @@ export { Table } from '../DataTable/index.js';
 export { Dialog } from '../Dialog/Dialog.js';
 export { default as ActionBar } from '../ActionBar/index.js';
 export { Stack } from '../Stack/index.js';
+export { TopicTag } from '../TopicTag/index.js';
 export { ButtonBase } from '../Button/ButtonBase.js';
 export { DataTable } from '../DataTable/DataTable.js';
 export { createColumnHelper } from '../DataTable/column.js';

package/generated/components.json

@@ -1346,7 +1346,7 @@
         },
         {
           "id": "components-banner-features--custom-icon",
-          "code": "() => {\n  return (\n    <Banner\n      title=\"Upsell\"\n      description=\"An example banner with a custom icon\"\n      icon={<CopilotIcon />}\n      onDismiss={action('onDismiss')}\n      variant=\"upsell\"\n    />\n  )\n}"
+          "code": "() => {\n  return (\n    <Banner\n      title=\"Upsell\"\n      description=\"An example banner with a custom icon\"\n      leadingVisual={<CopilotIcon />}\n      onDismiss={action('onDismiss')}\n      variant=\"upsell\"\n    />\n  )\n}"
         },
         {
           "id": "components-banner-examples--with-announcement",
@@ -1377,7 +1377,13 @@
         {
           "name": "icon",
           "type": "React.ReactNode",
-          "description": "Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`"
+          "description": "Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`",
+          "deprecated": true
+        },
+        {
+          "name": "leadingVisual",
+          "type": "React.ReactNode",
+          "description": "Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`"
         },
         {
           "name": "onDismiss",
@@ -7996,6 +8002,52 @@
       ],
       "subcomponents": []
     },
+    "topic_tag": {
+      "source": "https://github.com/primer/react/tree/main/packages/react/src/TopicTag",
+      "id": "topic_tag",
+      "name": "TopicTag",
+      "status": "draft",
+      "a11yReviewed": false,
+      "stories": [
+        {
+          "id": "experimental-components-topictag--default",
+          "code": "() => <TopicTag>react</TopicTag>"
+        },
+        {
+          "id": "experimental-components-topictag-features--as-button",
+          "code": "() => <TopicTag as=\"button\">react</TopicTag>"
+        },
+        {
+          "id": "experimental-components-topictag-features--as-group",
+          "code": "() => {\n  const tags = [\n    'react',\n    'nodejs',\n    'javascript',\n    'd3',\n    'teachers',\n    'community',\n    'education',\n    'programming',\n    'curriculum',\n    'math',\n  ]\n  return (\n    <TopicTagGroup>\n      {tags.map((tag) => (\n        <TopicTag key={tag} href={`/topics/${tag}`}>\n          {tag}\n        </TopicTag>\n      ))}\n    </TopicTagGroup>\n  )\n}"
+        }
+      ],
+      "importPath": "@primer/react/experimental",
+      "props": [
+        {
+          "name": "as",
+          "type": "React.ElementType",
+          "description": "The HTML element or React component to render as the root element"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "description": "Provide a class name for styling on the outermost element"
+        }
+      ],
+      "subcomponents": [
+        {
+          "name": "TopicTag.Group",
+          "props": [
+            {
+              "name": "className",
+              "type": "string",
+              "description": "Provide a class name for styling on the outermost element"
+            }
+          ]
+        }
+      ]
+    },
     "tree_view": {
       "source": "https://github.com/primer/react/tree/main/packages/react/src/TreeView",
       "id": "tree_view",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.3.0-rc.ec800fb23",
+  "version": "38.3.0-rc.ef24452b6",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/ActionBar/ActionBar-8ed12fe7.css

@@ -1,2 +0,0 @@
-.prc-ActionBar-List-Z4LzW{align-items:center;display:flex;gap:var(--actionbar-gap,var(--stack-gap-condensed,.5rem));list-style:none;margin-bottom:-1px;min-width:0;position:relative;white-space:nowrap}.prc-ActionBar-List-Z4LzW:where([data-gap=none]){--actionbar-gap:0}.prc-ActionBar-List-Z4LzW:where([data-gap=condensed]){--actionbar-gap:var(--stack-gap-condensed,0.5rem)}.prc-ActionBar-Nav-hc-9G{align-items:center;display:flex;justify-content:flex-end;padding-inline:var(--base-size-16,1rem)}.prc-ActionBar-Nav-hc-9G:where([data-flush=true]){padding-inline:0}.prc-ActionBar-Divider-CcBO8:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--base-size-20,1.25rem);width:var(--borderWidth-thin,.0625rem)}.prc-ActionBar-Group-hBx7J{display:flex;gap:inherit}
-/*# sourceMappingURL=ActionBar-8ed12fe7.css.map */

package/dist/ActionBar/ActionBar-8ed12fe7.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ActionBar/ActionBar.module.css"],"names":[],"mappings":"AAAA,0BAUE,kBAAmB,CARnB,YAAa,CASb,yDAAqD,CAFrD,eAAgB,CAFhB,kBAAmB,CAJnB,WAAY,CAFZ,iBAAkB,CAOlB,kBAaF,CAPE,iDACE,iBACF,CAEA,sDACE,iDACF,CAGF,yBAIE,kBAAmB,CAHnB,YAAa,CAEb,wBAAyB,CADzB,uCAOF,CAHE,kDACE,gBACF,CAIA,oCAME,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,kCAA2B,CAD3B,sCAKF,CAGF,2BACE,YAAa,CACb,WACF","file":"ActionBar-8ed12fe7.css","sourcesContent":[".List {\n  position: relative;\n  display: flex;\n  min-width: 0;\n\n  /* wonder why this is here */\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  white-space: nowrap;\n  list-style: none;\n  align-items: center;\n  gap: var(--actionbar-gap, var(--stack-gap-condensed));\n\n  /* Gap scale (mirrors Stack) */\n  &:where([data-gap='none']) {\n    --actionbar-gap: 0;\n  }\n\n  &:where([data-gap='condensed']) {\n    --actionbar-gap: var(--stack-gap-condensed);\n  }\n}\n\n.Nav {\n  display: flex;\n  padding-inline: var(--base-size-16);\n  justify-content: flex-end;\n  align-items: center;\n\n  &:where([data-flush='true']) {\n    padding-inline: 0;\n  }\n}\n\n.Divider {\n  &::before {\n    display: block;\n    width: var(--borderWidth-thin);\n    height: var(--base-size-20);\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background: var(--borderColor-muted);\n  }\n}\n\n.Group {\n  display: flex;\n  gap: inherit;\n}\n"]}