@primer/react-brand 0.68.1-rc.e248cf2a → 0.69.0-rc.50f5ffef

package/esm/Hero/{Hero.module-DvYo_AtL.css → Hero.module-Cy82CEW3.css}

@@ -1 +1 @@
-.Primer_Brand__Hero-module__Hero___It6gj{flex-direction:column;display:flex}.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-narrow-padding)}.Primer_Brand__Hero-module__Hero--align-start___ouSp3{text-align:left;align-items:flex-start}.Primer_Brand__Hero-module__Hero--align-center___6FMoH{text-align:center;place-items:center}.Primer_Brand__Hero-module__Hero-grid___gXNGW{--brand-Grid-spacing-margin:0}.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{width:100%;max-width:1280px;padding:var(--base-size-32);background-color:var(--brand-Hero-bgColor-gridlineGridInner);margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V,.Primer_Brand__Hero-module__Hero-grid--inline-end___o8Dtq{--brand-Grid-spacing-row:var(--base-size-40)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{padding:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V{--brand-Grid-spacing-row:var(--base-size-80)}}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-actions___RUotq{justify-content:center}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-content___lpGj0{flex-direction:column;align-items:center;display:flex}.Primer_Brand__Hero-module__Hero-image___GC10l{border-radius:var(--brand-borderRadius-medium);width:100%}.Primer_Brand__Hero-module__Hero-mediaContainer___DWFUR{flex:1;width:100%;height:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--bg-subtle___RFNq3{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-32);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{justify-content:center;width:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{background-color:var(--brand-color-canvas-subtle);align-items:stretch;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{min-height:calc(600px - var(--base-size-24))}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero-media-item--block-end___RrUWM{border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI{border-radius:var(--brand-borderRadius-medium)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{width:100%;max-width:1280px;margin-inline:auto}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{min-height:440px}}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh.Primer_Brand__Hero-module__Hero--image-pos-inline___fwJAZ{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-32);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr:not(.Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk),.Primer_Brand__Hero-module__Hero-media-item--inline___3XHJG{border-radius:0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk{align-self:center;max-width:100%;height:auto}.Primer_Brand__Hero-module__Hero-video___Ne5zN{width:100%}.Primer_Brand__Hero-module__Hero-media-item___Ia3pn{border-radius:var(--brand-borderRadius-large);width:100%}.Primer_Brand__Hero-module__Hero-label___XJftM{text-transform:uppercase;letter-spacing:1px;align-items:center;margin-block-end:calc(var(--base-size-16) - var(--base-size-2));display:flex}.Primer_Brand__Hero-module__Hero-heading___HMve3{max-width:924px;margin:0}.Primer_Brand__Hero-module__Hero-heading___HMve3 b{color:var(--brand-color-accent-primary);font-style:normal;font-weight:inherit}.Primer_Brand__Hero-module__Hero-heading--fullWidth___sJlnY{max-width:none;max-width:initial}.Primer_Brand__Hero-module__Hero-text-column--inline-gridline___gGhfi{height:100%}.Primer_Brand__Hero-module__Hero-description___7raSC{margin:var(--base-size-24) 0 0;max-width:600px}.Primer_Brand__Hero-module__Hero--variant-inline-gridline___Jwjqy .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:auto;padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:center;gap:var(--base-size-8) var(--base-size-16);flex-wrap:wrap;margin-block-start:var(--base-size-32);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:stretch;gap:var(--base-size-8) var(--base-size-12)}.Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-eyebrow___mlxSE{margin-block-end:var(--base-size-32)}@media screen and (width>=34rem){.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-regular-padding)}}.Primer_Brand__Hero-module__Hero-video-poster-button___mtbvt{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;font-size:0;line-height:0;display:block;position:relative}.Primer_Brand__Hero-module__Hero-video-poster-image___ZP3Q5{width:100%;height:auto;display:block}.Primer_Brand__Hero-module__Hero-video-poster-icon___PfT4p{width:var(--base-size-96);height:var(--base-size-96);z-index:1;color:var(--base-color-scale-white-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__Hero-module__Hero-video-poster-header___13M9x{padding:var(--base-size-16) var(--base-size-24);align-items:center;gap:var(--base-size-16);height:var(--base-size-80);background:linear-gradient(#000000b3 60%,#0000);display:flex;position:absolute;inset:0 0 auto}.Primer_Brand__Hero-module__Hero-video-header-poster-icon___tlEff,.Primer_Brand__Hero-module__Hero-video-poster-text___4R755{color:var(--base-color-scale-white-0)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{--brand-Grid-spacing-row:0;gap:0;width:100%;max-width:1280px;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-32);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;padding-block-end:var(--base-size-24);display:flex}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-32);padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-24)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-64);border-block-end:none;border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline-end:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-64);flex-direction:column;justify-content:flex-end;padding-inline-start:var(--base-size-64);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-image___GC10l:not(.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}
+.Primer_Brand__Hero-module__Hero___It6gj{flex-direction:column;display:flex}.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-narrow-padding)}.Primer_Brand__Hero-module__Hero--align-start___ouSp3{text-align:left;align-items:flex-start}.Primer_Brand__Hero-module__Hero--align-center___6FMoH{text-align:center;place-items:center}.Primer_Brand__Hero-module__Hero-grid___gXNGW{--brand-Grid-spacing-margin:0}.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{width:100%;max-width:1280px;padding:var(--base-size-32);background-color:var(--brand-Hero-bgColor-gridlineGridInner);margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V,.Primer_Brand__Hero-module__Hero-grid--inline-end___o8Dtq{--brand-Grid-spacing-row:var(--base-size-40)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{padding:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V{--brand-Grid-spacing-row:var(--base-size-80)}}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-actions___RUotq{justify-content:center}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-content___lpGj0{flex-direction:column;align-items:center;display:flex}.Primer_Brand__Hero-module__Hero-image___GC10l{border-radius:var(--brand-borderRadius-medium);width:100%}.Primer_Brand__Hero-module__Hero-mediaContainer___DWFUR{flex:1;width:100%;height:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--bg-subtle___RFNq3{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-32);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{justify-content:center;width:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{background-color:var(--brand-color-canvas-subtle);align-items:stretch;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{min-height:calc(600px - var(--base-size-24))}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero-media-item--block-end___RrUWM{border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI{border-radius:var(--brand-borderRadius-medium)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{width:100%;max-width:1280px;margin-inline:auto}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{min-height:440px}}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh.Primer_Brand__Hero-module__Hero--image-pos-inline___fwJAZ{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-32);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr:not(.Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk),.Primer_Brand__Hero-module__Hero-media-item--inline___3XHJG{border-radius:0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk{align-self:center;max-width:100%;height:auto}.Primer_Brand__Hero-module__Hero-video___Ne5zN{width:100%}.Primer_Brand__Hero-module__Hero-media-item___Ia3pn{border-radius:var(--brand-borderRadius-large);width:100%}.Primer_Brand__Hero-module__Hero-label___XJftM{text-transform:uppercase;letter-spacing:1px;align-items:center;margin-block-end:calc(var(--base-size-16) - var(--base-size-2));display:flex}.Primer_Brand__Hero-module__Hero-heading___HMve3{max-width:924px;margin:0}.Primer_Brand__Hero-module__Hero-heading___HMve3 b{color:var(--brand-color-accent-primary);font-style:normal;font-weight:inherit}.Primer_Brand__Hero-module__Hero-heading--fullWidth___sJlnY{max-width:none;max-width:initial}.Primer_Brand__Hero-module__Hero-text-column--inline-gridline___gGhfi{height:100%}.Primer_Brand__Hero-module__Hero-description___7raSC{margin:var(--base-size-24) 0 0;max-width:600px}.Primer_Brand__Hero-module__Hero--variant-inline-gridline___Jwjqy .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:auto;padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:center;gap:var(--base-size-8) var(--base-size-16);flex-wrap:wrap;margin-block-start:var(--base-size-28);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:stretch;gap:var(--base-size-8) var(--base-size-12)}.Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-eyebrow___mlxSE{margin-block-end:var(--base-size-32)}@media screen and (width>=34rem){.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-regular-padding)}}.Primer_Brand__Hero-module__Hero-video-poster-button___mtbvt{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;font-size:0;line-height:0;display:block;position:relative}.Primer_Brand__Hero-module__Hero-video-poster-image___ZP3Q5{width:100%;height:auto;display:block}.Primer_Brand__Hero-module__Hero-video-poster-icon___PfT4p{width:var(--base-size-96);height:var(--base-size-96);z-index:1;color:var(--base-color-scale-white-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__Hero-module__Hero-video-poster-header___13M9x{padding:var(--base-size-16) var(--base-size-24);align-items:center;gap:var(--base-size-16);height:var(--base-size-80);background:linear-gradient(#000000b3 60%,#0000);display:flex;position:absolute;inset:0 0 auto}.Primer_Brand__Hero-module__Hero-video-header-poster-icon___tlEff,.Primer_Brand__Hero-module__Hero-video-poster-text___4R755{color:var(--base-color-scale-white-0)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{--brand-Grid-spacing-row:0;gap:0;width:100%;max-width:1280px;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-32);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;padding-block-end:var(--base-size-24);display:flex}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-32);padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{margin-block-start:var(--base-size-28)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-24)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-64);border-block-end:none;border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline-end:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-64);flex-direction:column;justify-content:flex-end;padding-inline-start:var(--base-size-64);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{margin-block-start:var(--base-size-28)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-20)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-image___GC10l:not(.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}

package/esm/Hero/Hero.module.js

@@ -1,4 +1,4 @@
-import './Hero.module-DvYo_AtL.css';var e = {
+import './Hero.module-Cy82CEW3.css';var e = {
 	Hero: "Primer_Brand__Hero-module__Hero___It6gj",
 	"Hero--variant-default": "Primer_Brand__Hero-module__Hero--variant-default___lNgHw",
 	"Hero--align-start": "Primer_Brand__Hero-module__Hero--align-start___ouSp3",

package/esm/Hero/Hero.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.module.js","names":[],"sources":["../../src/Hero/Hero.module.css"],"sourcesContent":[".Hero {\n  display: flex;\n  flex-direction: column;\n}\n\n.Hero--variant-default {\n  padding: var(--brand-Hero-narrow-padding);\n}\n\n.Hero--align-start {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.Hero--align-center {\n  justify-items: center;\n  align-items: center;\n  text-align: center;\n}\n\n.Hero-grid {\n  --brand-Grid-spacing-margin: 0;\n}\n\n.Hero-grid--contained {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  padding: var(--base-size-32);\n  background-color: var(--brand-Hero-bgColor-gridlineGridInner); /* Unset by default - users can override if needed */\n}\n\n/* Prevents double-borders. We only apply the inline borders when the parent container is wide enough to show the full width.  */\n@container (min-width: 1280px) {\n  .Hero-grid--contained {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero-grid--block-end,\n.Hero-grid--inline-end {\n  --brand-Grid-spacing-row: var(--base-size-40);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-grid--contained {\n    padding: var(--base-size-64);\n  }\n\n  .Hero-grid--block-end {\n    --brand-Grid-spacing-row: var(--base-size-80);\n  }\n}\n\n.Hero--align-center .Hero-actions {\n  justify-content: center;\n}\n\n.Hero--align-center .Hero-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.Hero-image {\n  border-radius: var(--brand-borderRadius-medium);\n  width: 100%;\n}\n\n.Hero-mediaContainer {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex: 1;\n}\n\n.Hero-imageContainer--bg-subtle {\n  background-color: var(--brand-color-canvas-subtle);\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bg-padded {\n  padding: var(--base-size-32);\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero-imageWrapper {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.Hero-imageWrapper--bg-subtle {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bordered {\n  background-color: var(--brand-color-canvas-subtle);\n  display: flex;\n  align-items: stretch;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-imageContainer--inline-bordered {\n    min-height: calc(600px - var(--base-size-24));\n  }\n\n  .Hero-imageWrapper--bg-subtle {\n    padding: var(--base-size-64) var(--base-size-64) 0;\n  }\n\n  .Hero-imageContainer--inline-bg-padded {\n    padding: var(--base-size-64);\n  }\n}\n\n.Hero--variant-gridline {\n  container-type: inline-size;\n  width: 100%;\n}\n\n/* Shared media styles for images and videos */\n.Hero--variant-gridline .Hero-media {\n  max-width: 1176px;\n  margin-inline: auto;\n  display: block;\n  overflow: hidden;\n}\n\n.Hero--variant-gridline .Hero-media--pos-block-end {\n  border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n/* Applied directly to video/iframe elements for block-end position */\n.Hero-media-item--block-end {\n  border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  width: 100%;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n  .Hero--variant-gridline .Hero-imageWrapper-inner--with-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n  padding: var(--base-size-32);\n}\n\n.Hero-media--pos-block-end-padded {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero--variant-gridline .Hero-imageWrapper-inner {\n    padding: var(--base-size-64) var(--base-size-64) 0;\n  }\n\n  .Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n    padding: var(--base-size-64);\n  }\n}\n\n/* GridLine variant with inline (side-by-side) layout */\n.Hero-grid--bordered-inline {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-grid--bordered-inline {\n    min-height: 440px;\n  }\n}\n\n@container (min-width: 1280px) {\n  .Hero-grid--bordered-inline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero--variant-gridline.Hero--image-pos-inline {\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n/* Text column styling for gridline inline positions */\n.Hero-contentColumn--bordered-inline {\n  padding: var(--base-size-32);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-contentColumn--bordered-inline {\n    padding: var(--base-size-64);\n  }\n}\n\n/* Media styling for gridline inline positions */\n\n/* Edge-to-edge inline media (no padding) - remove border radius */\n.Hero--variant-gridline .Hero-media--pos-inline:not(.Hero-media--pos-inline-padded) {\n  border-radius: 0;\n}\n\n/* Applied directly to video/iframe elements for inline position */\n.Hero-media-item--inline {\n  border-radius: 0;\n}\n\n/* Padded inline media - constrain size and center */\n.Hero--variant-gridline .Hero-media--pos-inline-padded {\n  max-width: 100%;\n  height: auto;\n  align-self: center;\n}\n\n/* Image column styling now handled by .Hero-imageContainer--inline-bordered */\n\n.Hero-video {\n  width: 100%;\n}\n\n/* Base styles for video/iframe media elements */\n.Hero-media-item {\n  width: 100%;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.Hero-label {\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-block-end: calc(var(--base-size-16) - var(--base-size-2));\n  display: flex;\n  align-items: center;\n}\n\n.Hero-heading {\n  margin: 0;\n  max-width: 924px;\n}\n\n.Hero-heading b {\n  color: var(--brand-color-accent-primary);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.Hero-heading--fullWidth {\n  max-width: unset;\n}\n\n.Hero-text-column--inline-gridline {\n  height: 100%;\n}\n\n.Hero-description {\n  margin: var(--base-size-24) 0 0;\n  max-width: 600px;\n}\n\n.Hero--variant-inline-gridline .Hero-description {\n  padding-block-start: var(--base-size-24);\n  margin-block-start: auto;\n}\n\n.Hero-actions {\n  margin-block-start: var(--base-size-32);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--base-size-8) var(--base-size-16);\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n  align-items: stretch;\n  gap: var(--base-size-8) var(--base-size-12);\n}\n\n.Hero-trailing {\n  margin-block-start: var(--base-size-32);\n}\n\n.Hero-eyebrow {\n  margin-block-end: var(--base-size-32);\n}\n\n/* Small breakpoint and up */\n@media screen and (min-width: 34rem) {\n  .Hero--variant-default {\n    padding: var(--brand-Hero-regular-padding);\n  }\n}\n\n.Hero-video-poster-button {\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: block;\n  height: 100%;\n  position: relative;\n  line-height: 0;\n  font-size: 0;\n  width: 100%;\n}\n\n.Hero-video-poster-image {\n  display: block;\n  height: auto;\n  width: 100%;\n}\n\n.Hero-video-poster-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--base-size-96);\n  height: var(--base-size-96);\n  z-index: 1;\n  color: var(--base-color-scale-white-0);\n}\n\n.Hero-video-poster-header {\n  position: absolute;\n  inset: 0 0 auto;\n  padding: var(--base-size-16) var(--base-size-24);\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0));\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-16);\n  height: var(--base-size-80);\n}\n\n.Hero-video-header-poster-icon,\n.Hero-video-poster-text {\n  color: var(--base-color-scale-white-0);\n}\n\n/* ========================================\n   Gridline-Expressive Variant\n   ======================================== */\n\n.Hero--variant-gridline-expressive {\n  container-type: inline-size;\n  width: 100%;\n}\n\n/* Grid container for expressive variant */\n.Hero-grid--expressive {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  gap: 0;\n  --brand-Grid-spacing-row: 0;\n}\n\n@container (min-width: 1280px) {\n  .Hero-grid--expressive {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n/* Header column (eyebrow, heading) */\n.Hero-expressive-header-column {\n  padding: var(--base-size-32);\n  padding-block-end: var(--base-size-24);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  display: flex;\n  align-items: center;\n}\n\n/* Body column (description, actions, trailing) */\n.Hero-expressive-body-column {\n  padding: var(--base-size-32);\n  padding-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-description {\n  margin-block-start: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n  margin-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-trailing {\n  margin-block-start: var(--base-size-24);\n}\n\n/* Desktop: Side-by-side layout with vertical divider */\n@media screen and (min-width: 63.25rem) {\n  .Hero-expressive-header-column {\n    padding: var(--base-size-64);\n    padding-inline-end: var(--base-size-64);\n    border-block-end: none;\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .Hero-expressive-body-column {\n    padding: var(--base-size-64);\n    padding-inline-start: var(--base-size-64);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n  }\n\n  .Hero--variant-gridline-expressive .Hero-actions {\n    margin-block-start: var(--base-size-32);\n  }\n\n  .Hero--variant-gridline-expressive .Hero-trailing {\n    margin-block-start: var(--base-size-32);\n  }\n}\n\n/* Media wrapper styles for gridline-expressive (same as gridline) */\n.Hero--variant-gridline-expressive .Hero-imageWrapper {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  width: 100%;\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n  .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--with-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n  padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n    padding: var(--base-size-64) var(--base-size-64) 0;\n  }\n\n  .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n    padding: var(--base-size-64);\n  }\n}\n\n/* Shared media styles for gridline-expressive */\n.Hero--variant-gridline-expressive .Hero-media {\n  max-width: 1176px;\n  margin-inline: auto;\n  display: block;\n  overflow: hidden;\n}\n\n.Hero--variant-gridline-expressive .Hero-media--pos-block-end,\n.Hero--variant-gridline-expressive .Hero-image:not(.Hero-media--pos-block-end-padded) {\n  border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n"],"mappings":""}
+{"version":3,"file":"Hero.module.js","names":[],"sources":["../../src/Hero/Hero.module.css"],"sourcesContent":[".Hero {\n  display: flex;\n  flex-direction: column;\n}\n\n.Hero--variant-default {\n  padding: var(--brand-Hero-narrow-padding);\n}\n\n.Hero--align-start {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.Hero--align-center {\n  justify-items: center;\n  align-items: center;\n  text-align: center;\n}\n\n.Hero-grid {\n  --brand-Grid-spacing-margin: 0;\n}\n\n.Hero-grid--contained {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  padding: var(--base-size-32);\n  background-color: var(--brand-Hero-bgColor-gridlineGridInner); /* Unset by default - users can override if needed */\n}\n\n/* Prevents double-borders. We only apply the inline borders when the parent container is wide enough to show the full width.  */\n@container (min-width: 1280px) {\n  .Hero-grid--contained {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero-grid--block-end,\n.Hero-grid--inline-end {\n  --brand-Grid-spacing-row: var(--base-size-40);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-grid--contained {\n    padding: var(--base-size-64);\n  }\n\n  .Hero-grid--block-end {\n    --brand-Grid-spacing-row: var(--base-size-80);\n  }\n}\n\n.Hero--align-center .Hero-actions {\n  justify-content: center;\n}\n\n.Hero--align-center .Hero-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.Hero-image {\n  border-radius: var(--brand-borderRadius-medium);\n  width: 100%;\n}\n\n.Hero-mediaContainer {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex: 1;\n}\n\n.Hero-imageContainer--bg-subtle {\n  background-color: var(--brand-color-canvas-subtle);\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bg-padded {\n  padding: var(--base-size-32);\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero-imageWrapper {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.Hero-imageWrapper--bg-subtle {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bordered {\n  background-color: var(--brand-color-canvas-subtle);\n  display: flex;\n  align-items: stretch;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-imageContainer--inline-bordered {\n    min-height: calc(600px - var(--base-size-24));\n  }\n\n  .Hero-imageWrapper--bg-subtle {\n    padding: var(--base-size-64) var(--base-size-64) 0;\n  }\n\n  .Hero-imageContainer--inline-bg-padded {\n    padding: var(--base-size-64);\n  }\n}\n\n.Hero--variant-gridline {\n  container-type: inline-size;\n  width: 100%;\n}\n\n/* Shared media styles for images and videos */\n.Hero--variant-gridline .Hero-media {\n  max-width: 1176px;\n  margin-inline: auto;\n  display: block;\n  overflow: hidden;\n}\n\n.Hero--variant-gridline .Hero-media--pos-block-end {\n  border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n/* Applied directly to video/iframe elements for block-end position */\n.Hero-media-item--block-end {\n  border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  width: 100%;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n  .Hero--variant-gridline .Hero-imageWrapper-inner--with-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n  padding: var(--base-size-32);\n}\n\n.Hero-media--pos-block-end-padded {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero--variant-gridline .Hero-imageWrapper-inner {\n    padding: var(--base-size-64) var(--base-size-64) 0;\n  }\n\n  .Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n    padding: var(--base-size-64);\n  }\n}\n\n/* GridLine variant with inline (side-by-side) layout */\n.Hero-grid--bordered-inline {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-grid--bordered-inline {\n    min-height: 440px;\n  }\n}\n\n@container (min-width: 1280px) {\n  .Hero-grid--bordered-inline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero--variant-gridline.Hero--image-pos-inline {\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n/* Text column styling for gridline inline positions */\n.Hero-contentColumn--bordered-inline {\n  padding: var(--base-size-32);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero-contentColumn--bordered-inline {\n    padding: var(--base-size-64);\n  }\n}\n\n/* Media styling for gridline inline positions */\n\n/* Edge-to-edge inline media (no padding) - remove border radius */\n.Hero--variant-gridline .Hero-media--pos-inline:not(.Hero-media--pos-inline-padded) {\n  border-radius: 0;\n}\n\n/* Applied directly to video/iframe elements for inline position */\n.Hero-media-item--inline {\n  border-radius: 0;\n}\n\n/* Padded inline media - constrain size and center */\n.Hero--variant-gridline .Hero-media--pos-inline-padded {\n  max-width: 100%;\n  height: auto;\n  align-self: center;\n}\n\n/* Image column styling now handled by .Hero-imageContainer--inline-bordered */\n\n.Hero-video {\n  width: 100%;\n}\n\n/* Base styles for video/iframe media elements */\n.Hero-media-item {\n  width: 100%;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.Hero-label {\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-block-end: calc(var(--base-size-16) - var(--base-size-2));\n  display: flex;\n  align-items: center;\n}\n\n.Hero-heading {\n  margin: 0;\n  max-width: 924px;\n}\n\n.Hero-heading b {\n  color: var(--brand-color-accent-primary);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.Hero-heading--fullWidth {\n  max-width: unset;\n}\n\n.Hero-text-column--inline-gridline {\n  height: 100%;\n}\n\n.Hero-description {\n  margin: var(--base-size-24) 0 0;\n  max-width: 600px;\n}\n\n.Hero--variant-inline-gridline .Hero-description {\n  padding-block-start: var(--base-size-24);\n  margin-block-start: auto;\n}\n\n.Hero-actions {\n  margin-block-start: var(--base-size-28);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--base-size-8) var(--base-size-16);\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n  align-items: stretch;\n  gap: var(--base-size-8) var(--base-size-12);\n}\n\n.Hero-trailing {\n  margin-block-start: var(--base-size-32);\n}\n\n.Hero-eyebrow {\n  margin-block-end: var(--base-size-32);\n}\n\n/* Small breakpoint and up */\n@media screen and (min-width: 34rem) {\n  .Hero--variant-default {\n    padding: var(--brand-Hero-regular-padding);\n  }\n}\n\n.Hero-video-poster-button {\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: block;\n  height: 100%;\n  position: relative;\n  line-height: 0;\n  font-size: 0;\n  width: 100%;\n}\n\n.Hero-video-poster-image {\n  display: block;\n  height: auto;\n  width: 100%;\n}\n\n.Hero-video-poster-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--base-size-96);\n  height: var(--base-size-96);\n  z-index: 1;\n  color: var(--base-color-scale-white-0);\n}\n\n.Hero-video-poster-header {\n  position: absolute;\n  inset: 0 0 auto;\n  padding: var(--base-size-16) var(--base-size-24);\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0));\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-16);\n  height: var(--base-size-80);\n}\n\n.Hero-video-header-poster-icon,\n.Hero-video-poster-text {\n  color: var(--base-color-scale-white-0);\n}\n\n/* ========================================\n   Gridline-Expressive Variant\n   ======================================== */\n\n.Hero--variant-gridline-expressive {\n  container-type: inline-size;\n  width: 100%;\n}\n\n/* Grid container for expressive variant */\n.Hero-grid--expressive {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  gap: 0;\n  --brand-Grid-spacing-row: 0;\n}\n\n@container (min-width: 1280px) {\n  .Hero-grid--expressive {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n/* Header column (eyebrow, heading) */\n.Hero-expressive-header-column {\n  padding: var(--base-size-32);\n  padding-block-end: var(--base-size-24);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  display: flex;\n  align-items: center;\n}\n\n/* Body column (description, actions, trailing) */\n.Hero-expressive-body-column {\n  padding: var(--base-size-32);\n  padding-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-description {\n  margin-block-start: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n  margin-block-start: var(--base-size-28);\n}\n\n.Hero--variant-gridline-expressive .Hero-trailing {\n  margin-block-start: var(--base-size-24);\n}\n\n/* Desktop: Side-by-side layout with vertical divider */\n@media screen and (min-width: 63.25rem) {\n  .Hero-expressive-header-column {\n    padding: var(--base-size-64);\n    padding-inline-end: var(--base-size-64);\n    border-block-end: none;\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .Hero-expressive-body-column {\n    padding: var(--base-size-64);\n    padding-inline-start: var(--base-size-64);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n  }\n\n  .Hero--variant-gridline-expressive .Hero-actions {\n    margin-block-start: var(--base-size-28);\n  }\n\n  .Hero--variant-gridline-expressive .Hero-trailing {\n    margin-block-start: var(--base-size-20);\n  }\n}\n\n/* Media wrapper styles for gridline-expressive (same as gridline) */\n.Hero--variant-gridline-expressive .Hero-imageWrapper {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-color-canvas-subtle);\n  width: 100%;\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin-inline: auto;\n  padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n  .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--with-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n  padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n    padding: var(--base-size-64) var(--base-size-64) 0;\n  }\n\n  .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n    padding: var(--base-size-64);\n  }\n}\n\n/* Shared media styles for gridline-expressive */\n.Hero--variant-gridline-expressive .Hero-media {\n  max-width: 1176px;\n  margin-inline: auto;\n  display: block;\n  overflow: hidden;\n}\n\n.Hero--variant-gridline-expressive .Hero-media--pos-block-end,\n.Hero--variant-gridline-expressive .Hero-image:not(.Hero-media--pos-block-end-padded) {\n  border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n"],"mappings":""}

package/esm/Link/Link.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css';
 export declare const LinkVariants: readonly ["default", "accent"];
-export declare const LinkSizes: readonly ["medium", "large"];
+export declare const LinkSizes: readonly ["small", "medium", "large"];
 export declare const LinkArrowDirections: readonly ["start", "end", "none"];
 export type LinkProps = {
     /**

package/esm/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,wGAAwG,CAAA;AAE/G,eAAO,MAAM,YAAY,gCAAiC,CAAA;AAC1D,eAAO,MAAM,SAAS,8BAA+B,CAAA;AACrD,eAAO,MAAM,mBAAmB,mCAAoC,CAAA;AAEpE,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;IACrD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAA;AAEvC;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAe,EACf,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,cAAsB,EACtB,GAAG,KAAK,EACT,EAAE,SAAS,2CAuEX"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,wGAAwG,CAAA;AAE/G,eAAO,MAAM,YAAY,gCAAiC,CAAA;AAC1D,eAAO,MAAM,SAAS,uCAAwC,CAAA;AAC9D,eAAO,MAAM,mBAAmB,mCAAoC,CAAA;AAcpE,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;IACrD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAA;AAEvC;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAe,EACf,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,cAAsB,EACtB,GAAG,KAAK,EACT,EAAE,SAAS,2CAkEX"}

package/esm/Link/Link.js

@@ -7,57 +7,66 @@ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/compon
 import a, { useCallback as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/Link/Link.tsx
-var l = ["default", "accent"], u = ["medium", "large"], d = [
+var l = ["default", "accent"], u = [
+	"small",
+	"medium",
+	"large"
+], d = [
 	"start",
 	"end",
 	"none"
-];
-function f({ size: l = "medium", variant: u = "default", className: d, children: f, isExternal: p, onMouseEnter: m, onMouseLeave: h, onFocus: g, onBlur: _, arrowDirection: v = "end", ...y }) {
-	let [b, x] = a.useState(!1), [S, C] = a.useState(!1), w = {
-		medium: "200",
-		large: "300"
-	}, T = o((e) => {
-		x(!b), m?.(e);
-	}, [m, b]), E = o((e) => {
-		x(!b), h?.(e);
-	}, [h, b]), D = o((e) => {
+], f = {
+	small: "100",
+	medium: "200",
+	large: "300"
+}, p = {
+	small: 16,
+	medium: 16,
+	large: 20
+};
+function m({ size: l = "medium", variant: u = "default", className: d, children: m, isExternal: h, onMouseEnter: g, onMouseLeave: _, onFocus: v, onBlur: y, arrowDirection: b = "end", ...x }) {
+	let [S, C] = a.useState(!1), [w, T] = a.useState(!1), E = o((e) => {
 		C(!S), g?.(e);
-	}, [g, S]), O = o((e) => {
+	}, [g, S]), D = o((e) => {
 		C(!S), _?.(e);
-	}, [_, S]);
+	}, [_, S]), O = o((e) => {
+		T(!w), v?.(e);
+	}, [v, w]), k = o((e) => {
+		T(!w), y?.(e);
+	}, [y, w]);
 	return /* @__PURE__ */ c("a", {
-		className: e(i.Link, i[`Link--${l}`], i[`Link--${u}`], p ? i["Link--is-external"] : i[`Link--arrow-${v}`], d),
-		onMouseEnter: T,
-		onMouseLeave: E,
-		onFocus: D,
-		onBlur: O,
-		...y,
+		className: e(i.Link, i[`Link--${l}`], i[`Link--${u}`], h ? i["Link--is-external"] : i[`Link--arrow-${b}`], d),
+		onMouseEnter: E,
+		onMouseLeave: D,
+		onFocus: O,
+		onBlur: k,
+		...x,
 		children: [
-			v === "start" && !p && /* @__PURE__ */ s(r, {
+			b === "start" && !h && /* @__PURE__ */ s(r, {
 				className: i["Link-arrow"],
-				expanded: b || S,
+				expanded: S || w,
 				reverse: !0,
 				hidden: !0
 			}),
 			/* @__PURE__ */ s(t, {
 				as: "span",
-				size: w[l],
+				size: f[l],
 				className: e(i["Link--label"]),
-				children: f
+				children: m
 			}),
-			v === "end" && !p && /* @__PURE__ */ s(r, {
+			b === "end" && !h && /* @__PURE__ */ s(r, {
 				className: i["Link-arrow"],
-				expanded: b || S,
+				expanded: S || w,
 				hidden: !0
 			}),
-			p && /* @__PURE__ */ s(n, {
-				size: l === "large" ? 20 : 16,
+			h && /* @__PURE__ */ s(n, {
+				size: p[l],
 				"aria-label": "External link"
 			})
 		]
 	});
 }
 //#endregion
-export { f as Link, d as LinkArrowDirections, u as LinkSizes, l as LinkVariants };
+export { m as Link, d as LinkArrowDirections, u as LinkSizes, l as LinkVariants };
 
 //# sourceMappingURL=Link.js.map

package/esm/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":[],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {useCallback} from 'react'\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {LinkExternalIcon} from '@primer/octicons-react'\nimport {Text} from '../Text'\n\nimport styles from './Link.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css'\n\nexport const LinkVariants = ['default', 'accent'] as const\nexport const LinkSizes = ['medium', 'large'] as const\nexport const LinkArrowDirections = ['start', 'end', 'none'] as const\n\nexport type LinkProps = {\n  /**\n   * The size variations available in Link\n   */\n  size?: (typeof LinkSizes)[number]\n  /**\n   * Position of the arrow.\n   */\n  arrowDirection?: (typeof LinkArrowDirections)[number]\n  /**\n   * Show an external link icon\n   */\n  isExternal?: boolean\n  /**\n   * Specify alternative link appearance\n   */\n  variant?: (typeof LinkVariants)[number]\n} & React.ComponentPropsWithoutRef<'a'>\n\n/**\n * Links connect users to related content.\n * These are not intended to be used as a call-to-action.\n */\nexport function Link({\n  size = 'medium',\n  variant = 'default',\n  className,\n  children,\n  isExternal,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  arrowDirection = 'end',\n  ...props\n}: LinkProps) {\n  const [isHovered, setIsHovered] = React.useState(false)\n  const [isFocused, setIsFocused] = React.useState(false)\n\n  const sizeMap = {\n    medium: '200',\n    large: '300',\n  } as const\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseEnter?.(event)\n    },\n    [onMouseEnter, isHovered],\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseLeave?.(event)\n    },\n    [onMouseLeave, isHovered],\n  )\n\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onFocus?.(event)\n    },\n    [onFocus, isFocused],\n  )\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onBlur?.(event)\n    },\n    [onBlur, isFocused],\n  )\n\n  return (\n    <a\n      className={clsx(\n        styles.Link,\n        styles[`Link--${size}`],\n        styles[`Link--${variant}`],\n        isExternal ? styles['Link--is-external'] : styles[`Link--arrow-${arrowDirection}`],\n        className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n      {...props}\n    >\n      {arrowDirection === 'start' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} reverse hidden />\n      )}\n\n      <Text as=\"span\" size={sizeMap[size]} className={clsx(styles['Link--label'])}>\n        {children}\n      </Text>\n\n      {arrowDirection === 'end' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} hidden />\n      )}\n\n      {isExternal && <LinkExternalIcon size={size === 'large' ? 20 : 16} aria-label=\"External link\" />}\n    </a>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAa,IAAe,CAAC,WAAW,SAAS,EACpC,IAAY,CAAC,UAAU,QAAQ,EAC/B,IAAsB;CAAC;CAAS;CAAO;CAAO;AAyB3D,SAAgB,EAAK,EACnB,UAAO,UACP,aAAU,WACV,cACA,aACA,eACA,iBACA,iBACA,YACA,WACA,oBAAiB,OACjB,GAAG,KACS;CACZ,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EACjD,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EAEjD,IAAU;EACd,QAAQ;EACR,OAAO;EACR,EAEK,IAAmB,GACtB,MAA2D;AAE1D,EADA,EAAa,CAAC,EAAU,EACxB,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAU,CAC1B,EAEK,IAAmB,GACtB,MAA2D;AAE1D,EADA,EAAa,CAAC,EAAU,EACxB,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAU,CAC1B,EAEK,IAAgB,GACnB,MAAwD;AAEvD,EADA,EAAa,CAAC,EAAU,EACxB,IAAU,EAAM;IAElB,CAAC,GAAS,EAAU,CACrB,EAEK,IAAe,GAClB,MAAwD;AAEvD,EADA,EAAa,CAAC,EAAU,EACxB,IAAS,EAAM;IAEjB,CAAC,GAAQ,EAAU,CACpB;AAED,QACE,kBAAC,KAAD;EACE,WAAW,EACT,EAAO,MACP,EAAO,SAAS,MAChB,EAAO,SAAS,MAChB,IAAa,EAAO,uBAAuB,EAAO,eAAe,MACjE,EACD;EACD,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAZN;GAcG,MAAmB,WAAW,CAAC,KAC9B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,SAAA;IAAQ,QAAA;IAAS,CAAA;GAGvG,kBAAC,GAAD;IAAM,IAAG;IAAO,MAAM,EAAQ;IAAO,WAAW,EAAK,EAAO,eAAe;IACxE;IACI,CAAA;GAEN,MAAmB,SAAS,CAAC,KAC5B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,QAAA;IAAS,CAAA;GAG9F,KAAc,kBAAC,GAAD;IAAkB,MAAM,MAAS,UAAU,KAAK;IAAI,cAAW;IAAkB,CAAA;GAC9F"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {useCallback} from 'react'\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {LinkExternalIcon} from '@primer/octicons-react'\nimport {Text} from '../Text'\n\nimport styles from './Link.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css'\n\nexport const LinkVariants = ['default', 'accent'] as const\nexport const LinkSizes = ['small', 'medium', 'large'] as const\nexport const LinkArrowDirections = ['start', 'end', 'none'] as const\n\nconst LinkTextSizes = {\n  small: '100',\n  medium: '200',\n  large: '300',\n} as const\n\nconst LinkExternalIconSizes = {\n  small: 16,\n  medium: 16,\n  large: 20,\n} as const\n\nexport type LinkProps = {\n  /**\n   * The size variations available in Link\n   */\n  size?: (typeof LinkSizes)[number]\n  /**\n   * Position of the arrow.\n   */\n  arrowDirection?: (typeof LinkArrowDirections)[number]\n  /**\n   * Show an external link icon\n   */\n  isExternal?: boolean\n  /**\n   * Specify alternative link appearance\n   */\n  variant?: (typeof LinkVariants)[number]\n} & React.ComponentPropsWithoutRef<'a'>\n\n/**\n * Links connect users to related content.\n * These are not intended to be used as a call-to-action.\n */\nexport function Link({\n  size = 'medium',\n  variant = 'default',\n  className,\n  children,\n  isExternal,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  arrowDirection = 'end',\n  ...props\n}: LinkProps) {\n  const [isHovered, setIsHovered] = React.useState(false)\n  const [isFocused, setIsFocused] = React.useState(false)\n\n  const handleMouseEnter = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseEnter?.(event)\n    },\n    [onMouseEnter, isHovered],\n  )\n\n  const handleMouseLeave = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      setIsHovered(!isHovered)\n      onMouseLeave?.(event)\n    },\n    [onMouseLeave, isHovered],\n  )\n\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onFocus?.(event)\n    },\n    [onFocus, isFocused],\n  )\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n      setIsFocused(!isFocused)\n      onBlur?.(event)\n    },\n    [onBlur, isFocused],\n  )\n\n  return (\n    <a\n      className={clsx(\n        styles.Link,\n        styles[`Link--${size}`],\n        styles[`Link--${variant}`],\n        isExternal ? styles['Link--is-external'] : styles[`Link--arrow-${arrowDirection}`],\n        className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleOnFocus}\n      onBlur={handleOnBlur}\n      {...props}\n    >\n      {arrowDirection === 'start' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} reverse hidden />\n      )}\n\n      <Text as=\"span\" size={LinkTextSizes[size]} className={clsx(styles['Link--label'])}>\n        {children}\n      </Text>\n\n      {arrowDirection === 'end' && !isExternal && (\n        <ExpandableArrow className={styles['Link-arrow']} expanded={isHovered || isFocused} hidden />\n      )}\n\n      {isExternal && <LinkExternalIcon size={LinkExternalIconSizes[size]} aria-label=\"External link\" />}\n    </a>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAa,IAAe,CAAC,WAAW,SAAS,EACpC,IAAY;CAAC;CAAS;CAAU;CAAQ,EACxC,IAAsB;CAAC;CAAS;CAAO;CAAO,EAErD,IAAgB;CACpB,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EAEK,IAAwB;CAC5B,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAyBD,SAAgB,EAAK,EACnB,UAAO,UACP,aAAU,WACV,cACA,aACA,eACA,iBACA,iBACA,YACA,WACA,oBAAiB,OACjB,GAAG,KACS;CACZ,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EACjD,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EAEjD,IAAmB,GACtB,MAA2D;AAE1D,EADA,EAAa,CAAC,EAAU,EACxB,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAU,CAC1B,EAEK,IAAmB,GACtB,MAA2D;AAE1D,EADA,EAAa,CAAC,EAAU,EACxB,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAU,CAC1B,EAEK,IAAgB,GACnB,MAAwD;AAEvD,EADA,EAAa,CAAC,EAAU,EACxB,IAAU,EAAM;IAElB,CAAC,GAAS,EAAU,CACrB,EAEK,IAAe,GAClB,MAAwD;AAEvD,EADA,EAAa,CAAC,EAAU,EACxB,IAAS,EAAM;IAEjB,CAAC,GAAQ,EAAU,CACpB;AAED,QACE,kBAAC,KAAD;EACE,WAAW,EACT,EAAO,MACP,EAAO,SAAS,MAChB,EAAO,SAAS,MAChB,IAAa,EAAO,uBAAuB,EAAO,eAAe,MACjE,EACD;EACD,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAZN;GAcG,MAAmB,WAAW,CAAC,KAC9B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,SAAA;IAAQ,QAAA;IAAS,CAAA;GAGvG,kBAAC,GAAD;IAAM,IAAG;IAAO,MAAM,EAAc;IAAO,WAAW,EAAK,EAAO,eAAe;IAC9E;IACI,CAAA;GAEN,MAAmB,SAAS,CAAC,KAC5B,kBAAC,GAAD;IAAiB,WAAW,EAAO;IAAe,UAAU,KAAa;IAAW,QAAA;IAAS,CAAA;GAG9F,KAAc,kBAAC,GAAD;IAAkB,MAAM,EAAsB;IAAO,cAAW;IAAkB,CAAA;GAC/F"}

package/esm/LogoSuite/LogoSuite.js

@@ -5,7 +5,7 @@ import { Text as r } from "../Text/Text.js";
 import { Heading as i, defaultHeadingTag as a } from "../Heading/Heading.js";
 import { PauseIcon as o, PlayIcon as s } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
 import { Button as c } from "../Button/Button.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes-n4fDsxWz.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/base-DTi5Rx4y.css';/* empty css                                                                                                       */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes-B8ia26TA.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/base-DTi5Rx4y.css';/* empty css                                                                                                       */
 /* empty css                                                                                          */
 import l from "./LogoSuite.module.js";
 import u, { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";

package/esm/PricingOptions/PricingOptions.d.ts

@@ -1,7 +1,8 @@
 import React, { HTMLAttributes, PropsWithChildren } from 'react';
 import type { ListItemProps } from '../list/ListItem/ListItem';
 import type { BaseProps } from '../component-helpers';
-import { ButtonBaseProps, HeadingProps } from '..';
+import { type ButtonBaseProps } from '../Button';
+import { type HeadingProps } from '../Heading';
 /**
  * Design tokens
  */

package/esm/PricingOptions/PricingOptions.d.ts.map

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

package/esm/PricingOptions/PricingOptions.js

@@ -6,10 +6,10 @@ import { Button as o } from "../Button/Button.js";
 import { useWindowSize as s } from "../hooks/useWindowSize.js";
 import { Accordion as c } from "../Accordion/Accordion.js";
 import { UnorderedList as l } from "../list/UnorderedList/UnorderedList.js";
+import { Tooltip as u } from "../Tooltip/Tooltip.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options-B9TarQsR.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DBi2l0Re.css';/* empty css                                                                                                           */
 /* empty css                                                                                                             */
-import u from "./PricingOptions.module.js";
-import { Tooltip as d } from "../Tooltip/Tooltip.js";
+import d from "./PricingOptions.module.js";
 import f, { forwardRef as p, useMemo as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/PricingOptions/PricingOptions.tsx
@@ -54,25 +54,25 @@ var v = {
 	let c = m(() => f.Children.toArray(n).filter((e) => f.isValidElement(e) && typeof e.type != "string" && e.type === T), [n]).slice(0, 4), l = m(() => c.map((e) => {
 		let t = f.Children.toArray(e.props.children).find((e) => f.isValidElement(e) && typeof e.type != "string" && e.type === C);
 		return f.isValidElement(t) ? t : null;
-	}), [c]), d = l.some((e) => e !== null);
+	}), [c]), u = l.some((e) => e !== null);
 	return /* @__PURE__ */ g(b, {
 		align: t,
 		children: /* @__PURE__ */ _("div", {
-			className: e(u.PricingOptions, u[`PricingOptions--layout-${a.includes("default") ? "default" : "cards"}`], u[`PricingOptions--items${c.length}`], u[`PricingOptions--appearance-${a.includes("gradient") ? "gradient" : "solid"}`], r),
+			className: e(d.PricingOptions, d[`PricingOptions--layout-${a.includes("default") ? "default" : "cards"}`], d[`PricingOptions--items${c.length}`], d[`PricingOptions--appearance-${a.includes("gradient") ? "gradient" : "solid"}`], r),
 			"data-testid": i || v.root,
 			ref: s,
 			...o,
-			children: [c, d && /* @__PURE__ */ g("div", {
-				className: u.PricingOptions__labels,
+			children: [c, u && /* @__PURE__ */ g("div", {
+				className: d.PricingOptions__labels,
 				"data-testid": v.labelRow,
 				style: { "--brand-pricing-options-column-count": c.length },
 				children: l.map((t, n) => {
 					let r = !!t?.props.children;
 					return /* @__PURE__ */ g("div", {
-						className: e(u["PricingOptions__label-cell"], r ? u["PricingOptions__label-cell--has-label"] : u["PricingOptions__label-cell--empty"]),
+						className: e(d["PricingOptions__label-cell"], r ? d["PricingOptions__label-cell--has-label"] : d["PricingOptions__label-cell--empty"]),
 						"data-testid": t?.props["data-testid"] || v.label,
 						children: t?.props.children ? /* @__PURE__ */ g("span", {
-							className: u.PricingOptions__label,
+							className: d.PricingOptions__label,
 							children: t.props.children
 						}) : null
 					}, n);
@@ -81,7 +81,7 @@ var v = {
 		})
 	});
 }), T = p(({ "data-testid": t, children: n, className: r, leadingComponent: i, ...a }, o) => {
-	let { align: s } = x(), { Heading: c, Description: l, Price: d, FeatureList: p, Actions: h, ActionsMessage: y, Footnote: b } = m(() => f.Children.toArray(n), [n]).reduce((e, t) => (f.isValidElement(t) && typeof t.type != "string" && (t.type === k && (e.FeatureList = t), (t.type === P || t.type === F || t.type === I) && e.Actions.push(t), t.type === N && (e.ActionsMessage = t), t.type === L && (e.Footnote = t), t.type === D && (e.Heading = t), t.type === E && (e.Description = t), t.type === O && (e.Price = t)), e), {
+	let { align: s } = x(), { Heading: c, Description: l, Price: u, FeatureList: p, Actions: h, ActionsMessage: y, Footnote: b } = m(() => f.Children.toArray(n), [n]).reduce((e, t) => (f.isValidElement(t) && typeof t.type != "string" && (t.type === k && (e.FeatureList = t), (t.type === P || t.type === F || t.type === I) && e.Actions.push(t), t.type === N && (e.ActionsMessage = t), t.type === L && (e.Footnote = t), t.type === D && (e.Heading = t), t.type === E && (e.Description = t), t.type === O && (e.Price = t)), e), {
 		FeatureList: null,
 		Actions: [],
 		ActionsMessage: null,
@@ -91,23 +91,23 @@ var v = {
 		Price: null
 	});
 	return /* @__PURE__ */ _("div", {
-		className: e(u.PricingOptions__item, i && u["PricingOptions__item--has-leading-component"], u[`PricingOptions__item--align-${s}`], r),
+		className: e(d.PricingOptions__item, i && d["PricingOptions__item--has-leading-component"], d[`PricingOptions__item--align-${s}`], r),
 		"data-testid": t || v.item,
 		ref: o,
 		...a,
 		children: [
 			/* @__PURE__ */ g("div", {
-				className: u.PricingOptions__header,
+				className: d.PricingOptions__header,
 				children: c
 			}),
 			l,
-			d,
+			u,
 			i && /* @__PURE__ */ g("div", {
-				className: u["PricingOptions__leading-component"],
+				className: d["PricingOptions__leading-component"],
 				children: i
 			}),
 			(h.length > 0 || y) && /* @__PURE__ */ _("div", {
-				className: u.PricingOptions__actions,
+				className: d.PricingOptions__actions,
 				children: [h, y]
 			}),
 			p,
@@ -116,7 +116,7 @@ var v = {
 	});
 }), E = p(({ children: n, className: r, "data-testid": i, ...a }, o) => /* @__PURE__ */ g(t, {
 	as: "p",
-	className: e(u.PricingOptions__description, r),
+	className: e(d.PricingOptions__description, r),
 	"data-testid": i || v.description,
 	ref: o,
 	size: "200",
@@ -125,40 +125,40 @@ var v = {
 	children: n
 })), D = p(({ as: t = "h3", children: r, "data-testid": i, size: a = "5", className: o, ...s }, c) => /* @__PURE__ */ g(n, {
 	as: t,
-	className: e(u.PricingOptions__heading, u[`PricingOptions__heading--size-${a}`], o),
+	className: e(d.PricingOptions__heading, d[`PricingOptions__heading--size-${a}`], o),
 	"data-testid": i || v.heading,
 	ref: c,
 	size: a,
 	...s,
 	children: r
-})), O = p(({ children: n, className: r, currencyCode: i = "USD", currencySymbol: a = "$", "data-testid": o, originalPrice: s, trailingText: c, ...l }, d) => /* @__PURE__ */ _(t, {
+})), O = p(({ children: n, className: r, currencyCode: i = "USD", currencySymbol: a = "$", "data-testid": o, originalPrice: s, trailingText: c, ...l }, u) => /* @__PURE__ */ _(t, {
 	as: "p",
-	className: e(u.PricingOptions__price, r),
+	className: e(d.PricingOptions__price, r),
 	"data-testid": o || v.price,
-	ref: d,
+	ref: u,
 	weight: "normal",
 	...l,
 	children: [
 		/* @__PURE__ */ _("span", {
-			className: u["PricingOptions__price-amount"],
+			className: d["PricingOptions__price-amount"],
 			children: [
 				/* @__PURE__ */ g(t, {
 					as: "span",
-					className: u["PricingOptions__price-currency-symbol"],
+					className: d["PricingOptions__price-currency-symbol"],
 					size: "500",
 					weight: "normal",
 					children: a
 				}),
 				/* @__PURE__ */ g(t, {
 					as: "span",
-					className: u["PricingOptions__price-value"],
+					className: d["PricingOptions__price-value"],
 					size: "500",
 					weight: "normal",
 					children: n
 				}),
 				/* @__PURE__ */ g(t, {
 					as: "span",
-					className: u["PricingOptions__price-currency-code"],
+					className: d["PricingOptions__price-currency-code"],
 					size: "100",
 					weight: "normal",
 					children: i
@@ -166,14 +166,14 @@ var v = {
 			]
 		}),
 		s && /* @__PURE__ */ _("del", {
-			className: u["PricingOptions__price-original-price"],
+			className: d["PricingOptions__price-original-price"],
 			children: [/* @__PURE__ */ g(t, {
 				size: "400",
 				variant: "muted",
 				weight: "normal",
 				children: a
 			}), /* @__PURE__ */ g(t, {
-				className: u["PricingOptions__price-original-price-value"],
+				className: d["PricingOptions__price-original-price-value"],
 				size: "300",
 				variant: "muted",
 				weight: "normal",
@@ -182,13 +182,13 @@ var v = {
 		}),
 		c && /* @__PURE__ */ g(t, {
 			as: "span",
-			className: u["PricingOptions__price-trailing-text"],
+			className: d["PricingOptions__price-trailing-text"],
 			size: "200",
 			variant: "muted",
 			children: c
 		})
 	]
-})), k = p(({ children: t, className: n, "data-testid": r, hasDivider: a = !0, expanded: o, accordionAs: d = "h4", ...p }, m) => {
+})), k = p(({ children: t, className: n, "data-testid": r, hasDivider: a = !0, expanded: o, accordionAs: u = "h4", ...p }, m) => {
 	let { allFeatureListsExpanded: h, updateFeatureListExpanded: y, featureListUserInteracted: b, setFeatureListUserInteracted: C } = x(), { isMedium: w, isXLarge: T, isSmall: E } = s();
 	f.useEffect(() => {
 		(o === void 0 || typeof o == "object") && C(!1);
@@ -218,7 +218,7 @@ var v = {
 		Heading: t,
 		Items: []
 	}), e), []).map(({ Heading: e, Items: t }, n) => /* @__PURE__ */ _("div", {
-		className: u["PricingOptions__feature-list-set"],
+		className: d["PricingOptions__feature-list-set"],
 		children: [e, /* @__PURE__ */ g(l, {
 			variant: "checked",
 			...p,
@@ -227,20 +227,21 @@ var v = {
 	}, n));
 	return /* @__PURE__ */ g("div", {
 		ref: m,
-		className: e(u["PricingOptions__feature-list"], a && u["PricingOptions__feature-list--has-divider"], n),
+		className: e(d["PricingOptions__feature-list"], a && d["PricingOptions__feature-list--has-divider"], n),
 		"data-testid": r || v.featureList,
 		children: /* @__PURE__ */ _(c, {
-			className: u["PricingOptions__feature-list-accordion"],
+			className: d["PricingOptions__feature-list-accordion"],
+			disableAnimation: !0,
 			open: D,
 			onToggle: (e) => {
 				C(!0), y(e.currentTarget.open);
 			},
 			children: [/* @__PURE__ */ _(c.Heading, {
-				as: d,
-				className: u["PricingOptions__feature-list-accordion-heading"],
-				children: [O, /* @__PURE__ */ g(i, { className: u["PricingOptions__feature-list-accordion-chevron"] })]
+				as: u,
+				className: d["PricingOptions__feature-list-accordion-heading"],
+				children: [O, /* @__PURE__ */ g(i, { className: d["PricingOptions__feature-list-accordion-chevron"] })]
 			}), /* @__PURE__ */ g(c.Content, {
-				className: u["PricingOptions__feature-list-accordion-content"],
+				className: d["PricingOptions__feature-list-accordion-content"],
 				children: k
 			})]
 		})
@@ -253,7 +254,7 @@ var v = {
 	children: e
 })), j = p(({ children: t, className: r, "data-testid": i, ...a }, o) => /* @__PURE__ */ g(n, {
 	as: "h4",
-	className: e(u["PricingOptions__feature-list-group-heading"], r),
+	className: e(d["PricingOptions__feature-list-group-heading"], r),
 	"data-testid": i || v.featureListGroupHeading,
 	ref: o,
 	size: "subhead-medium",
@@ -262,19 +263,19 @@ var v = {
 })), M = p(({ children: t, className: n, infoTooltip: i, leadingVisual: o, leadingVisualFill: s, variant: c = "included", "data-testid": f, ...p }, m) => {
 	let h = o ?? (c === "included" ? r : a), y = c === "included" ? "Includes" : "Does not include", b = s ?? (c === "included" ? "var(--brand-color-accent-primary)" : "var(--brand-color-text-muted)");
 	return /* @__PURE__ */ _(l.Item, {
-		className: e(u["PricingOptions__feature-list-item"], { [u["PricingOptions__feature-list-item--excluded"]]: c === "excluded" }, i && u["PricingOptions__feature-list-item--has-info"], n),
+		className: e(d["PricingOptions__feature-list-item"], { [d["PricingOptions__feature-list-item--excluded"]]: c === "excluded" }, i && d["PricingOptions__feature-list-item--has-info"], n),
 		"data-testid": f || v.featureListItem,
 		leadingVisual: h,
 		leadingVisualAriaLabel: y,
 		leadingVisualFill: b,
 		ref: m,
 		...p,
-		children: [t, i && /* @__PURE__ */ g(d, {
+		children: [t, i && /* @__PURE__ */ g(u, {
 			text: i,
 			direction: "n",
 			children: /* @__PURE__ */ g("button", {
 				type: "button",
-				className: u["PricingOptions__feature-list-item-info"],
+				className: d["PricingOptions__feature-list-item-info"],
 				"aria-label": `More information about ${typeof t == "string" ? t : "this feature"}`,
 				children: /* @__PURE__ */ _("svg", {
 					viewBox: "0 0 4 8",
@@ -294,21 +295,21 @@ var v = {
 	});
 }), N = p(({ children: t, className: n, "data-testid": r, leadingComponent: i, ...a }, o) => /* @__PURE__ */ _("div", {
 	ref: o,
-	className: e(u["PricingOptions__actions-message"], n),
+	className: e(d["PricingOptions__actions-message"], n),
 	"data-testid": r || v.actionsMessage,
 	...a,
 	children: [i && /* @__PURE__ */ g("span", {
-		className: u["PricingOptions__actions-message-leading-component"],
+		className: d["PricingOptions__actions-message-leading-component"],
 		children: i
 	}), /* @__PURE__ */ g("div", {
-		className: u["PricingOptions__actions-message-content"],
+		className: d["PricingOptions__actions-message-content"],
 		children: t
 	})]
 })), P = p(({ as: t, children: n, className: r, "data-testid": i, ...a }, s) => /* @__PURE__ */ g(o, {
 	ref: s,
 	as: t,
 	"data-testid": i || v.primaryAction,
-	className: e(u["PricingOptions__primary-action"], r),
+	className: e(d["PricingOptions__primary-action"], r),
 	size: "medium",
 	variant: "primary",
 	block: !0,
@@ -317,7 +318,7 @@ var v = {
 })), F = p(({ as: t, children: n, className: r, "data-testid": i, ...a }, s) => /* @__PURE__ */ g(o, {
 	ref: s,
 	as: t,
-	className: e(u["PricingOptions__primary-action"], r),
+	className: e(d["PricingOptions__primary-action"], r),
 	"data-testid": i || v.secondaryAction,
 	variant: "secondary",
 	block: !0,
@@ -325,13 +326,13 @@ var v = {
 	children: n
 })), I = p(({ children: t, className: n, "data-testid": r, ...i }, a) => /* @__PURE__ */ g("div", {
 	ref: a,
-	className: e(u["PricingOptions__menu-action"], n),
+	className: e(d["PricingOptions__menu-action"], n),
 	"data-testid": r || v.menuAction,
 	...i,
 	children: t
 })), L = p(({ children: n, className: r, "data-testid": i, ...a }, o) => /* @__PURE__ */ g(t, {
 	as: "p",
-	className: e(u.PricingOptions__footnote, r),
+	className: e(d.PricingOptions__footnote, r),
 	"data-testid": i || v.footnote,
 	ref: o,
 	size: "100",