@primer/react 38.3.0-rc.41581dbcb → 38.3.0-rc.44ad0c069

package/CHANGELOG.md

@@ -10,10 +10,16 @@
 
 - [#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
 
+- [#7239](https://github.com/primer/react/pull/7239) [`2735220`](https://github.com/primer/react/commit/27352201b87227a5a1d85f77eca91bfd08cd4536) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Center align header and description for BlankSlate
+
+- [#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/Blankslate/{Blankslate-2be5efdc.css → Blankslate-f5a9755a.css}

@@ -1,2 +1,2 @@
-.prc-Blankslate-Container-XATLP{container:blankslate/inline-size}.prc-Blankslate-Blankslate-7GPW-{display:grid;justify-items:center;padding:var(--blankslate-padding)}.prc-Blankslate-Blankslate-7GPW-:where([data-border]){border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-narrow]){margin:0 auto;max-width:485px}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium]){--blankslate-heading-text:var(--text-title-shorthand-medium,600 1.25rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small]){--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.42857 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem) var(--base-size-20,1.25rem);--blankslate-action-margin-block-end:var(--base-size-12,0.75rem);--blankslate-visual-size:var(--base-size-24,1.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small][data-spacious]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large]){--blankslate-heading-text:var(--text-title-shorthand-large,600 2rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:var(--base-size-8,0.5rem) var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-margin-block:0 var(--base-size-8,0.5rem);--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Heading-H4xby{margin:0}.prc-Blankslate-Heading-H4xby{font:var(--blankslate-heading-text);margin-block:var(--blankslate-heading-margin-block)}.prc-Blankslate-Description-OGHRk{font:var(--blankslate-description-text);margin-block:var(--blankslate-description-margin-block)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-Blankslate-Visual-PeTD-{display:inline-flex;margin-block-end:var(--base-size-8,.5rem);max-width:var(--blankslate-visual-size)}.prc-Blankslate-Visual-PeTD- svg{width:100%}.prc-Blankslate-Action-SK5XS{font:var(--blankslate-description-text);margin-block-start:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:where(:last-of-type){margin-block-end:var(--blankslate-action-margin-block-end)}@container blankslate (max-width: 34rem){.prc-Blankslate-Blankslate-7GPW-{--blankslate-padding:var(--base-size-20,1.25rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-spacious=true]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-{--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.42857 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted));margin-bottom:var(--base-size-8,.5rem);max-width:var(--base-size-24,1.5rem)}.prc-Blankslate-Action-SK5XS{margin-top:var(--base-size-8,.5rem)}.prc-Blankslate-Action-SK5XS:first-of-type{margin-top:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:last-of-type{margin-bottom:calc(var(--base-size-8,.5rem)/2)}}
-/*# sourceMappingURL=Blankslate-2be5efdc.css.map */
+.prc-Blankslate-Container-XATLP{container:blankslate/inline-size}.prc-Blankslate-Blankslate-7GPW-{display:grid;justify-items:center;padding:var(--blankslate-padding)}.prc-Blankslate-Blankslate-7GPW-:where([data-border]){border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-narrow]){margin:0 auto;max-width:485px}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium]){--blankslate-heading-text:var(--text-title-shorthand-medium,600 1.25rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small]){--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.42857 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem) var(--base-size-20,1.25rem);--blankslate-action-margin-block-end:var(--base-size-12,0.75rem);--blankslate-visual-size:var(--base-size-24,1.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small][data-spacious]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large]){--blankslate-heading-text:var(--text-title-shorthand-large,600 2rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:var(--base-size-8,0.5rem) var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-margin-block:0 var(--base-size-8,0.5rem);--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Heading-H4xby{margin:0;text-align:center}.prc-Blankslate-Heading-H4xby{font:var(--blankslate-heading-text);margin-block:var(--blankslate-heading-margin-block)}.prc-Blankslate-Description-OGHRk{font:var(--blankslate-description-text);margin-block:var(--blankslate-description-margin-block)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-Blankslate-Visual-PeTD-{display:inline-flex;margin-block-end:var(--base-size-8,.5rem);max-width:var(--blankslate-visual-size)}.prc-Blankslate-Visual-PeTD- svg{width:100%}.prc-Blankslate-Action-SK5XS{font:var(--blankslate-description-text);margin-block-start:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:where(:last-of-type){margin-block-end:var(--blankslate-action-margin-block-end)}@container blankslate (max-width: 34rem){.prc-Blankslate-Blankslate-7GPW-{--blankslate-padding:var(--base-size-20,1.25rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-spacious=true]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-{--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.42857 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted));margin-bottom:var(--base-size-8,.5rem);max-width:var(--base-size-24,1.5rem)}.prc-Blankslate-Action-SK5XS{margin-top:var(--base-size-8,.5rem)}.prc-Blankslate-Action-SK5XS:first-of-type{margin-top:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:last-of-type{margin-bottom:calc(var(--base-size-8,.5rem)/2)}}
+/*# sourceMappingURL=Blankslate-f5a9755a.css.map */

package/dist/Blankslate/Blankslate-f5a9755a.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blankslate/Blankslate.module.css"],"names":[],"mappings":"AAAA,gCACE,gCACF,CAEA,iCACE,YAAa,CACb,oBAAqB,CAErB,iCAiDF,CA/CE,sDACE,oGAAgE,CAChE,gDACF,CAEA,sDAEE,aAAc,CADd,eAEF,CAEA,2DACE,oMAA6D,CAC7D,8DAAuD,CACvD,mMAA+D,CAC/D,6CAAyC,CACzC,6DACF,CAEA,0EACE,wEACF,CAEA,0DACE,gMAA4D,CAC5D,8DAAuD,CACvD,4MAAgE,CAChE,yEAA6D,CAC7D,gEAAyD,CACzD,mDACF,CAEA,yEACE,4EACF,CAEA,0DACE,gMAA4D,CAC5D,sFAAwE,CACxE,mMAA+D,CAC/D,iEAA2D,CAC3D,6CAAyC,CACzC,6DACF,CAEA,yEACE,wEACF,CAGF,gEAEE,QAAS,CACT,iBACF,CAEA,8BAEE,mCAAoC,CAEpC,mDACF,CAEA,kCAEE,uCAAwC,CAGxC,uDACF,CAEA,+DALE,gDAeF,CAVA,6BAGE,mBAAoB,CACpB,yCAAoC,CACpC,uCAKF,CAHE,iCACE,UACF,CAGF,6BAEE,uCAAwC,CACxC,2CAMF,CAJE,kDAEE,0DACF,CAIF,yCACE,iCACE,gDAQF,CANE,6DACE,4EACF,CALF,iCAOE,gMAA4D,CAC5D,4MACF,CAEA,6BAGE,gDAA2B,CAD3B,sCAAiC,CADjC,oCAGF,CAEA,6BACE,mCASF,CAPE,2CACE,mCACF,CAEA,0CACE,8CACF,CAEJ","file":"Blankslate-f5a9755a.css","sourcesContent":[".Container {\n  container: blankslate / inline-size;\n}\n\n.Blankslate {\n  display: grid;\n  justify-items: center;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--blankslate-padding);\n\n  &:where([data-border]) {\n    border: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-narrow]) {\n    max-width: 485px;\n    margin: 0 auto;\n  }\n\n  &:where([data-size='medium']) {\n    --blankslate-heading-text: var(--text-title-shorthand-medium);\n    --blankslate-heading-margin-block: 0 var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-large);\n    --blankslate-padding: var(--base-size-32);\n    --blankslate-action-margin-block-end: var(--base-size-16);\n  }\n\n  &:where([data-size='medium'][data-spacious]) {\n    --blankslate-padding: var(--base-size-80) var(--base-size-40);\n  }\n\n  &:where([data-size='small']) {\n    --blankslate-heading-text: var(--text-title-shorthand-small);\n    --blankslate-heading-margin-block: 0 var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-medium);\n    --blankslate-padding: var(--base-size-32) var(--base-size-20);\n    --blankslate-action-margin-block-end: var(--base-size-12);\n    --blankslate-visual-size: var(--base-size-24);\n  }\n\n  &:where([data-size='small'][data-spacious]) {\n    --blankslate-padding: var(--base-size-44) var(--base-size-28);\n  }\n\n  &:where([data-size='large']) {\n    --blankslate-heading-text: var(--text-title-shorthand-large);\n    --blankslate-heading-margin-block: var(--base-size-8) var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-large);\n    --blankslate-description-margin-block: 0 var(--base-size-8);\n    --blankslate-padding: var(--base-size-32);\n    --blankslate-action-margin-block-end: var(--base-size-16);\n  }\n\n  &:where([data-size='large'][data-spacious]) {\n    --blankslate-padding: var(--base-size-80) var(--base-size-40);\n  }\n}\n\n.Heading,\n.Description {\n  margin: 0;\n  text-align: center;\n}\n\n.Heading {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-heading-text);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: var(--blankslate-heading-margin-block);\n}\n\n.Description {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-description-text);\n  color: var(--fgColor-muted);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: var(--blankslate-description-margin-block);\n}\n\n.Visual {\n  color: var(--fgColor-muted);\n  /* This display property exists so that the container matches the size of the inner svg element */\n  display: inline-flex;\n  margin-block-end: var(--base-size-8);\n  max-width: var(--blankslate-visual-size);\n\n  & svg {\n    width: 100%;\n  }\n}\n\n.Action {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-description-text);\n  margin-block-start: var(--base-size-16);\n\n  &:where(:last-of-type) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-end: var(--blankslate-action-margin-block-end);\n  }\n}\n\n/* At the time these styles were written, 34rem was our \"small\" breakpoint width */\n@container blankslate (max-width: 34rem) {\n  .Blankslate {\n    --blankslate-padding: var(--base-size-20);\n\n    &:where([data-spacious='true']) {\n      --blankslate-padding: var(--base-size-44) var(--base-size-28);\n    }\n\n    --blankslate-heading-text: var(--text-title-shorthand-small);\n    --blankslate-description-text: var(--text-body-shorthand-medium);\n  }\n\n  .Visual {\n    max-width: var(--base-size-24);\n    margin-bottom: var(--base-size-8);\n    color: var(--fgColor-muted);\n  }\n\n  .Action {\n    margin-top: var(--base-size-8);\n\n    &:first-of-type {\n      margin-top: var(--base-size-16);\n    }\n\n    &:last-of-type {\n      margin-bottom: calc(var(--base-size-8) / 2);\n    }\n  }\n}\n"]}

