npm - @primer/react-brand - Versions diffs - 0.79.1-rc.ed00156c → 0.80.0-rc.4bfa3a79 - Mend

@primer/react-brand 0.79.1-rc.ed00156c → 0.80.0-rc.4bfa3a79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (684) hide show

package/esm/Heading/Heading.module-ChqO_lH5.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Heading-module__Heading___fudyh{--condensed-stretch:75%;color:var(--brand-color-text-default)}.Primer_Brand__Heading-module__Heading--textWrap-balance___XJ9OD{text-wrap:balance}.Primer_Brand__Heading-module__Heading--textWrap-wrap___OlXJ0{text-wrap:wrap}.Primer_Brand__Heading-module__Heading-font--hubot-sans___wXzzm{--condensed-stretch:90%}[data-color-mode=dark] .Primer_Brand__Heading-module__Heading___fudyh{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__Heading-module__Heading___fudyh{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.Primer_Brand__Heading-module__Heading-font--mona-sans___0OM_a{font-family:var(--brand-heading-fontFamily)}.Primer_Brand__Heading-module__Heading-font--hubot-sans___wXzzm{font-family:var(--brand-heading-fontFamilyAlt)}.Primer_Brand__Heading-module__Heading-font--monospace___wf5_H{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Heading-module__Heading--display___7ug_H{font-weight:var(--brand-heading-weight-1000);font-size:var(--brand-text-size-1000);line-height:var(--brand-text-lineHeight-1000);letter-spacing:var(--brand-text-letterSpacing-1000)}.Primer_Brand__Heading-module__Heading--subhead-large___6D5Jt{font-weight:var(--brand-text-subhead-weight-large);font-size:var(--brand-text-subhead-size-large);line-height:var(--brand-text-subhead-lineHeight-large)}.Primer_Brand__Heading-module__Heading--subhead-medium___tyzEx{font-weight:var(--brand-text-subhead-weight-medium);font-size:var(--brand-text-subhead-size-medium);line-height:var(--brand-text-subhead-lineHeight-medium)}.Primer_Brand__Heading-module__Heading--1___O9POI{font-weight:var(--brand-heading-weight-900);font-size:var(--brand-text-size-900);line-height:var(--brand-text-lineHeight-900);letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading--2___rbYCp{font-weight:var(--brand-heading-weight-800);font-size:var(--brand-text-size-800);line-height:var(--brand-text-lineHeight-800);letter-spacing:var(--brand-text-letterSpacing-800)}.Primer_Brand__Heading-module__Heading--3___N1nDw{font-weight:var(--brand-heading-weight-700);font-size:var(--brand-text-size-700);line-height:var(--brand-heading-lineHeight-700);letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading--4___NVPNk{font-weight:var(--brand-heading-weight-600);font-size:var(--brand-text-size-600);line-height:var(--brand-text-lineHeight-600);letter-spacing:var(--brand-heading-letterSpacing-600)}.Primer_Brand__Heading-module__Heading--5___uyOtp{font-weight:var(--brand-heading-weight-500);font-size:var(--brand-text-size-500);line-height:var(--brand-text-lineHeight-500);letter-spacing:var(--brand-heading-letterSpacing-500)}.Primer_Brand__Heading-module__Heading--6___QHTZH{font-weight:var(--brand-heading-weight-400);font-size:var(--brand-text-size-400);line-height:var(--brand-text-lineHeight-400);letter-spacing:var(--brand-heading-letterSpacing-400)}.Primer_Brand__Heading-module__Heading--weight-heavy___d6IsL,.Primer_Brand__Heading-module__Heading-narrow--weight-heavy___JrPUN{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Heading-module__Heading--weight-extrabold___lc7cZ,.Primer_Brand__Heading-module__Heading-narrow--weight-extrabold___8Jgdk{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Heading-module__Heading--weight-bold___FVf52,.Primer_Brand__Heading-module__Heading-narrow--weight-bold___FhIqs{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Heading-module__Heading--weight-semibold___6RJMO,.Primer_Brand__Heading-module__Heading-narrow--weight-semibold___ZUCHu{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Heading-module__Heading--weight-medium___KODaH,.Primer_Brand__Heading-module__Heading-narrow--weight-medium___Q1AOC{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Heading-module__Heading--weight-normal___Q9DlN,.Primer_Brand__Heading-module__Heading-narrow--weight-normal___GIVMK{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Heading-module__Heading--weight-light___HSj3B,.Primer_Brand__Heading-module__Heading-narrow--weight-light___h7_q1{font-weight:var(--base-text-weight-light)}.Primer_Brand__Heading-module__Heading--weight-extralight___qAOib,.Primer_Brand__Heading-module__Heading-narrow--weight-extralight___xpfbE{font-weight:var(--base-text-weight-extralight)}@media screen and (width>=48rem){.Primer_Brand__Heading-module__Heading-regular--weight-heavy___truQm{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Heading-module__Heading-regular--weight-extrabold___sffNn{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Heading-module__Heading-regular--weight-bold___RGtcC{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Heading-module__Heading-regular--weight-semibold___8APrY{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Heading-module__Heading-regular--weight-medium___pBSyI{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Heading-module__Heading-regular--weight-normal___AmGG1{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Heading-module__Heading-regular--weight-light___9rxc0{font-weight:var(--base-text-weight-light)}.Primer_Brand__Heading-module__Heading-regular--weight-extralight___AbeG3{font-weight:var(--base-text-weight-extralight)}}@media screen and (width>=80rem){.Primer_Brand__Heading-module__Heading-wide--weight-heavy___SksCH{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Heading-module__Heading-wide--weight-extrabold___kN11J{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Heading-module__Heading-wide--weight-bold___v_v_q{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Heading-module__Heading-wide--weight-semibold___zeWDb{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Heading-module__Heading-wide--weight-medium___kJ7_X{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Heading-module__Heading-wide--weight-normal___fLABE{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Heading-module__Heading-wide--weight-light___HL7Zd{font-weight:var(--base-text-weight-light)}}.Primer_Brand__Heading-module__Heading--stretch-condensed___Ez__k,.Primer_Brand__Heading-module__Heading-narrow--stretch-condensed___VL30L{font-stretch:var(--condensed-stretch)}.Primer_Brand__Heading-module__Heading--stretch-normal___dmvAF,.Primer_Brand__Heading-module__Heading-narrow--stretch-normal___7bORI{font-stretch:100%}.Primer_Brand__Heading-module__Heading--stretch-expanded___Nwdhs,.Primer_Brand__Heading-module__Heading-narrow--stretch-expanded___WKHs4{font-stretch:125%}@media screen and (width>=48rem){.Primer_Brand__Heading-module__Heading-regular--stretch-condensed___TDbEr{font-stretch:var(--condensed-stretch)}.Primer_Brand__Heading-module__Heading-regular--stretch-normal___jsox0{font-stretch:100%}.Primer_Brand__Heading-module__Heading-regular--stretch-expanded___NzIf4{font-stretch:125%}}@media screen and (width>=80rem){.Primer_Brand__Heading-module__Heading-narrow--weight-expanded___Vvdsq .Primer_Brand__Heading-module__Heading-wide--stretch-condensed___KlU6K{font-stretch:var(--condensed-stretch)}.Primer_Brand__Heading-module__Heading-wide--stretch-normal___b5uOP{font-stretch:100%}.Primer_Brand__Heading-module__Heading-wide--stretch-expanded___CoaZM{font-stretch:125%}}.Primer_Brand__Heading-module__Heading--letter-spacing-condensed___qMnBL,.Primer_Brand__Heading-module__Heading-narrow--letter-spacing-condensed___X90Sz{letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading--letter-spacing-normal___2rkj6,.Primer_Brand__Heading-module__Heading-narrow--letter-spacing-normal___hvCpM{letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading--letter-spacing-none___VkInH,.Primer_Brand__Heading-module__Heading-narrow--letter-spacing-none___kBJRm{letter-spacing:0}@media screen and (width>=48rem){.Primer_Brand__Heading-module__Heading-regular--letter-spacing-condensed___p6bvA{letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading-regular--letter-spacing-normal___BG1Fy{letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading-regular--letter-spacing-none___xEpD3{letter-spacing:0}}@media screen and (width>=80rem){.Primer_Brand__Heading-module__Heading-narrow--weight-wide___fk4LZ .Primer_Brand__Heading-module__Heading-wide--letter-spacing-condensed___GfFJl{letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading-wide--letter-spacing-normal___oYnG_{letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading-wide--letter-spacing-none___Mtq_D{letter-spacing:0}}

package/esm/Heading/Heading.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Heading.module-YfiTxQkR.css';//#region src/Heading/Heading.module.css
+import './Heading.module-ChqO_lH5.css';//#region src/Heading/Heading.module.css
 var e = "Primer_Brand__Heading-module__Heading___fudyh", t = {
 	Heading: e,
 	"Heading--textWrap-balance": "Primer_Brand__Heading-module__Heading--textWrap-balance___XJ9OD",

package/esm/Heading/Heading.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.module.js","names":[],"sources":["../../src/Heading/Heading.module.css"],"sourcesContent":[".Heading {\n --condensed-stretch: 75%;\n color: var(--brand-color-text-default);\n}\n\n.Heading--textWrap-balance {\n text-wrap: balance;\n}\n\n.Heading--textWrap-wrap {\n text-wrap: wrap;\n}\n\n.Heading-font--hubot-sans {\n --condensed-stretch: 90%;\n}\n\n[data-color-mode='dark'] .Heading {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.Heading-font--mona-sans {\n font-family: var(--brand-heading-fontFamily);\n}\n\n.Heading-font--hubot-sans {\n font-family: var(--brand-heading-fontFamilyAlt);\n}\n\n.Heading-font--monospace {\n font-family: var(--brand-fontStack-monospace);\n}\n\n.Heading--display {\n font-weight: var(--brand-heading-weight-1000);\n font-size: var(--brand-text-size-1000);\n line-height: var(--brand-text-lineHeight-1000);\n letter-spacing: var(--brand-text-letterSpacing-1000);\n}\n\n.Heading--subhead-large {\n font-weight: var(--brand-text-subhead-weight-large);\n font-size: var(--brand-text-subhead-size-large);\n line-height: var(--brand-text-subhead-lineHeight-large);\n}\n\n.Heading--subhead-medium {\n font-weight: var(--brand-text-subhead-weight-medium);\n font-size: var(--brand-text-subhead-size-medium);\n line-height: var(--brand-text-subhead-lineHeight-medium);\n}\n\n.Heading--1 {\n font-weight: var(--brand-heading-weight-900);\n font-size: var(--brand-text-size-900);\n line-height: var(--brand-text-lineHeight-900);\n letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--2 {\n font-weight: var(--brand-heading-weight-800);\n font-size: var(--brand-text-size-800);\n line-height: var(--brand-text-lineHeight-800);\n letter-spacing: var(--brand-text-letterSpacing-800);\n}\n\n.Heading--3 {\n font-weight: var(--brand-heading-weight-700);\n font-size: var(--brand-text-size-700);\n line-height: var(--brand-heading-lineHeight-700);\n letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--4 {\n font-weight: var(--brand-heading-weight-600);\n font-size: var(--brand-text-size-600);\n line-height: var(--brand-text-lineHeight-600);\n letter-spacing: var(--brand-heading-letterSpacing-600);\n}\n\n.Heading--5 {\n font-weight: var(--brand-heading-weight-500);\n font-size: var(--brand-text-size-500);\n line-height: var(--brand-text-lineHeight-500);\n letter-spacing: var(--brand-heading-letterSpacing-500);\n}\n\n.Heading--6 {\n font-weight: var(--brand-heading-weight-400);\n font-size: var(--brand-text-size-400);\n line-height: var(--brand-text-lineHeight-400);\n letter-spacing: var(--brand-heading-letterSpacing-400);\n}\n\n.Heading--weight-heavy,\n.Heading-narrow--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n}\n\n.Heading--weight-extrabold,\n.Heading-narrow--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n}\n\n.Heading--weight-bold,\n.Heading-narrow--weight-bold {\n font-weight: var(--base-text-weight-bold);\n}\n\n.Heading--weight-semibold,\n.Heading-narrow--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n}\n\n.Heading--weight-medium,\n.Heading-narrow--weight-medium {\n font-weight: var(--base-text-weight-medium);\n}\n\n.Heading--weight-normal,\n.Heading-narrow--weight-normal {\n font-weight: var(--base-text-weight-normal);\n}\n\n.Heading--weight-light,\n.Heading-narrow--weight-light {\n font-weight: var(--base-text-weight-light);\n}\n\n.Heading--weight-extralight,\n.Heading-narrow--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n .Heading-regular--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n }\n\n .Heading-regular--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n }\n\n .Heading-regular--weight-bold {\n font-weight: var(--base-text-weight-bold);\n }\n\n .Heading-regular--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n }\n\n .Heading-regular--weight-medium {\n font-weight: var(--base-text-weight-medium);\n }\n\n .Heading-regular--weight-normal {\n font-weight: var(--base-text-weight-normal);\n }\n\n .Heading-regular--weight-light {\n font-weight: var(--base-text-weight-light);\n }\n\n .Heading-regular--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Heading-wide--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n }\n\n .Heading-wide--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n }\n\n .Heading-wide--weight-bold {\n font-weight: var(--base-text-weight-bold);\n }\n\n .Heading-wide--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n }\n\n .Heading-wide--weight-medium {\n font-weight: var(--base-text-weight-medium);\n }\n\n .Heading-wide--weight-normal {\n font-weight: var(--base-text-weight-normal);\n }\n\n .Heading-wide--weight-light {\n font-weight: var(--base-text-weight-light);\n }\n}\n\n/*\n Heading widths\n /\n\n.Heading--stretch-condensed,\n.Heading-narrow--stretch-condensed {\n font-stretch: var(--condensed-stretch);\n}\n\n.Heading--stretch-normal,\n.Heading-narrow--stretch-normal {\n font-stretch: 100%;\n}\n\n.Heading--stretch-expanded,\n.Heading-narrow--stretch-expanded {\n font-stretch: 125%;\n}\n\n@media screen and (min-width: 48rem) {\n .Heading-regular--stretch-condensed {\n font-stretch: var(--condensed-stretch);\n }\n\n .Heading-regular--stretch-normal {\n font-stretch: 100%;\n }\n\n .Heading-regular--stretch-expanded {\n font-stretch: 125%;\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Heading-narrow--weight-expanded .Heading-wide--stretch-condensed {\n font-stretch: var(--condensed-stretch);\n }\n\n .Heading-wide--stretch-normal {\n font-stretch: 100%;\n }\n\n .Heading-wide--stretch-expanded {\n font-stretch: 125%;\n }\n}\n\n/\n Heading letter spacing\n */\n\n.Heading--letter-spacing-condensed,\n.Heading-narrow--letter-spacing-condensed {\n letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--letter-spacing-normal,\n.Heading-narrow--letter-spacing-normal {\n letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--letter-spacing-none,\n.Heading-narrow--letter-spacing-none {\n letter-spacing: 0;\n}\n\n@media screen and (min-width: 48rem) {\n .Heading-regular--letter-spacing-condensed {\n letter-spacing: var(--brand-text-letterSpacing-900);\n }\n\n .Heading-regular--letter-spacing-normal {\n letter-spacing: var(--brand-heading-letterSpacing-700);\n }\n\n .Heading-regular--letter-spacing-none {\n letter-spacing: 0;\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Heading-narrow--weight-wide .Heading-wide--letter-spacing-condensed {\n letter-spacing: var(--brand-text-letterSpacing-900);\n }\n\n .Heading-wide--letter-spacing-normal {\n letter-spacing: var(--brand-heading-letterSpacing-700);\n }\n\n .Heading-wide--letter-spacing-none {\n letter-spacing: 0;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Heading.module.js","names":[],"sources":["../../src/Heading/Heading.module.css"],"sourcesContent":[".Heading {\n --condensed-stretch: 75%;\n color: var(--brand-color-text-default);\n}\n\n.Heading--textWrap-balance {\n text-wrap: balance;\n}\n\n.Heading--textWrap-wrap {\n text-wrap: wrap;\n}\n\n.Heading-font--hubot-sans {\n --condensed-stretch: 90%;\n}\n\n[data-color-mode='dark'] .Heading {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'] .Heading {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n\n.Heading-font--mona-sans {\n font-family: var(--brand-heading-fontFamily);\n}\n\n.Heading-font--hubot-sans {\n font-family: var(--brand-heading-fontFamilyAlt);\n}\n\n.Heading-font--monospace {\n font-family: var(--brand-fontStack-monospace);\n}\n\n.Heading--display {\n font-weight: var(--brand-heading-weight-1000);\n font-size: var(--brand-text-size-1000);\n line-height: var(--brand-text-lineHeight-1000);\n letter-spacing: var(--brand-text-letterSpacing-1000);\n}\n\n.Heading--subhead-large {\n font-weight: var(--brand-text-subhead-weight-large);\n font-size: var(--brand-text-subhead-size-large);\n line-height: var(--brand-text-subhead-lineHeight-large);\n}\n\n.Heading--subhead-medium {\n font-weight: var(--brand-text-subhead-weight-medium);\n font-size: var(--brand-text-subhead-size-medium);\n line-height: var(--brand-text-subhead-lineHeight-medium);\n}\n\n.Heading--1 {\n font-weight: var(--brand-heading-weight-900);\n font-size: var(--brand-text-size-900);\n line-height: var(--brand-text-lineHeight-900);\n letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--2 {\n font-weight: var(--brand-heading-weight-800);\n font-size: var(--brand-text-size-800);\n line-height: var(--brand-text-lineHeight-800);\n letter-spacing: var(--brand-text-letterSpacing-800);\n}\n\n.Heading--3 {\n font-weight: var(--brand-heading-weight-700);\n font-size: var(--brand-text-size-700);\n line-height: var(--brand-heading-lineHeight-700);\n letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--4 {\n font-weight: var(--brand-heading-weight-600);\n font-size: var(--brand-text-size-600);\n line-height: var(--brand-text-lineHeight-600);\n letter-spacing: var(--brand-heading-letterSpacing-600);\n}\n\n.Heading--5 {\n font-weight: var(--brand-heading-weight-500);\n font-size: var(--brand-text-size-500);\n line-height: var(--brand-text-lineHeight-500);\n letter-spacing: var(--brand-heading-letterSpacing-500);\n}\n\n.Heading--6 {\n font-weight: var(--brand-heading-weight-400);\n font-size: var(--brand-text-size-400);\n line-height: var(--brand-text-lineHeight-400);\n letter-spacing: var(--brand-heading-letterSpacing-400);\n}\n\n.Heading--weight-heavy,\n.Heading-narrow--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n}\n\n.Heading--weight-extrabold,\n.Heading-narrow--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n}\n\n.Heading--weight-bold,\n.Heading-narrow--weight-bold {\n font-weight: var(--base-text-weight-bold);\n}\n\n.Heading--weight-semibold,\n.Heading-narrow--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n}\n\n.Heading--weight-medium,\n.Heading-narrow--weight-medium {\n font-weight: var(--base-text-weight-medium);\n}\n\n.Heading--weight-normal,\n.Heading-narrow--weight-normal {\n font-weight: var(--base-text-weight-normal);\n}\n\n.Heading--weight-light,\n.Heading-narrow--weight-light {\n font-weight: var(--base-text-weight-light);\n}\n\n.Heading--weight-extralight,\n.Heading-narrow--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n .Heading-regular--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n }\n\n .Heading-regular--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n }\n\n .Heading-regular--weight-bold {\n font-weight: var(--base-text-weight-bold);\n }\n\n .Heading-regular--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n }\n\n .Heading-regular--weight-medium {\n font-weight: var(--base-text-weight-medium);\n }\n\n .Heading-regular--weight-normal {\n font-weight: var(--base-text-weight-normal);\n }\n\n .Heading-regular--weight-light {\n font-weight: var(--base-text-weight-light);\n }\n\n .Heading-regular--weight-extralight {\n font-weight: var(--base-text-weight-extralight);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Heading-wide--weight-heavy {\n font-weight: var(--base-text-weight-heavy);\n }\n\n .Heading-wide--weight-extrabold {\n font-weight: var(--base-text-weight-extrabold);\n }\n\n .Heading-wide--weight-bold {\n font-weight: var(--base-text-weight-bold);\n }\n\n .Heading-wide--weight-semibold {\n font-weight: var(--base-text-weight-semibold);\n }\n\n .Heading-wide--weight-medium {\n font-weight: var(--base-text-weight-medium);\n }\n\n .Heading-wide--weight-normal {\n font-weight: var(--base-text-weight-normal);\n }\n\n .Heading-wide--weight-light {\n font-weight: var(--base-text-weight-light);\n }\n}\n\n/*\n Heading widths\n /\n\n.Heading--stretch-condensed,\n.Heading-narrow--stretch-condensed {\n font-stretch: var(--condensed-stretch);\n}\n\n.Heading--stretch-normal,\n.Heading-narrow--stretch-normal {\n font-stretch: 100%;\n}\n\n.Heading--stretch-expanded,\n.Heading-narrow--stretch-expanded {\n font-stretch: 125%;\n}\n\n@media screen and (min-width: 48rem) {\n .Heading-regular--stretch-condensed {\n font-stretch: var(--condensed-stretch);\n }\n\n .Heading-regular--stretch-normal {\n font-stretch: 100%;\n }\n\n .Heading-regular--stretch-expanded {\n font-stretch: 125%;\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Heading-narrow--weight-expanded .Heading-wide--stretch-condensed {\n font-stretch: var(--condensed-stretch);\n }\n\n .Heading-wide--stretch-normal {\n font-stretch: 100%;\n }\n\n .Heading-wide--stretch-expanded {\n font-stretch: 125%;\n }\n}\n\n/\n Heading letter spacing\n */\n\n.Heading--letter-spacing-condensed,\n.Heading-narrow--letter-spacing-condensed {\n letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--letter-spacing-normal,\n.Heading-narrow--letter-spacing-normal {\n letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--letter-spacing-none,\n.Heading-narrow--letter-spacing-none {\n letter-spacing: 0;\n}\n\n@media screen and (min-width: 48rem) {\n .Heading-regular--letter-spacing-condensed {\n letter-spacing: var(--brand-text-letterSpacing-900);\n }\n\n .Heading-regular--letter-spacing-normal {\n letter-spacing: var(--brand-heading-letterSpacing-700);\n }\n\n .Heading-regular--letter-spacing-none {\n letter-spacing: 0;\n }\n}\n\n@media screen and (min-width: 80rem) {\n .Heading-narrow--weight-wide .Heading-wide--letter-spacing-condensed {\n letter-spacing: var(--brand-text-letterSpacing-900);\n }\n\n .Heading-wide--letter-spacing-normal {\n letter-spacing: var(--brand-heading-letterSpacing-700);\n }\n\n .Heading-wide--letter-spacing-none {\n letter-spacing: 0;\n }\n}\n"],"mappings":""}

package/esm/IDE/IDE.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { PaperAirplaneIcon as a } from "../node_modules/@primer/octicons-react/d
 import { useTabs as o } from "../hooks/useTabs.js";
 import { TextInput as s } from "../forms/TextInput/TextInput.js";
 import { Avatar as c } from "../Avatar/Avatar.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes-DSf1PV6b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/base-Cg4X8uay.css';/* empty css                                                                                    */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes-CTreurKT.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/base-Cg4X8uay.css';/* empty css                                                                                    */
 /* empty css                                                                                                 */
 import l from "./IDE.module.js";
 import u, { Children as d, createElement as f, forwardRef as p, isValidElement as m, memo as h, useCallback as g, useEffect as _, useImperativeHandle as v, useMemo as y, useRef as b, useState as x } from "react";

package/esm/Icon/Icon.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Colors as t } from "../constants.js";
 import n from "./Icon.module.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-Bjhpbkke.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-CctMSz17.css';/* empty css                                                                                       */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-BPFx95T7.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-CctMSz17.css';/* empty css                                                                                       */
 /* empty css                                                                                                  */
 import r from "react";
 import { jsx as i } from "react/jsx-runtime";

package/esm/IconButton/IconButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAUhD,OAAO,EAA0B,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;~~AAEnD~~,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAGtH,eAAO,MAAM,kBAAkB,oEAAsD,CAAA;AACrF,eAAO,MAAM,eAAe,uCAA4B,CAAA;AACxD,eAAO,MAAM,wBAAwB,aAAuB,CAAA;AAC5D,eAAO,MAAM,qBAAqB,UAAoB,CAAA;AAEtD,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAClF,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAA;AAYpF,KAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;AAwG9B,eAAO,MAAM,UAAU,EAAiC,mBAAmB,CAAA"}
1	+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAUhD,OAAO,EAA0B,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAGnD,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAGtH,eAAO,MAAM,kBAAkB,oEAAsD,CAAA;AACrF,eAAO,MAAM,eAAe,uCAA4B,CAAA;AACxD,eAAO,MAAM,wBAAwB,aAAuB,CAAA;AAC5D,eAAO,MAAM,qBAAqB,UAAoB,CAAA;AAEtD,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAClF,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAA;AAYpF,KAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;AAwG9B,eAAO,MAAM,UAAU,EAAiC,mBAAmB,CAAA"}

package/esm/IconButton/IconButton.js CHANGED Viewed

@@ -1,68 +1,70 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Button as t, ButtonSizes as n, ButtonVariants as r, defaultButtonSize as i, defaultButtonVariant as a } from "../Button/Button.js";
 import { Tooltip as o, TooltipContext as s } from "../Tooltip/Tooltip.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-D7iaptsa.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-DLPw97mz.css';/* empty css                                                                                            */
+import { Spinner as c } from "../Spinner/Spinner.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-BsaQYf6M.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-_lTjJKpQ.css';/* empty css                                                                                            */
 /* empty css                                                                                                         */
-import c from "./IconButton.module.js";
-import l, { forwardRef as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import l from "./IconButton.module.js";
+import u, { forwardRef as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/IconButton/IconButton.tsx
-var m = [
+var h = [
 	...r,
 	"danger",
 	"invisible"
-], h = [...n], g = a, _ = i, v = {
+], g = [...n], _ = a, v = i, y = {
 	root: "IconButton",
-	get loadingIndicator() {
-		return `${this.root}-loading-indicator`;
+	get spinner() {
+		return `${this.root}-spinner`;
 	},
 	get loadingAnnouncement() {
 		return `${this.root}-loading-announcement`;
 	}
 };
-function y({ as: n, icon: r, "aria-label": i, description: a, loading: u = !1, loadingAnnouncement: m = "Loading", rounded: h = !1, tooltipDirection: y = "s", size: b = _, variant: x = g, inactive: S = !1, disabled: C, className: w, onClick: T, "aria-disabled": E, "aria-expanded": D, "aria-haspopup": O, "data-testid": k, ...A }, j) {
-	let { tooltipId: M } = l.useContext(s), N = u && !C, P = S && !C && !N, F = !C && !M, I = a || i, L = x === "danger" ? "secondary" : x === "invisible" ? "subtle" : x;
+function b({ as: n, icon: r, "aria-label": i, description: a, loading: d = !1, loadingAnnouncement: h = "Loading", rounded: g = !1, tooltipDirection: b = "s", size: x = v, variant: S = _, inactive: C = !1, disabled: w, className: T, onClick: E, "aria-disabled": D, "aria-expanded": O, "aria-haspopup": k, "data-testid": A, ...j }, M) {
+	let { tooltipId: N } = u.useContext(s), P = d && !w, F = C && !w && !P, I = !w && !N, L = a || i, R = S === "danger" ? "secondary" : S === "invisible" ? "subtle" : S;
 	process.env.NODE_ENV !== "production" && (i.trim() || console.warn("IconButton requires a non-empty `aria-label`."), [
-		C,
-		u,
-		S
+		w,
+		d,
+		C
 	].filter(Boolean).length > 1 && console.warn("IconButton has conflicting props for `disabled`, `loading`, or `inactive` states."));
-	let R = N ? /* @__PURE__ */ f("span", {
-		className: c.IconButton__loadingIndicator,
-		"data-testid": v.loadingIndicator
-	}) : /* @__PURE__ */ f(r, { className: c.IconButton__icon }), z = /* @__PURE__ */ f(t, {
-		...A,
-		ref: F ? void 0 : j,
+	let z = P ? /* @__PURE__ */ p(c, {
+		accessibleLabel: null,
+		className: l.IconButton__spinner,
+		"data-testid": y.spinner
+	}) : /* @__PURE__ */ p(r, { className: l.IconButton__icon }), B = /* @__PURE__ */ p(t, {
+		...j,
+		ref: I ? void 0 : M,
 		as: n,
-		variant: L,
-		size: b,
-		disabled: C,
-		"aria-disabled": N || P ? !0 : E,
-		"aria-expanded": D,
-		"aria-haspopup": O,
-		"aria-label": !F || a ? i : void 0,
-		className: e(c.IconButton, c[`IconButton--${b}`], c[`IconButton--variant-${x}`], P && c["IconButton--inactive"], h && c["IconButton--rounded"], w),
-		"data-testid": k || v.root,
-		leadingVisual: R,
-		onClick: N ? (e) => {
+		variant: R,
+		size: x,
+		disabled: w,
+		"aria-disabled": P || F ? !0 : D,
+		"aria-expanded": O,
+		"aria-haspopup": k,
+		"aria-label": !I || a ? i : void 0,
+		className: e(l.IconButton, l[`IconButton--${x}`], l[`IconButton--variant-${S}`], F && l["IconButton--inactive"], g && l["IconButton--rounded"], T),
+		"data-testid": A || y.root,
+		leadingVisual: z,
+		onClick: P ? (e) => {
 			e.preventDefault(), e.stopPropagation();
-		} : T
+		} : E
 	});
-	return /* @__PURE__ */ p(d, { children: [F ? /* @__PURE__ */ f(o, {
-		ref: j,
-		direction: y,
-		text: I,
+	return /* @__PURE__ */ m(f, { children: [I ? /* @__PURE__ */ p(o, {
+		ref: M,
+		direction: b,
+		text: L,
 		type: a ? "description" : "label",
-		children: z
-	}) : z, /* @__PURE__ */ f("span", {
+		children: B
+	}) : B, /* @__PURE__ */ p("span", {
 		"aria-live": "polite",
-		className: c.IconButton__loadingAnnouncement,
-		"data-testid": v.loadingAnnouncement,
-		children: N ? m : null
+		className: l.IconButton__loadingAnnouncement,
+		"data-testid": y.loadingAnnouncement,
+		children: P ? h : null
 	})] });
 }
-var b = u(y);
+var x = d(b);
 //#endregion
-export { b as IconButton, h as IconButtonSizes, m as IconButtonVariants, _ as defaultIconButtonSize, g as defaultIconButtonVariant };
+export { x as IconButton, g as IconButtonSizes, h as IconButtonVariants, v as defaultIconButtonSize, _ as defaultIconButtonVariant };
 //# sourceMappingURL=IconButton.js.map

package/esm/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","names":[],"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, type Ref} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {\n Button,\n ButtonSizes,\n ButtonVariants,\n defaultButtonSize,\n defaultButtonVariant,\n type ButtonVariant,\n} from '../Button'\nimport {Tooltip, TooltipContext, type TooltipDirection} from '../Tooltip'\nimport type {BaseProps} from '../component-helpers'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css'\nimport styles from './IconButton.module.css'\n\nexport const IconButtonVariants = [...ButtonVariants, 'danger', 'invisible'] as const\nexport const IconButtonSizes = [...ButtonSizes] as const\nexport const defaultIconButtonVariant = defaultButtonVariant\nexport const defaultIconButtonSize = defaultButtonSize\n\nexport type IconButtonVariant = (typeof IconButtonVariants)[number]\nexport type IconButtonSize = (typeof IconButtonSizes)[number]\n\ntype IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {\n as?: C\n variant?: IconButtonVariant\n icon: Icon\n 'aria-label': string\n description?: string\n inactive?: boolean\n loading?: boolean\n loadingAnnouncement?: string\n rounded?: boolean\n size?: IconButtonSize\n tooltipDirection?: TooltipDirection\n}\n\nexport type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> &\n Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> \| 'children'>\n\nconst iconButtonTestIds = {\n root: 'IconButton',\n get ~~loadingIndicator~~() {\n return `${this.root}-~~loading-indicator~~`\n },\n get loadingAnnouncement() {\n return `${this.root}-loading-announcement`\n },\n}\n\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(\n props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>,\n) => React.ReactElement \| null\n\nfunction IconButtonRoot(\n {\n as,\n icon: IconComponent,\n 'aria-label': ariaLabel,\n description,\n loading = false,\n loadingAnnouncement = 'Loading',\n rounded = false,\n tooltipDirection = 's',\n size = defaultIconButtonSize,\n variant = defaultIconButtonVariant,\n inactive = false,\n disabled,\n className,\n onClick,\n 'aria-disabled': ariaDisabled,\n 'aria-expanded': ariaExpanded,\n 'aria-haspopup': ariaHasPopup,\n 'data-testid': testId,\n ...props\n }: React.PropsWithoutRef<IconButtonProps<React.ElementType>>,\n ref: Ref<HTMLButtonElement>,\n) {\n const {tooltipId: externalTooltipId} = React.useContext(TooltipContext)\n const isLoading = loading && !disabled\n const isInactive = inactive && !disabled && !isLoading\n const shouldRenderTooltip = !disabled && !externalTooltipId\n const tooltipText = description \|\| ariaLabel\n const buttonVariant: ButtonVariant = variant === 'danger' ? 'secondary' : variant === 'invisible' ? 'subtle' : variant\n\n if (process.env.NODE_ENV !== 'production') {\n if (!ariaLabel.trim()) {\n // eslint-disable-next-line no-console\n console.warn('IconButton requires a non-empty `aria-label`.')\n }\n\n if ([disabled, loading, inactive].filter(Boolean).length > 1) {\n // eslint-disable-next-line no-console\n console.warn('IconButton has conflicting props for `disabled`, `loading`, or `inactive` states.')\n }\n }\n\n const ButtonIcon = isLoading ? (\n <~~span~~ className={styles.~~IconButton__loadingIndicator~~} data-testid={iconButtonTestIds.~~loadingIndicator~~} />\n ) : (\n <IconComponent className={styles.IconButton__icon} />\n )\n\n const ButtonElement = (\n <Button\n {...props}\n ref={shouldRenderTooltip ? undefined : ref}\n as={as}\n variant={buttonVariant}\n size={size}\n disabled={disabled}\n aria-disabled={isLoading \|\| isInactive ? true : ariaDisabled}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-label={!shouldRenderTooltip \|\| description ? ariaLabel : undefined}\n className={clsx(\n styles.IconButton,\n styles[`IconButton--${size}`],\n styles[`IconButton--variant-${variant}`],\n isInactive && styles['IconButton--inactive'],\n rounded && styles['IconButton--rounded'],\n className,\n )}\n data-testid={testId \|\| iconButtonTestIds.root}\n leadingVisual={ButtonIcon}\n onClick={\n isLoading\n ? event => {\n event.preventDefault()\n event.stopPropagation()\n }\n : onClick\n }\n />\n )\n\n return (\n <>\n {shouldRenderTooltip ? (\n <Tooltip ref={ref} direction={tooltipDirection} text={tooltipText} type={description ? 'description' : 'label'}>\n {ButtonElement}\n </Tooltip>\n ) : (\n ButtonElement\n )}\n <span\n aria-live=\"polite\"\n className={styles.IconButton__loadingAnnouncement}\n data-testid={iconButtonTestIds.loadingAnnouncement}\n >\n {isLoading ? loadingAnnouncement : null}\n </span>\n </>\n )\n}\n\nexport const IconButton = forwardRef(IconButtonRoot) as IconButtonComponent\n"],"mappings":"~~;;;;;;;;;AAmBA~~,IAAa,IAAqB;CAAC,GAAG;CAAgB;CAAU;AAAW,GAC9D,IAAkB,CAAC,GAAG,CAAW,GACjC,IAA2B,GAC3B,IAAwB,GAsB/B,IAAoB;CACxB,MAAM;CACN,IAAI,~~mBAAmB~~;~~EACrB~~,OAAO,GAAG,KAAK,KAAK;CACtB;CACA,IAAI,sBAAsB;EACxB,OAAO,GAAG,KAAK,KAAK;CACtB;AACF;AAMA,SAAS,EACP,EACE,OACA,MAAM,GACN,cAAc,GACd,gBACA,aAAU,IACV,yBAAsB,WACtB,aAAU,IACV,sBAAmB,KACnB,UAAO,GACP,aAAU,GACV,cAAW,IACX,aACA,cACA,YACA,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,GAAG,KAEL,GACA;CACA,IAAM,EAAC,WAAW,MAAqB,EAAM,WAAW,CAAc,GAChE,IAAY,KAAW,CAAC,GACxB,IAAa,KAAY,CAAC,KAAY,CAAC,GACvC,IAAsB,CAAC,KAAY,CAAC,GACpC,IAAc,KAAe,GAC7B,IAA+B,MAAY,WAAW,cAAc,MAAY,cAAc,WAAW;CAE/G,AAAA,QAAA,IAAA,aAA6B,iBACtB,EAAU,KAAK,KAElB,QAAQ,KAAK,+CAA+C,GAG1D;EAAC;EAAU;EAAS;CAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,KAEzD,QAAQ,KAAK,mFAAmF;CAIpG,IAAM,IAAa,IACjB,kBAAC,~~QAAD~~;EAAM,WAAW,EAAO;~~EAA8B~~,eAAa,EAAkB;~~CAAmB~~,CAAA,~~IAExG~~,kBAAC,GAAD,EAAe,WAAW,EAAO,iBAAmB,CAAA,GAGhD,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,IAAsB,KAAA,IAAY;EACnC;EACJ,SAAS;EACH;EACI;EACV,iBAAe,KAAa,IAAa,KAAO;EAChD,iBAAe;EACf,iBAAe;EACf,cAAY,CAAC,KAAuB,IAAc,IAAY,KAAA;EAC9D,WAAW,EACT,EAAO,YACP,EAAO,eAAe,MACtB,EAAO,uBAAuB,MAC9B,KAAc,EAAO,yBACrB,KAAW,EAAO,wBAClB,CACF;EACA,eAAa,KAAU,EAAkB;EACzC,eAAe;EACf,SACE,KACI,MAAS;GAEP,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;EACxB,IACA;CAEP,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EAAc;EAAK,WAAW;EAAkB,MAAM;EAAa,MAAM,IAAc,gBAAgB;YACpG;CACM,CAAA,IAET,GAEF,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAO;EAClB,eAAa,EAAkB;YAE9B,IAAY,IAAsB;CAC/B,CAAA,CACN,EAAA,CAAA;AAEN;AAEA,IAAa,IAAa,EAAW,CAAc"}
1	+ {"version":3,"file":"IconButton.js","names":[],"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, type Ref} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {\n Button,\n ButtonSizes,\n ButtonVariants,\n defaultButtonSize,\n defaultButtonVariant,\n type ButtonVariant,\n} from '../Button'\nimport {Tooltip, TooltipContext, type TooltipDirection} from '../Tooltip'\nimport type {BaseProps} from '../component-helpers'\nimport {Spinner} from '../Spinner/Spinner'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css'\nimport styles from './IconButton.module.css'\n\nexport const IconButtonVariants = [...ButtonVariants, 'danger', 'invisible'] as const\nexport const IconButtonSizes = [...ButtonSizes] as const\nexport const defaultIconButtonVariant = defaultButtonVariant\nexport const defaultIconButtonSize = defaultButtonSize\n\nexport type IconButtonVariant = (typeof IconButtonVariants)[number]\nexport type IconButtonSize = (typeof IconButtonSizes)[number]\n\ntype IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {\n as?: C\n variant?: IconButtonVariant\n icon: Icon\n 'aria-label': string\n description?: string\n inactive?: boolean\n loading?: boolean\n loadingAnnouncement?: string\n rounded?: boolean\n size?: IconButtonSize\n tooltipDirection?: TooltipDirection\n}\n\nexport type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> &\n Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> \| 'children'>\n\nconst iconButtonTestIds = {\n root: 'IconButton',\n get spinner() {\n return `${this.root}-spinner`\n },\n get loadingAnnouncement() {\n return `${this.root}-loading-announcement`\n },\n}\n\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(\n props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>,\n) => React.ReactElement \| null\n\nfunction IconButtonRoot(\n {\n as,\n icon: IconComponent,\n 'aria-label': ariaLabel,\n description,\n loading = false,\n loadingAnnouncement = 'Loading',\n rounded = false,\n tooltipDirection = 's',\n size = defaultIconButtonSize,\n variant = defaultIconButtonVariant,\n inactive = false,\n disabled,\n className,\n onClick,\n 'aria-disabled': ariaDisabled,\n 'aria-expanded': ariaExpanded,\n 'aria-haspopup': ariaHasPopup,\n 'data-testid': testId,\n ...props\n }: React.PropsWithoutRef<IconButtonProps<React.ElementType>>,\n ref: Ref<HTMLButtonElement>,\n) {\n const {tooltipId: externalTooltipId} = React.useContext(TooltipContext)\n const isLoading = loading && !disabled\n const isInactive = inactive && !disabled && !isLoading\n const shouldRenderTooltip = !disabled && !externalTooltipId\n const tooltipText = description \|\| ariaLabel\n const buttonVariant: ButtonVariant = variant === 'danger' ? 'secondary' : variant === 'invisible' ? 'subtle' : variant\n\n if (process.env.NODE_ENV !== 'production') {\n if (!ariaLabel.trim()) {\n // eslint-disable-next-line no-console\n console.warn('IconButton requires a non-empty `aria-label`.')\n }\n\n if ([disabled, loading, inactive].filter(Boolean).length > 1) {\n // eslint-disable-next-line no-console\n console.warn('IconButton has conflicting props for `disabled`, `loading`, or `inactive` states.')\n }\n }\n\n const ButtonIcon = isLoading ? (\n <Spinner accessibleLabel={null} className={styles.IconButton__spinner} data-testid={iconButtonTestIds.spinner} />\n ) : (\n <IconComponent className={styles.IconButton__icon} />\n )\n\n const ButtonElement = (\n <Button\n {...props}\n ref={shouldRenderTooltip ? undefined : ref}\n as={as}\n variant={buttonVariant}\n size={size}\n disabled={disabled}\n aria-disabled={isLoading \|\| isInactive ? true : ariaDisabled}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-label={!shouldRenderTooltip \|\| description ? ariaLabel : undefined}\n className={clsx(\n styles.IconButton,\n styles[`IconButton--${size}`],\n styles[`IconButton--variant-${variant}`],\n isInactive && styles['IconButton--inactive'],\n rounded && styles['IconButton--rounded'],\n className,\n )}\n data-testid={testId \|\| iconButtonTestIds.root}\n leadingVisual={ButtonIcon}\n onClick={\n isLoading\n ? event => {\n event.preventDefault()\n event.stopPropagation()\n }\n : onClick\n }\n />\n )\n\n return (\n <>\n {shouldRenderTooltip ? (\n <Tooltip ref={ref} direction={tooltipDirection} text={tooltipText} type={description ? 'description' : 'label'}>\n {ButtonElement}\n </Tooltip>\n ) : (\n ButtonElement\n )}\n <span\n aria-live=\"polite\"\n className={styles.IconButton__loadingAnnouncement}\n data-testid={iconButtonTestIds.loadingAnnouncement}\n >\n {isLoading ? loadingAnnouncement : null}\n </span>\n </>\n )\n}\n\nexport const IconButton = forwardRef(IconButtonRoot) as IconButtonComponent\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAqB;CAAC,GAAG;CAAgB;CAAU;AAAW,GAC9D,IAAkB,CAAC,GAAG,CAAW,GACjC,IAA2B,GAC3B,IAAwB,GAsB/B,IAAoB;CACxB,MAAM;CACN,IAAI,UAAU;EACZ,OAAO,GAAG,KAAK,KAAK;CACtB;CACA,IAAI,sBAAsB;EACxB,OAAO,GAAG,KAAK,KAAK;CACtB;AACF;AAMA,SAAS,EACP,EACE,OACA,MAAM,GACN,cAAc,GACd,gBACA,aAAU,IACV,yBAAsB,WACtB,aAAU,IACV,sBAAmB,KACnB,UAAO,GACP,aAAU,GACV,cAAW,IACX,aACA,cACA,YACA,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,GAAG,KAEL,GACA;CACA,IAAM,EAAC,WAAW,MAAqB,EAAM,WAAW,CAAc,GAChE,IAAY,KAAW,CAAC,GACxB,IAAa,KAAY,CAAC,KAAY,CAAC,GACvC,IAAsB,CAAC,KAAY,CAAC,GACpC,IAAc,KAAe,GAC7B,IAA+B,MAAY,WAAW,cAAc,MAAY,cAAc,WAAW;CAE/G,AAAA,QAAA,IAAA,aAA6B,iBACtB,EAAU,KAAK,KAElB,QAAQ,KAAK,+CAA+C,GAG1D;EAAC;EAAU;EAAS;CAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,KAEzD,QAAQ,KAAK,mFAAmF;CAIpG,IAAM,IAAa,IACjB,kBAAC,GAAD;EAAS,iBAAiB;EAAM,WAAW,EAAO;EAAqB,eAAa,EAAkB;CAAU,CAAA,IAEhH,kBAAC,GAAD,EAAe,WAAW,EAAO,iBAAmB,CAAA,GAGhD,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,IAAsB,KAAA,IAAY;EACnC;EACJ,SAAS;EACH;EACI;EACV,iBAAe,KAAa,IAAa,KAAO;EAChD,iBAAe;EACf,iBAAe;EACf,cAAY,CAAC,KAAuB,IAAc,IAAY,KAAA;EAC9D,WAAW,EACT,EAAO,YACP,EAAO,eAAe,MACtB,EAAO,uBAAuB,MAC9B,KAAc,EAAO,yBACrB,KAAW,EAAO,wBAClB,CACF;EACA,eAAa,KAAU,EAAkB;EACzC,eAAe;EACf,SACE,KACI,MAAS;GAEP,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;EACxB,IACA;CAEP,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EAAc;EAAK,WAAW;EAAkB,MAAM;EAAa,MAAM,IAAc,gBAAgB;YACpG;CACM,CAAA,IAET,GAEF,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAO;EAClB,eAAa,EAAkB;YAE9B,IAAY,IAAsB;CAC/B,CAAA,CACN,EAAA,CAAA;AAEN;AAEA,IAAa,IAAa,EAAW,CAAc"}

package/esm/IconButton/{IconButton.module-tmxv8TCl.css → IconButton.module-D2UJBm7x.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__IconButton-module__IconButton___68DKi{flex:none;gap:0;padding:0}.Primer_Brand__IconButton-module__IconButton___68DKi.Primer_Brand__IconButton-module__IconButton___68DKi{min-width:var(--brand-IconButton-control-size-medium);width:var(--brand-IconButton-control-size-medium);height:var(--brand-IconButton-control-size-medium)}.Primer_Brand__IconButton-module__IconButton--small___KXgb_.Primer_Brand__IconButton-module__IconButton--small___KXgb_{min-width:var(--brand-IconButton-control-size-small);width:var(--brand-IconButton-control-size-small);height:var(--brand-IconButton-control-size-small)}.Primer_Brand__IconButton-module__IconButton--large___ypAna.Primer_Brand__IconButton-module__IconButton--large___ypAna{min-width:var(--brand-IconButton-control-size-large);width:var(--brand-IconButton-control-size-large);height:var(--brand-IconButton-control-size-large)}.Primer_Brand__IconButton-module__IconButton--rounded___g_ngl.Primer_Brand__IconButton-module__IconButton--rounded___g_ngl{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]){color:var(--brand-IconButton-danger-fgColor-rest);background-color:var(--brand-IconButton-danger-bgColor-rest);border-color:var(--brand-IconButton-danger-borderColor-rest)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]):not([aria-expanded=true]):hover{color:var(--brand-IconButton-danger-fgColor-hover);background-color:var(--brand-IconButton-danger-bgColor-hover);border-color:var(--brand-IconButton-danger-borderColor-hover)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]):active,.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true])[aria-expanded=true]{color:var(--brand-IconButton-danger-fgColor-active);background-color:var(--brand-IconButton-danger-bgColor-active);border-color:var(--brand-IconButton-danger-borderColor-active)}.Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC.Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC:where(:not(:hover):not(:active):not([aria-expanded=true])){background-color:var(--brand-IconButton-invisible-bgColor-rest);border-color:var(--brand-IconButton-invisible-borderColor-rest);-webkit-backdrop-filter:none;backdrop-filter:none}.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd,.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd:hover,.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd:active{color:var(--brand-IconButton-inactive-fgColor);cursor:auto;background-color:var(--brand-IconButton-inactive-bgColor);border-color:var(--brand-IconButton-inactive-borderColor);-webkit-backdrop-filter:none;backdrop-filter:none}.Primer_Brand__IconButton-module__IconButton--inactive___UanYd .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{color:inherit}.Primer_Brand__IconButton-module__IconButton--small___KXgb_ .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-small);height:var(--brand-IconButton-icon-size-small)}.Primer_Brand__IconButton-module__IconButton--medium____oYr1 .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-medium);height:var(--brand-IconButton-icon-size-medium)}.Primer_Brand__IconButton-module__IconButton--large___ypAna .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-large);height:var(--brand-IconButton-icon-size-large)}.Primer_Brand__IconButton-~~module__IconButton__loadingIndicator___RXZPC~~.Primer_Brand__IconButton-~~module__IconButton__loadingIndicator___RXZPC~~{~~box-sizing:border-box;~~width:var(--brand-IconButton-icon-size-medium);height:var(--brand-IconButton-icon-size-medium);~~border:var(--brand~~-~~borderWidth-thin) solid currentcolor;animation~~:~~Primer_Brand__IconButton-module__IconButton-spin___f8JZW~~ var(--brand-IconButton-~~loadingIndicator~~-animationDuration-default) ~~linear infinite~~;~~border-inline-end-color:#0000;border-radius:50%;~~display:block}.Primer_Brand__IconButton-module__IconButton--small___KXgb_ .Primer_Brand__IconButton-~~module__IconButton__loadingIndicator___RXZPC~~{width:var(--brand-IconButton-icon-size-small);height:var(--brand-IconButton-icon-size-small)}.Primer_Brand__IconButton-module__IconButton--large___ypAna .Primer_Brand__IconButton-~~module__IconButton__loadingIndicator___RXZPC~~{width:var(--brand-IconButton-icon-size-large);height:var(--brand-IconButton-icon-size-large)}.Primer_Brand__IconButton-module__IconButton__loadingAnnouncement___Ga8mZ{width:var(--base-size-1);height:var(--base-size-1);margin:calc(var(--base-size-1) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@~~keyframes Primer_Brand__IconButton-module__IconButton-spin___f8JZW{to{transform:rotate(360deg)}}@~~media (forced-colors:active){.Primer_Brand__IconButton-module__IconButton--inactive___UanYd{color:graytext;border-color:graytext}.Primer_Brand__IconButton-~~module__IconButton__loadingIndicator___RXZPC~~{~~border-~~color:buttontext~~;border-inline-end-color:#0000~~}}@media (prefers-reduced-motion:reduce){.Primer_Brand__IconButton-~~module__IconButton__loadingIndicator___RXZPC~~{animation-duration:var(--brand-IconButton-~~loadingIndicator~~-animationDuration-reducedMotion)}}
1	+ .Primer_Brand__IconButton-module__IconButton___68DKi{flex:none;gap:0;padding:0}.Primer_Brand__IconButton-module__IconButton___68DKi.Primer_Brand__IconButton-module__IconButton___68DKi{min-width:var(--brand-IconButton-control-size-medium);width:var(--brand-IconButton-control-size-medium);height:var(--brand-IconButton-control-size-medium)}.Primer_Brand__IconButton-module__IconButton--small___KXgb_.Primer_Brand__IconButton-module__IconButton--small___KXgb_{min-width:var(--brand-IconButton-control-size-small);width:var(--brand-IconButton-control-size-small);height:var(--brand-IconButton-control-size-small)}.Primer_Brand__IconButton-module__IconButton--large___ypAna.Primer_Brand__IconButton-module__IconButton--large___ypAna{min-width:var(--brand-IconButton-control-size-large);width:var(--brand-IconButton-control-size-large);height:var(--brand-IconButton-control-size-large)}.Primer_Brand__IconButton-module__IconButton--rounded___g_ngl.Primer_Brand__IconButton-module__IconButton--rounded___g_ngl{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]){color:var(--brand-IconButton-danger-fgColor-rest);background-color:var(--brand-IconButton-danger-bgColor-rest);border-color:var(--brand-IconButton-danger-borderColor-rest)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]):not([aria-expanded=true]):hover{color:var(--brand-IconButton-danger-fgColor-hover);background-color:var(--brand-IconButton-danger-bgColor-hover);border-color:var(--brand-IconButton-danger-borderColor-hover)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]):active,.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true])[aria-expanded=true]{color:var(--brand-IconButton-danger-fgColor-active);background-color:var(--brand-IconButton-danger-bgColor-active);border-color:var(--brand-IconButton-danger-borderColor-active)}.Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC.Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC:where(:not(:hover):not(:active):not([aria-expanded=true])){background-color:var(--brand-IconButton-invisible-bgColor-rest);border-color:var(--brand-IconButton-invisible-borderColor-rest);-webkit-backdrop-filter:none;backdrop-filter:none}.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd,.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd:hover,.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd:active{color:var(--brand-IconButton-inactive-fgColor);cursor:auto;background-color:var(--brand-IconButton-inactive-bgColor);border-color:var(--brand-IconButton-inactive-borderColor);-webkit-backdrop-filter:none;backdrop-filter:none}.Primer_Brand__IconButton-module__IconButton--inactive___UanYd .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{color:inherit}.Primer_Brand__IconButton-module__IconButton--small___KXgb_ .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-small);height:var(--brand-IconButton-icon-size-small)}.Primer_Brand__IconButton-module__IconButton--medium____oYr1 .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-medium);height:var(--brand-IconButton-icon-size-medium)}.Primer_Brand__IconButton-module__IconButton--large___ypAna .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-large);height:var(--brand-IconButton-icon-size-large)}.Primer_Brand__IconButton-module__IconButton__spinner___I4dHE.Primer_Brand__IconButton-module__IconButton__spinner___I4dHE{width:var(--brand-IconButton-icon-size-medium);height:var(--brand-IconButton-icon-size-medium);animation-duration:var(--brand-IconButton-spinner-animationDuration-default);display:block}.Primer_Brand__IconButton-module__IconButton--small___KXgb_ .Primer_Brand__IconButton-module__IconButton__spinner___I4dHE{width:var(--brand-IconButton-icon-size-small);height:var(--brand-IconButton-icon-size-small)}.Primer_Brand__IconButton-module__IconButton--large___ypAna .Primer_Brand__IconButton-module__IconButton__spinner___I4dHE{width:var(--brand-IconButton-icon-size-large);height:var(--brand-IconButton-icon-size-large)}.Primer_Brand__IconButton-module__IconButton__loadingAnnouncement___Ga8mZ{width:var(--base-size-1);height:var(--base-size-1);margin:calc(var(--base-size-1) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.Primer_Brand__IconButton-module__IconButton--inactive___UanYd{color:graytext;border-color:graytext}.Primer_Brand__IconButton-module__IconButton__spinner___I4dHE{color:buttontext}}@media (prefers-reduced-motion:reduce){.Primer_Brand__IconButton-module__IconButton__spinner___I4dHE{animation-duration:var(--brand-IconButton-spinner-animationDuration-reducedMotion)}}

package/esm/IconButton/IconButton.module.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import './IconButton.module-tmxv8TCl.css';//#region src/IconButton/IconButton.module.css
-var e = "Primer_Brand__IconButton-module__IconButton___68DKi", t = "Primer_Brand__IconButton-module__IconButton__icon___ilqkK", n = "Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC", r = "Primer_Brand__IconButton-module__IconButton__loadingAnnouncement___Ga8mZ", i = {
+import './IconButton.module-D2UJBm7x.css';//#region src/IconButton/IconButton.module.css
+var e = "Primer_Brand__IconButton-module__IconButton___68DKi", t = "Primer_Brand__IconButton-module__IconButton__icon___ilqkK", n = "Primer_Brand__IconButton-module__IconButton__spinner___I4dHE", r = "Primer_Brand__IconButton-module__IconButton__loadingAnnouncement___Ga8mZ", i = {
 	IconButton: e,
 	"IconButton--small": "Primer_Brand__IconButton-module__IconButton--small___KXgb_",
 	"IconButton--large": "Primer_Brand__IconButton-module__IconButton--large___ypAna",
@@ -9,11 +9,10 @@ var e = "Primer_Brand__IconButton-module__IconButton___68DKi", t = "Primer_Brand
 	"IconButton--inactive": "Primer_Brand__IconButton-module__IconButton--inactive___UanYd",
 	IconButton__icon: t,
 	"IconButton--medium": "Primer_Brand__IconButton-module__IconButton--medium____oYr1",
-	IconButton__loadingIndicator: n,
-	"IconButton-spin": "Primer_Brand__IconButton-module__IconButton-spin___f8JZW",
+	IconButton__spinner: n,
 	IconButton__loadingAnnouncement: r
 };
 //#endregion
-export { e as IconButton, t as IconButton__icon, r as IconButton__loadingAnnouncement, n as IconButton__loadingIndicator, i as default };
+export { e as IconButton, t as IconButton__icon, r as IconButton__loadingAnnouncement, n as IconButton__spinner, i as default };
 //# sourceMappingURL=IconButton.module.js.map

package/esm/IconButton/IconButton.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.module.js","names":[],"sources":["../../src/IconButton/IconButton.module.css"],"sourcesContent":[".IconButton {\n flex: none;\n gap: 0;\n padding: 0;\n}\n\n.IconButton.IconButton {\n min-width: var(--brand-IconButton-control-size-medium);\n width: var(--brand-IconButton-control-size-medium);\n height: var(--brand-IconButton-control-size-medium);\n}\n\n.IconButton--small.IconButton--small {\n min-width: var(--brand-IconButton-control-size-small);\n width: var(--brand-IconButton-control-size-small);\n height: var(--brand-IconButton-control-size-small);\n}\n\n.IconButton--large.IconButton--large {\n min-width: var(--brand-IconButton-control-size-large);\n width: var(--brand-IconButton-control-size-large);\n height: var(--brand-IconButton-control-size-large);\n}\n\n.IconButton--rounded.IconButton--rounded {\n border-radius: var(--brand-borderRadius-full);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true']) {\n color: var(--brand-IconButton-danger-fgColor-rest);\n background-color: var(--brand-IconButton-danger-bgColor-rest);\n border-color: var(--brand-IconButton-danger-borderColor-rest);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not(\n [disabled],\n [aria-disabled='true'],\n [aria-expanded='true']\n ):hover {\n color: var(--brand-IconButton-danger-fgColor-hover);\n background-color: var(--brand-IconButton-danger-bgColor-hover);\n border-color: var(--brand-IconButton-danger-borderColor-hover);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true']):active,\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true'])[aria-expanded='true'] {\n color: var(--brand-IconButton-danger-fgColor-active);\n background-color: var(--brand-IconButton-danger-bgColor-active);\n border-color: var(--brand-IconButton-danger-borderColor-active);\n}\n\n.IconButton--variant-invisible.IconButton--variant-invisible:where(:not(:hover, :active, [aria-expanded='true'])) {\n background-color: var(--brand-IconButton-invisible-bgColor-rest);\n border-color: var(--brand-IconButton-invisible-borderColor-rest);\n backdrop-filter: none;\n}\n\n.IconButton--inactive.IconButton--inactive,\n.IconButton--inactive.IconButton--inactive:hover,\n.IconButton--inactive.IconButton--inactive:active {\n color: var(--brand-IconButton-inactive-fgColor);\n cursor: auto;\n background-color: var(--brand-IconButton-inactive-bgColor);\n border-color: var(--brand-IconButton-inactive-borderColor);\n backdrop-filter: none;\n}\n\n.IconButton--inactive .IconButton__icon {\n color: inherit;\n}\n\n.IconButton--small .IconButton__icon {\n width: var(--brand-IconButton-icon-size-small);\n height: var(--brand-IconButton-icon-size-small);\n}\n\n.IconButton--medium .IconButton__icon {\n width: var(--brand-IconButton-icon-size-medium);\n height: var(--brand-IconButton-icon-size-medium);\n}\n\n.IconButton--large .IconButton__icon {\n width: var(--brand-IconButton-icon-size-large);\n height: var(--brand-IconButton-icon-size-large);\n}\n\n.~~IconButton__loadingIndicator~~.~~IconButton__loadingIndicator~~ {\n display: block;\n ~~box-sizing: border-box;\n~~ width: var(--brand-IconButton-icon-size-medium);\n height: var(--brand-IconButton-icon-size-medium);\n ~~border: var(--brand~~-~~borderWidth-thin) solid currentcolor;\n border-inline-end-color~~: ~~transparent;\n border-radius: 50%;\n animation: IconButton-spin~~ var(--brand-IconButton-~~loadingIndicator~~-animationDuration-default) ~~linear infinite~~;\n}\n\n.IconButton--small .~~IconButton__loadingIndicator~~ {\n width: var(--brand-IconButton-icon-size-small);\n height: var(--brand-IconButton-icon-size-small);\n}\n\n.IconButton--large .~~IconButton__loadingIndicator~~ {\n width: var(--brand-IconButton-icon-size-large);\n height: var(--brand-IconButton-icon-size-large);\n}\n\n.IconButton__loadingAnnouncement {\n position: absolute;\n width: var(--base-size-1);\n height: var(--base-size-1);\n padding: 0;\n margin: calc(var(--base-size-1) * -1);\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@~~keyframes IconButton-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@~~media (forced-colors: active) {\n .IconButton--inactive {\n color: GrayText;\n border-color: GrayText;\n }\n\n .~~IconButton__loadingIndicator~~ {\n ~~border-~~color: ButtonText;\n ~~border-inline-end-color: transparent;\n~~ }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .~~IconButton__loadingIndicator~~ {\n animation-duration: var(--brand-IconButton-~~loadingIndicator~~-animationDuration-reducedMotion);\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"IconButton.module.js","names":[],"sources":["../../src/IconButton/IconButton.module.css"],"sourcesContent":[".IconButton {\n flex: none;\n gap: 0;\n padding: 0;\n}\n\n.IconButton.IconButton {\n min-width: var(--brand-IconButton-control-size-medium);\n width: var(--brand-IconButton-control-size-medium);\n height: var(--brand-IconButton-control-size-medium);\n}\n\n.IconButton--small.IconButton--small {\n min-width: var(--brand-IconButton-control-size-small);\n width: var(--brand-IconButton-control-size-small);\n height: var(--brand-IconButton-control-size-small);\n}\n\n.IconButton--large.IconButton--large {\n min-width: var(--brand-IconButton-control-size-large);\n width: var(--brand-IconButton-control-size-large);\n height: var(--brand-IconButton-control-size-large);\n}\n\n.IconButton--rounded.IconButton--rounded {\n border-radius: var(--brand-borderRadius-full);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true']) {\n color: var(--brand-IconButton-danger-fgColor-rest);\n background-color: var(--brand-IconButton-danger-bgColor-rest);\n border-color: var(--brand-IconButton-danger-borderColor-rest);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not(\n [disabled],\n [aria-disabled='true'],\n [aria-expanded='true']\n ):hover {\n color: var(--brand-IconButton-danger-fgColor-hover);\n background-color: var(--brand-IconButton-danger-bgColor-hover);\n border-color: var(--brand-IconButton-danger-borderColor-hover);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true']):active,\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true'])[aria-expanded='true'] {\n color: var(--brand-IconButton-danger-fgColor-active);\n background-color: var(--brand-IconButton-danger-bgColor-active);\n border-color: var(--brand-IconButton-danger-borderColor-active);\n}\n\n.IconButton--variant-invisible.IconButton--variant-invisible:where(:not(:hover, :active, [aria-expanded='true'])) {\n background-color: var(--brand-IconButton-invisible-bgColor-rest);\n border-color: var(--brand-IconButton-invisible-borderColor-rest);\n backdrop-filter: none;\n}\n\n.IconButton--inactive.IconButton--inactive,\n.IconButton--inactive.IconButton--inactive:hover,\n.IconButton--inactive.IconButton--inactive:active {\n color: var(--brand-IconButton-inactive-fgColor);\n cursor: auto;\n background-color: var(--brand-IconButton-inactive-bgColor);\n border-color: var(--brand-IconButton-inactive-borderColor);\n backdrop-filter: none;\n}\n\n.IconButton--inactive .IconButton__icon {\n color: inherit;\n}\n\n.IconButton--small .IconButton__icon {\n width: var(--brand-IconButton-icon-size-small);\n height: var(--brand-IconButton-icon-size-small);\n}\n\n.IconButton--medium .IconButton__icon {\n width: var(--brand-IconButton-icon-size-medium);\n height: var(--brand-IconButton-icon-size-medium);\n}\n\n.IconButton--large .IconButton__icon {\n width: var(--brand-IconButton-icon-size-large);\n height: var(--brand-IconButton-icon-size-large);\n}\n\n.IconButton__spinner.IconButton__spinner {\n display: block;\n width: var(--brand-IconButton-icon-size-medium);\n height: var(--brand-IconButton-icon-size-medium);\n animation-duration: var(--brand-IconButton-spinner-animationDuration-default);\n}\n\n.IconButton--small .IconButton__spinner {\n width: var(--brand-IconButton-icon-size-small);\n height: var(--brand-IconButton-icon-size-small);\n}\n\n.IconButton--large .IconButton__spinner {\n width: var(--brand-IconButton-icon-size-large);\n height: var(--brand-IconButton-icon-size-large);\n}\n\n.IconButton__loadingAnnouncement {\n position: absolute;\n width: var(--base-size-1);\n height: var(--base-size-1);\n padding: 0;\n margin: calc(var(--base-size-1) * -1);\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .IconButton--inactive {\n color: GrayText;\n border-color: GrayText;\n }\n\n .IconButton__spinner {\n color: ButtonText;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IconButton__spinner {\n animation-duration: var(--brand-IconButton-spinner-animationDuration-reducedMotion);\n }\n}\n"],"mappings":""}

package/esm/InlineCode/InlineCode.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-B72y-n-A.css';/* empty css                                                                                                         */
 import t from "./InlineCode.module.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/esm/InlineLink/InlineLink.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes-DujakhtG.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes-CT7QXZTs.css';/* empty css                                                                                                         */
 /* empty css                                                                                            */
 import t from "./InlineLink.module.js";
 import { forwardRef as n } from "react";

package/esm/InlineLink/{InlineLink.module-6R63us8B.css → InlineLink.module-BXx17-pO.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__InlineLink-module__InlineLink___AAGDi{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-thickness:var(--brand-borderWidth-thin);text-underline-position:under;transition:var(--brand-InlineLink-transition-timing) text-decoration;position:relative}.Primer_Brand__InlineLink-module__InlineLink___AAGDi:hover{text-decoration-thickness:var(--brand-borderWidth-thick)}.Primer_Brand__InlineLink-module__InlineLink___AAGDi,.Primer_Brand__InlineLink-module__InlineLink___AAGDi>span{font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--brand-InlineLink-color-rest)}.Primer_Brand__InlineLink-module__InlineLink___AAGDi:active,.Primer_Brand__InlineLink-module__InlineLink___AAGDi:active>span{color:var(--brand-InlineLink-color-pressed)}[data-color-mode=dark] .Primer_Brand__InlineLink-module__InlineLink___AAGDi{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}@media (prefers-reduced-motion:reduce){.Primer_Brand__InlineLink-module__InlineLink___AAGDi,.Primer_Brand__InlineLink-module__InlineLink___AAGDi:before,.Primer_Brand__InlineLink-module__InlineLink___AAGDi:after,.Primer_Brand__InlineLink-module__InlineLink___AAGDi *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
1	+ .Primer_Brand__InlineLink-module__InlineLink___AAGDi{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-thickness:var(--brand-borderWidth-thin);text-underline-position:under;transition:var(--brand-InlineLink-transition-timing) text-decoration;position:relative}.Primer_Brand__InlineLink-module__InlineLink___AAGDi:hover{text-decoration-thickness:var(--brand-borderWidth-thick)}.Primer_Brand__InlineLink-module__InlineLink___AAGDi,.Primer_Brand__InlineLink-module__InlineLink___AAGDi>span{font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--brand-InlineLink-color-rest)}.Primer_Brand__InlineLink-module__InlineLink___AAGDi:active,.Primer_Brand__InlineLink-module__InlineLink___AAGDi:active>span{color:var(--brand-InlineLink-color-pressed)}[data-color-mode=dark] .Primer_Brand__InlineLink-module__InlineLink___AAGDi{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__InlineLink-module__InlineLink___AAGDi{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}}@media (prefers-reduced-motion:reduce){.Primer_Brand__InlineLink-module__InlineLink___AAGDi,.Primer_Brand__InlineLink-module__InlineLink___AAGDi:before,.Primer_Brand__InlineLink-module__InlineLink___AAGDi:after,.Primer_Brand__InlineLink-module__InlineLink___AAGDi *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/InlineLink/InlineLink.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './InlineLink.module-6R63us8B.css';//#region src/InlineLink/InlineLink.module.css
+import './InlineLink.module-BXx17-pO.css';//#region src/InlineLink/InlineLink.module.css
 var e = "Primer_Brand__InlineLink-module__InlineLink___AAGDi", t = { InlineLink: e };
 //#endregion
 export { e as InlineLink, t as default };

package/esm/InlineLink/InlineLink.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineLink.module.js","names":[],"sources":["../../src/InlineLink/InlineLink.module.css"],"sourcesContent":[".InlineLink {\n position: relative;\n text-decoration: underline;\n text-decoration-color: var(--brand-InlineLink-color-rest);\n text-decoration-thickness: var(--brand-borderWidth-thin);\n text-underline-position: under;\n transition: var(--brand-InlineLink-transition-timing) text-decoration;\n}\n\n.InlineLink:hover {\n text-decoration-thickness: var(--brand-borderWidth-thick);\n}\n\n.InlineLink,\n.InlineLink > span {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n color: var(--brand-InlineLink-color-rest);\n}\n\n.InlineLink:active,\n.InlineLink:active > span {\n color: var(--brand-InlineLink-color-pressed);\n}\n\n[data-color-mode='dark'] .InlineLink {\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them /\n@media (prefers-reduced-motion: reduce) {\n .InlineLink,\n .InlineLink::before,\n .InlineLink::after,\n .InlineLink {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"InlineLink.module.js","names":[],"sources":["../../src/InlineLink/InlineLink.module.css"],"sourcesContent":[".InlineLink {\n position: relative;\n text-decoration: underline;\n text-decoration-color: var(--brand-InlineLink-color-rest);\n text-decoration-thickness: var(--brand-borderWidth-thin);\n text-underline-position: under;\n transition: var(--brand-InlineLink-transition-timing) text-decoration;\n}\n\n.InlineLink:hover {\n text-decoration-thickness: var(--brand-borderWidth-thick);\n}\n\n.InlineLink,\n.InlineLink > span {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n color: var(--brand-InlineLink-color-rest);\n}\n\n.InlineLink:active,\n.InlineLink:active > span {\n color: var(--brand-InlineLink-color-pressed);\n}\n\n[data-color-mode='dark'] .InlineLink {\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'] .InlineLink {\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them /\n@media (prefers-reduced-motion: reduce) {\n .InlineLink,\n .InlineLink::before,\n .InlineLink::after,\n .InlineLink {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}

package/esm/Label/Label.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { BiColorGradients as t, Colors as n, TriColorGradients as r } from "../constants.js";
 import { useAnimation as i } from "../animation/useAnimation.js";
 import { Text as a } from "../Text/Text.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes-BB1L_8rS.css';/* empty css                                                                                                   */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes-S_161ALk.css';/* empty css                                                                                                   */
 import o from "./Label.module.js";
 import s, { forwardRef as c, useMemo as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";

package/esm/Label/Label.module-ChD9OmD6.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Label-module__Label___RWs_8{--brand-Label-gradient-radial:radial-gradient(circle at top left, var(--brand-Label-color-start), var(--brand-Label-color-end));--brand-Label-gradient-conical:conic-gradient(from 90deg at center, var(--brand-Label-color-stop-1) 0deg, var(--brand-Label-color-stop-2) 160deg, var(--brand-Label-color-stop-3) 175deg, var(--brand-Label-color-stop-4) 200deg, var(--brand-Label-color-stop-4) 350deg, var(--brand-Label-color-stop-1) 360deg);--brand-Label-background:var(--brand-Label-gradient-conical,var(--brand-Label-gradient-radial,var(--brand-Label-color,currentColor)));vertical-align:middle;border-radius:var(--brand-borderRadius-xlarge);color:var(--brand-Label-color-start,var(--brand-Label-color,currentColor));text-align:center;background:0 0;justify-content:center;align-items:center;height:min-content;display:inline-flex;position:relative}[data-color-mode=dark] .Primer_Brand__Label-module__Label___RWs_8{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__Label-module__Label___RWs_8{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}}.Primer_Brand__Label-module__Label___RWs_8:before{content:"";padding:var(--brand-borderWidth-thin);border-radius:inherit;background:var(--brand-Label-background);-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.Primer_Brand__Label-module__Label--size-small___QxC5y{min-height:var(--base-size-20);padding-inline:var(--base-size-8);padding-block:var(--base-size-2)}.Primer_Brand__Label-module__Label--size-small___QxC5y .Primer_Brand__Label-module__Label__label___nUKUt{font-size:var(--base-size-12)!important}.Primer_Brand__Label-module__Label--size-medium___QxFgp{min-height:var(--base-size-28);padding-inline:var(--base-size-16);padding-block:var(--base-size-4)}.Primer_Brand__Label-module__Label--size-large___AEmn9{min-height:var(--base-size-32);padding-inline:var(--base-size-16);padding-block:var(--base-size-4)}.Primer_Brand__Label-module__Label--color-default___Y9nDM{--brand-Label-color:var(--brand-Label-color-default)}.Primer_Brand__Label-module__Label--color-blue___4vwLc{--brand-Label-color:var(--brand-Label-color-blue)}.Primer_Brand__Label-module__Label--color-blue-purple___KMf_q{--brand-Label-color-start:var(--brand-Label-color-blue-purple-start);--brand-Label-color-end:var(--brand-Label-color-blue-purple-end)}.Primer_Brand__Label-module__Label--color-coral____t2ES{--brand-Label-color:var(--brand-Label-color-coral)}.Primer_Brand__Label-module__Label--color-green___S_avt{--brand-Label-color:var(--brand-Label-color-green)}.Primer_Brand__Label-module__Label--color-green-blue___4blsS{--brand-Label-color-start:var(--brand-Label-color-green-blue-start);--brand-Label-color-end:var(--brand-Label-color-green-blue-end)}.Primer_Brand__Label-module__Label--color-gray___HvmOr{--brand-Label-color:var(--brand-Label-color-gray)}.Primer_Brand__Label-module__Label--color-indigo___PKgQg{--brand-Label-color:var(--brand-Label-color-indigo)}.Primer_Brand__Label-module__Label--color-lemon___rHL3m{--brand-Label-color:var(--brand-Label-color-lemon)}.Primer_Brand__Label-module__Label--color-lime___NUsy_{--brand-Label-color:var(--brand-Label-color-lime)}.Primer_Brand__Label-module__Label--color-orange___mDGf_{--brand-Label-color:var(--brand-Label-color-orange)}.Primer_Brand__Label-module__Label--color-pink___LSfCd{--brand-Label-color:var(--brand-Label-color-pink)}.Primer_Brand__Label-module__Label--color-pink-blue___Lv3aE{--brand-Label-color-start:var(--brand-Label-color-pink-blue-start);--brand-Label-color-end:var(--brand-Label-color-pink-blue-end)}.Primer_Brand__Label-module__Label--color-green-blue-purple___Y5QW4{--brand-Label-color-stop-1:var(--brand-Label-color-green-blue-purple-1);--brand-Label-color-stop-2:var(--brand-Label-color-green-blue-purple-2);--brand-Label-color-stop-3:var(--brand-Label-color-green-blue-purple-3);--brand-Label-color-stop-4:var(--brand-Label-color-green-blue-purple-4)}.Primer_Brand__Label-module__Label--color-purple___bDHFt{--brand-Label-color:var(--brand-Label-color-purple)}.Primer_Brand__Label-module__Label--color-purple-red___Vu9Mh{--brand-Label-color-start:var(--brand-Label-color-purple-red-start);--brand-Label-color-end:var(--brand-Label-color-purple-red-end)}.Primer_Brand__Label-module__Label--color-red___KI5FZ{--brand-Label-color:var(--brand-Label-color-red)}.Primer_Brand__Label-module__Label--color-red-orange___d4Om3{--brand-Label-color-start:var(--brand-Label-color-red-orange-start);--brand-Label-color-end:var(--brand-Label-color-red-orange-end)}.Primer_Brand__Label-module__Label--color-teal___AC7RS{--brand-Label-color:var(--brand-Label-color-teal)}.Primer_Brand__Label-module__Label--color-yellow___QjHgW{--brand-Label-color:var(--brand-Label-color-yellow)}.Primer_Brand__Label-module__Label__text___YCBde:not(.Primer_Brand__Label-module__Label--gradient___r4d_A .Primer_Brand__Label-module__Label__text___YCBde){background:var(--brand-Label-background);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.Primer_Brand__Label-module__Label__text___YCBde{line-height:var(--base-size-16)}.Primer_Brand__Label-module__Label__icon-visual___Cq0aX{height:var(--base-size-16);align-self:center;width:auto;display:flex}.Primer_Brand__Label-module__Label__leading-visual___2wAbr{margin-right:var(--base-size-8);display:flex}.Primer_Brand__Label-module__Label__label___nUKUt{font-weight:var(--base-text-weight-medium);line-height:inherit}@media (forced-colors:active){.Primer_Brand__Label-module__Label___RWs_8{outline:var(--brand-borderWidth-thin) solid transparent}}

package/esm/Label/Label.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Label.module-DDkalJAE.css';//#region src/Label/Label.module.css
+import './Label.module-ChD9OmD6.css';//#region src/Label/Label.module.css
 var e = "Primer_Brand__Label-module__Label___RWs_8", t = "Primer_Brand__Label-module__Label__label___nUKUt", n = "Primer_Brand__Label-module__Label__text___YCBde", r = {
 	Label: e,
 	"Label--size-small": "Primer_Brand__Label-module__Label--size-small___QxC5y",

package/esm/Label/Label.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.module.js","names":[],"sources":["../../src/Label/Label.module.css"],"sourcesContent":[".Label {\n --brand-Label-gradient-radial: radial-gradient(\n circle at top left,\n var(--brand-Label-color-start),\n var(--brand-Label-color-end)\n );\n\n --brand-Label-gradient-conical: conic-gradient(\n from 90deg at center,\n var(--brand-Label-color-stop-1) 0deg,\n var(--brand-Label-color-stop-2) 160deg,\n var(--brand-Label-color-stop-3) 175deg,\n var(--brand-Label-color-stop-4) 200deg,\n var(--brand-Label-color-stop-4) 350deg,\n var(--brand-Label-color-stop-1) 360deg\n );\n\n --brand-Label-background: var(\n --brand-Label-gradient-conical,\n var(--brand-Label-gradient-radial, var(--brand-Label-color, currentColor))\n );\n\n vertical-align: middle;\n align-items: center;\n justify-content: center;\n border-radius: var(--brand-borderRadius-xlarge);\n display: inline-flex;\n color: var(--brand-Label-color-start, var(--brand-Label-color, currentColor));\n position: relative;\n height: min-content;\n background: none;\n text-align: center;\n}\n\n[data-color-mode='dark'] .Label {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: auto;\n}\n\n.Label::before {\n content: '';\n position: absolute;\n inset: 0;\n padding: var(--brand-borderWidth-thin);\n border-radius: inherit;\n background: var(--brand-Label-background);\n -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n\n.Label--size-small {\n min-height: var(--base-size-20);\n padding-inline: var(--base-size-8);\n padding-block: var(--base-size-2);\n}\n\n.Label--size-small .Label__label {\n font-size: var(--base-size-12) !important; /* Font size not available in the typographic scale */\n}\n\n.Label--size-medium {\n min-height: var(--base-size-28);\n padding-inline: var(--base-size-16);\n padding-block: var(--base-size-4);\n}\n\n.Label--size-large {\n min-height: var(--base-size-32);\n padding-inline: var(--base-size-16);\n padding-block: var(--base-size-4);\n}\n\n.Label--color-default {\n --brand-Label-color: var(--brand-Label-color-default);\n}\n\n.Label--color-blue {\n --brand-Label-color: var(--brand-Label-color-blue);\n}\n\n.Label--color-blue-purple {\n --brand-Label-color-start: var(--brand-Label-color-blue-purple-start);\n --brand-Label-color-end: var(--brand-Label-color-blue-purple-end);\n}\n\n.Label--color-coral {\n --brand-Label-color: var(--brand-Label-color-coral);\n}\n\n.Label--color-green {\n --brand-Label-color: var(--brand-Label-color-green);\n}\n\n.Label--color-green-blue {\n --brand-Label-color-start: var(--brand-Label-color-green-blue-start);\n --brand-Label-color-end: var(--brand-Label-color-green-blue-end);\n}\n\n.Label--color-gray {\n --brand-Label-color: var(--brand-Label-color-gray);\n}\n\n.Label--color-indigo {\n --brand-Label-color: var(--brand-Label-color-indigo);\n}\n\n.Label--color-lemon {\n --brand-Label-color: var(--brand-Label-color-lemon);\n}\n\n.Label--color-lime {\n --brand-Label-color: var(--brand-Label-color-lime);\n}\n\n.Label--color-orange {\n --brand-Label-color: var(--brand-Label-color-orange);\n}\n\n.Label--color-pink {\n --brand-Label-color: var(--brand-Label-color-pink);\n}\n\n.Label--color-pink-blue {\n --brand-Label-color-start: var(--brand-Label-color-pink-blue-start);\n --brand-Label-color-end: var(--brand-Label-color-pink-blue-end);\n}\n\n.Label--color-green-blue-purple {\n --brand-Label-color-stop-1: var(--brand-Label-color-green-blue-purple-1);\n --brand-Label-color-stop-2: var(--brand-Label-color-green-blue-purple-2);\n --brand-Label-color-stop-3: var(--brand-Label-color-green-blue-purple-3);\n --brand-Label-color-stop-4: var(--brand-Label-color-green-blue-purple-4);\n}\n\n.Label--color-purple {\n --brand-Label-color: var(--brand-Label-color-purple);\n}\n\n.Label--color-purple-red {\n --brand-Label-color-start: var(--brand-Label-color-purple-red-start);\n --brand-Label-color-end: var(--brand-Label-color-purple-red-end);\n}\n\n.Label--color-red {\n --brand-Label-color: var(--brand-Label-color-red);\n}\n\n.Label--color-red-orange {\n --brand-Label-color-start: var(--brand-Label-color-red-orange-start);\n --brand-Label-color-end: var(--brand-Label-color-red-orange-end);\n}\n\n.Label--color-teal {\n --brand-Label-color: var(--brand-Label-color-teal);\n}\n\n.Label--color-yellow {\n --brand-Label-color: var(--brand-Label-color-yellow);\n}\n\n.Label__text:not(.Label--gradient .Label__text) {\n background: var(--brand-Label-background);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n}\n\n.Label__text {\n line-height: var(--base-size-16);\n}\n\n.Label__icon-visual {\n display: flex;\n align-self: center;\n height: var(--base-size-16);\n width: auto;\n}\n\n.Label__leading-visual {\n display: flex;\n margin-right: var(--base-size-8);\n}\n\n.Label__label {\n font-weight: var(--base-text-weight-medium);\n line-height: inherit;\n}\n\n@media (forced-colors: active) {\n .Label {\n outline: var(--brand-borderWidth-thin) solid transparent;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Label.module.js","names":[],"sources":["../../src/Label/Label.module.css"],"sourcesContent":[".Label {\n --brand-Label-gradient-radial: radial-gradient(\n circle at top left,\n var(--brand-Label-color-start),\n var(--brand-Label-color-end)\n );\n\n --brand-Label-gradient-conical: conic-gradient(\n from 90deg at center,\n var(--brand-Label-color-stop-1) 0deg,\n var(--brand-Label-color-stop-2) 160deg,\n var(--brand-Label-color-stop-3) 175deg,\n var(--brand-Label-color-stop-4) 200deg,\n var(--brand-Label-color-stop-4) 350deg,\n var(--brand-Label-color-stop-1) 360deg\n );\n\n --brand-Label-background: var(\n --brand-Label-gradient-conical,\n var(--brand-Label-gradient-radial, var(--brand-Label-color, currentColor))\n );\n\n vertical-align: middle;\n align-items: center;\n justify-content: center;\n border-radius: var(--brand-borderRadius-xlarge);\n display: inline-flex;\n color: var(--brand-Label-color-start, var(--brand-Label-color, currentColor));\n position: relative;\n height: min-content;\n background: none;\n text-align: center;\n}\n\n[data-color-mode='dark'] .Label {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: auto;\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'] .Label {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: auto;\n }\n}\n\n.Label::before {\n content: '';\n position: absolute;\n inset: 0;\n padding: var(--brand-borderWidth-thin);\n border-radius: inherit;\n background: var(--brand-Label-background);\n -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n\n.Label--size-small {\n min-height: var(--base-size-20);\n padding-inline: var(--base-size-8);\n padding-block: var(--base-size-2);\n}\n\n.Label--size-small .Label__label {\n font-size: var(--base-size-12) !important; /* Font size not available in the typographic scale */\n}\n\n.Label--size-medium {\n min-height: var(--base-size-28);\n padding-inline: var(--base-size-16);\n padding-block: var(--base-size-4);\n}\n\n.Label--size-large {\n min-height: var(--base-size-32);\n padding-inline: var(--base-size-16);\n padding-block: var(--base-size-4);\n}\n\n.Label--color-default {\n --brand-Label-color: var(--brand-Label-color-default);\n}\n\n.Label--color-blue {\n --brand-Label-color: var(--brand-Label-color-blue);\n}\n\n.Label--color-blue-purple {\n --brand-Label-color-start: var(--brand-Label-color-blue-purple-start);\n --brand-Label-color-end: var(--brand-Label-color-blue-purple-end);\n}\n\n.Label--color-coral {\n --brand-Label-color: var(--brand-Label-color-coral);\n}\n\n.Label--color-green {\n --brand-Label-color: var(--brand-Label-color-green);\n}\n\n.Label--color-green-blue {\n --brand-Label-color-start: var(--brand-Label-color-green-blue-start);\n --brand-Label-color-end: var(--brand-Label-color-green-blue-end);\n}\n\n.Label--color-gray {\n --brand-Label-color: var(--brand-Label-color-gray);\n}\n\n.Label--color-indigo {\n --brand-Label-color: var(--brand-Label-color-indigo);\n}\n\n.Label--color-lemon {\n --brand-Label-color: var(--brand-Label-color-lemon);\n}\n\n.Label--color-lime {\n --brand-Label-color: var(--brand-Label-color-lime);\n}\n\n.Label--color-orange {\n --brand-Label-color: var(--brand-Label-color-orange);\n}\n\n.Label--color-pink {\n --brand-Label-color: var(--brand-Label-color-pink);\n}\n\n.Label--color-pink-blue {\n --brand-Label-color-start: var(--brand-Label-color-pink-blue-start);\n --brand-Label-color-end: var(--brand-Label-color-pink-blue-end);\n}\n\n.Label--color-green-blue-purple {\n --brand-Label-color-stop-1: var(--brand-Label-color-green-blue-purple-1);\n --brand-Label-color-stop-2: var(--brand-Label-color-green-blue-purple-2);\n --brand-Label-color-stop-3: var(--brand-Label-color-green-blue-purple-3);\n --brand-Label-color-stop-4: var(--brand-Label-color-green-blue-purple-4);\n}\n\n.Label--color-purple {\n --brand-Label-color: var(--brand-Label-color-purple);\n}\n\n.Label--color-purple-red {\n --brand-Label-color-start: var(--brand-Label-color-purple-red-start);\n --brand-Label-color-end: var(--brand-Label-color-purple-red-end);\n}\n\n.Label--color-red {\n --brand-Label-color: var(--brand-Label-color-red);\n}\n\n.Label--color-red-orange {\n --brand-Label-color-start: var(--brand-Label-color-red-orange-start);\n --brand-Label-color-end: var(--brand-Label-color-red-orange-end);\n}\n\n.Label--color-teal {\n --brand-Label-color: var(--brand-Label-color-teal);\n}\n\n.Label--color-yellow {\n --brand-Label-color: var(--brand-Label-color-yellow);\n}\n\n.Label__text:not(.Label--gradient .Label__text) {\n background: var(--brand-Label-background);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n}\n\n.Label__text {\n line-height: var(--base-size-16);\n}\n\n.Label__icon-visual {\n display: flex;\n align-self: center;\n height: var(--base-size-16);\n width: auto;\n}\n\n.Label__leading-visual {\n display: flex;\n margin-right: var(--base-size-8);\n}\n\n.Label__label {\n font-weight: var(--base-text-weight-medium);\n line-height: inherit;\n}\n\n@media (forced-colors: active) {\n .Label {\n outline: var(--brand-borderWidth-thin) solid transparent;\n }\n}\n"],"mappings":""}

package/esm/Link/Link.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Text as t } from "../Text/Text.js";
 import { ExpandableArrow as n } from "../ExpandableArrow/ExpandableArrow.js";
 import { LinkExternalIcon as r } from "../node_modules/@primer/octicons-react/dist/icons/LinkExternalIcon.js";
 import i from "./Link.module.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes-Dh1w7a05.css';/* empty css                                                                                                  */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes-JvDrymoz.css';/* empty css                                                                                                  */
 import a, { useCallback as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/Link/Link.tsx

package/esm/LogoSuite/LogoSuite.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ export type LogoSuiteProps = {
     /**
      * Alternative presentation
      */
-    variant?: 'default' | 'gridline-expressive';
+    variant?: 'default' | 'gridline' | 'gridline-expressive';
 } & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
 export type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
     /**
@@ -34,6 +34,10 @@ export type LogoSuiteDescriptionProps = BaseProps<HTMLParagraphElement> & TextPr
     children: React.ReactNode | React.ReactNode[];
 };
 export type LogoSuiteLogoBarProps = BaseProps<HTMLDivElement> & {
+    /**
+     * The logos to display in the LogoBar.
+     * Accepts either SVG/Image elements or logos wrapped with links
+     */
     children: React.ReactNode | React.ReactNode[];
     /**
      * The gap between logos

package/esm/LogoSuite/LogoSuite.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LogoSuite.d.ts","sourceRoot":"","sources":["../../src/LogoSuite/LogoSuite.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAkE,MAAM,OAAO,CAAA;AAGpH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAU,YAAY,EAA2B,SAAS,EAAe,MAAM,KAAK,CAAA;~~AAE3F~~;;GAEG;AACH,OAAO,6GAA6G,CAAA;AACpH,OAAO,gGAAgG,CAAA;AAYvG,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,qBAAqB,CAAA;~~CAC5C~~,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;~~AAuEtC~~,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAC/D,YAAY,GAAG;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAiCH,MAAM,MAAM,yBAAyB,GAAG,SAAS,CAAC,oBAAoB,CAAC,GACrE,SAAS,GAAG;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC9C,CAAA;AAgDH,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;KACd,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GACjE,SAAS,CAAC,iBAAiB,CAAC,CAAA;CAC/B,CAAA;~~AAmID~~;;;GAGG;AACH,eAAO,MAAM,SAAS,~~iFAxTnB~~,iBAAiB,CAAC,cAAc,CAAC;;;;;;;;;;;;;;~~kBAuGtB~~,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;~~CAsN~~/C,CAAA"}
1	+ {"version":3,"file":"LogoSuite.d.ts","sourceRoot":"","sources":["../../src/LogoSuite/LogoSuite.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAkE,MAAM,OAAO,CAAA;AAGpH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAU,YAAY,EAA2B,SAAS,EAAe,MAAM,KAAK,CAAA;AAG3F;;GAEG;AACH,OAAO,6GAA6G,CAAA;AACpH,OAAO,gGAAgG,CAAA;AAYvG,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,qBAAqB,CAAA;CACzD,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AA4EtC,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAC/D,YAAY,GAAG;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAiCH,MAAM,MAAM,yBAAyB,GAAG,SAAS,CAAC,oBAAoB,CAAC,GACrE,SAAS,GAAG;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC9C,CAAA;AAgDH,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IAC9D;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;KACd,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GACjE,SAAS,CAAC,iBAAiB,CAAC,CAAA;CAC/B,CAAA;AAmJD;;;GAGG;AACH,eAAO,MAAM,SAAS,iFAjVnB,iBAAiB,CAAC,cAAc,CAAC;;;;;;;;;;;;;;kBA4GtB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;;;;;;;kBAAnC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE;;;;;;;CA0O/C,CAAA"}