package/dist/Blankslate/Blankslate.module.css.js

@@ -1,4 +1,4 @@
-import './Blankslate-2be5efdc.css';
+import './Blankslate-f5a9755a.css';
 
 var classes = {"Container":"prc-Blankslate-Container-XATLP","Blankslate":"prc-Blankslate-Blankslate-7GPW-","Description":"prc-Blankslate-Description-OGHRk","Heading":"prc-Blankslate-Heading-H4xby","Visual":"prc-Blankslate-Visual-PeTD-","Action":"prc-Blankslate-Action-SK5XS"};
 

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

@@ -8002,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.41581dbcb",
+  "version": "38.3.0-rc.44ad0c069",
   "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"]}

package/dist/Blankslate/Blankslate-2be5efdc.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Blankslate/Blankslate.module.css"],"names":[],"mappings":"AAAA,gCACE,gCACF,CAEA,iCACE,YAAa,CACb,oBAAqB,CAErB,iCAiDF,CA/CE,sDACE,oGAAgE,CAChE,gDACF,CAEA,sDAEE,aAAc,CADd,eAEF,CAEA,2DACE,oMAA6D,CAC7D,8DAAuD,CACvD,mMAA+D,CAC/D,6CAAyC,CACzC,6DACF,CAEA,0EACE,wEACF,CAEA,0DACE,gMAA4D,CAC5D,8DAAuD,CACvD,4MAAgE,CAChE,yEAA6D,CAC7D,gEAAyD,CACzD,mDACF,CAEA,yEACE,4EACF,CAEA,0DACE,gMAA4D,CAC5D,sFAAwE,CACxE,mMAA+D,CAC/D,iEAA2D,CAC3D,6CAAyC,CACzC,6DACF,CAEA,yEACE,wEACF,CAGF,gEAEE,QACF,CAEA,8BAEE,mCAAoC,CAEpC,mDACF,CAEA,kCAEE,uCAAwC,CAGxC,uDACF,CAEA,+DALE,gDAeF,CAVA,6BAGE,mBAAoB,CACpB,yCAAoC,CACpC,uCAKF,CAHE,iCACE,UACF,CAGF,6BAEE,uCAAwC,CACxC,2CAMF,CAJE,kDAEE,0DACF,CAIF,yCACE,iCACE,gDAQF,CANE,6DACE,4EACF,CALF,iCAOE,gMAA4D,CAC5D,4MACF,CAEA,6BAGE,gDAA2B,CAD3B,sCAAiC,CADjC,oCAGF,CAEA,6BACE,mCASF,CAPE,2CACE,mCACF,CAEA,0CACE,8CACF,CAEJ","file":"Blankslate-2be5efdc.css","sourcesContent":[".Container {\n  container: blankslate / inline-size;\n}\n\n.Blankslate {\n  display: grid;\n  justify-items: center;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--blankslate-padding);\n\n  &:where([data-border]) {\n    border: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-narrow]) {\n    max-width: 485px;\n    margin: 0 auto;\n  }\n\n  &:where([data-size='medium']) {\n    --blankslate-heading-text: var(--text-title-shorthand-medium);\n    --blankslate-heading-margin-block: 0 var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-large);\n    --blankslate-padding: var(--base-size-32);\n    --blankslate-action-margin-block-end: var(--base-size-16);\n  }\n\n  &:where([data-size='medium'][data-spacious]) {\n    --blankslate-padding: var(--base-size-80) var(--base-size-40);\n  }\n\n  &:where([data-size='small']) {\n    --blankslate-heading-text: var(--text-title-shorthand-small);\n    --blankslate-heading-margin-block: 0 var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-medium);\n    --blankslate-padding: var(--base-size-32) var(--base-size-20);\n    --blankslate-action-margin-block-end: var(--base-size-12);\n    --blankslate-visual-size: var(--base-size-24);\n  }\n\n  &:where([data-size='small'][data-spacious]) {\n    --blankslate-padding: var(--base-size-44) var(--base-size-28);\n  }\n\n  &:where([data-size='large']) {\n    --blankslate-heading-text: var(--text-title-shorthand-large);\n    --blankslate-heading-margin-block: var(--base-size-8) var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-large);\n    --blankslate-description-margin-block: 0 var(--base-size-8);\n    --blankslate-padding: var(--base-size-32);\n    --blankslate-action-margin-block-end: var(--base-size-16);\n  }\n\n  &:where([data-size='large'][data-spacious]) {\n    --blankslate-padding: var(--base-size-80) var(--base-size-40);\n  }\n}\n\n.Heading,\n.Description {\n  margin: 0;\n}\n\n.Heading {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-heading-text);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: var(--blankslate-heading-margin-block);\n}\n\n.Description {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-description-text);\n  color: var(--fgColor-muted);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: var(--blankslate-description-margin-block);\n}\n\n.Visual {\n  color: var(--fgColor-muted);\n  /* This display property exists so that the container matches the size of the inner svg element */\n  display: inline-flex;\n  margin-block-end: var(--base-size-8);\n  max-width: var(--blankslate-visual-size);\n\n  & svg {\n    width: 100%;\n  }\n}\n\n.Action {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-description-text);\n  margin-block-start: var(--base-size-16);\n\n  &:where(:last-of-type) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-end: var(--blankslate-action-margin-block-end);\n  }\n}\n\n/* At the time these styles were written, 34rem was our \"small\" breakpoint width */\n@container blankslate (max-width: 34rem) {\n  .Blankslate {\n    --blankslate-padding: var(--base-size-20);\n\n    &:where([data-spacious='true']) {\n      --blankslate-padding: var(--base-size-44) var(--base-size-28);\n    }\n\n    --blankslate-heading-text: var(--text-title-shorthand-small);\n    --blankslate-description-text: var(--text-body-shorthand-medium);\n  }\n\n  .Visual {\n    max-width: var(--base-size-24);\n    margin-bottom: var(--base-size-8);\n    color: var(--fgColor-muted);\n  }\n\n  .Action {\n    margin-top: var(--base-size-8);\n\n    &:first-of-type {\n      margin-top: var(--base-size-16);\n    }\n\n    &:last-of-type {\n      margin-bottom: calc(var(--base-size-8) / 2);\n    }\n  }\n}\n"]}