@primer/react 38.20.0-rc.6c6ee0bb1 → 38.20.0-rc.6f6ee73cf
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.
- package/CHANGELOG.md +2 -0
- package/dist/Token/IssueLabelToken-10cfada5.css +2 -0
- package/dist/Token/{IssueLabelToken-ea9392ab.css.map → IssueLabelToken-10cfada5.css.map} +1 -1
- package/dist/Token/IssueLabelToken.module.css.js +1 -1
- package/package.json +1 -1
- package/dist/Token/IssueLabelToken-ea9392ab.css +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
- [#7738](https://github.com/primer/react/pull/7738) [`f5f2869`](https://github.com/primer/react/commit/f5f28691d9e5c9f8495e8c592635d2b616f7cb49) Thanks [@francinelucca](https://github.com/francinelucca)! - ActionMenu, Table: Fix component mutation issue where `Object.assign` was modifying original `@primer/react` components. Now uses wrapper components to avoid side effects.
|
|
12
12
|
|
|
13
|
+
- [#7747](https://github.com/primer/react/pull/7747) [`b7dfb78`](https://github.com/primer/react/commit/b7dfb78079c50c6798aa4e09212aede701bf6c56) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Fix IssueLabelToken text contrast in light theme by updating the lightness-switch formula to use a division-based approach that properly produces a binary switch value for selecting black vs white text
|
|
14
|
+
|
|
13
15
|
- [#7746](https://github.com/primer/react/pull/7746) [`30206c4`](https://github.com/primer/react/commit/30206c4fab92de8888f3f103f9b05bff96fdc1b9) Thanks [@jonrohan](https://github.com/jonrohan)! - Update TokenTextContainer `line-height` to use primer primitives CSS variable `var(--base-text-lineHeight-normal)`
|
|
14
16
|
|
|
15
17
|
## 38.19.0
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.prc-Token-IssueLabel-2IazM{--label-r:153;--label-g:153;--label-b:153;--label-h:0;--label-s:0;--label-l:60;--perceived-lightness:calc(var(--label-r)*0.2126/255 + var(--label-g)*0.7152/255 + var(--label-b)*0.0722/255);--lightness-switch:max(0,min(calc(1/(var(--lightness-threshold) - var(--perceived-lightness))),1));border-style:solid;border-width:var(--borderWidth-thin,.0625rem);position:relative}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgb(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgb(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}}[data-color-mode=light] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=light] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=dark] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgb(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=dark] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=dark] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}.prc-Token-IssueLabel-2IazM:where([data-selected=true]){outline:none}.prc-Token-IssueLabel-2IazM:where([data-selected=true]):after{border-radius:var(--borderRadius-full,624.9375rem);bottom:calc(var(--base-size-2,.125rem)*-1);content:"";display:block;left:calc(var(--base-size-2,.125rem)*-1);pointer-events:none;position:absolute;right:calc(var(--base-size-2,.125rem)*-1);top:calc(var(--base-size-2,.125rem)*-1);z-index:1}.prc-Token-IssueLabel-2IazM:where([data-has-remove-button=true]){padding-right:0}.prc-Token-RemoveButton-LhKs7:where([data-has-multiple-action-targets=true]){position:relative;z-index:1}
|
|
2
|
+
/*# sourceMappingURL=IssueLabelToken-10cfada5.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Token/IssueLabelToken.module.css.js"],"names":[],"mappings":"AAiEA,4BAEE,aAAc,CACd,aAAc,CACd,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,6GAEC,CACD,
|
|
1
|
+
{"version":3,"sources":["../src/Token/IssueLabelToken.module.css.js"],"names":[],"mappings":"AAiEA,4BAEE,aAAc,CACd,aAAc,CACd,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,6GAEC,CACD,kGAAuG,CAIvG,kBAAmB,CADnB,6CAAqC,CADrC,iBAGF,CAEA,oCACE,4EAlFA,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAE/D,2GAAmH,CADnH,qDA+EA,CA1EA,6GACE,oFACF,CAGA,mHAEE,sEACF,CAIA,gIACE,sLAIG,CACH,kEACF,CAyDA,2EArDA,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAE/G,oFAAwF,CAExF,0HAKC,CAND,+FAiDA,CAvCA,kHAEE,8GAEF,CAIA,+HACE,wFAAqG,CACrG,kEACF,CA6BF,CAEA,mCACE,2EA5FA,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAE/D,2GAAmH,CADnH,qDAyFA,CApFA,4GACE,oFACF,CAGA,kHAEE,sEACF,CAIA,+HACE,sLAIG,CACH,kEACF,CAmEA,0EA/DA,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAE/G,oFAAwF,CAExF,0HAKC,CAND,+FA2DA,CAjDA,iHAEE,8GAEF,CAIA,8HACE,wFAAqG,CACrG,kEACF,CAuCF,CAGA,oDAtGE,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAE/D,2GAAmH,CADnH,qDAmGF,CA9FE,qFACE,oFACF,CAGA,2FAEE,sEACF,CAIA,wGACE,sLAIG,CACH,kEACF,CA8EF,mDA1EE,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAE/G,oFAAwF,CAExF,0HAKC,CAND,+FAsEF,CA5DE,0FAEE,8GAEF,CAIA,uGACE,wFAAqG,CACrG,kEACF,CAqDF,wDACE,YACF,CAEA,8DAUE,kDAAuC,CAJvC,0CAAqC,CALrC,UAAW,CAOX,aAAc,CADd,wCAAmC,CAEnC,mBAAoB,CAPpB,iBAAkB,CAGlB,yCAAoC,CADpC,uCAAkC,CADlC,SAQF,CAGA,iEACE,eACF,CAEA,6EACE,iBAAkB,CAClB,SACF","file":"IssueLabelToken-10cfada5.css","sourcesContent":["/* stylelint-disable primer/colors */\n@define-mixin lightThemeIssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));\n\n background: rgb(var(--label-r), var(--label-g), var(--label-b));\n color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));\n border-color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));\n\n /* Selected state */\n /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */\n &:where([data-selected='true']) {\n background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%));\n }\n\n /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */\n &:where([data-selected='true'])::after {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 0 0 2px rgb(var(--label-r), var(--label-g), var(--label-b));\n }\n\n /* Interactive hover states */\n /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */\n &:where([data-cursor-is-interactive='true']:hover) {\n background-image: linear-gradient(rgb(0, 0, 0, 0.15), rgb(0, 0, 0, 0.15)),\n linear-gradient(\n rgb(var(--label-r), var(--label-g), var(--label-b)),\n rgb(var(--label-r), var(--label-g), var(--label-b))\n );\n box-shadow: var(--shadow-resting-medium);\n }\n}\n\n@define-mixin darkThemeIssueLabel {\n --lightness-threshold: 0.6;\n --background-alpha: 0.18;\n --border-alpha: 0.3;\n --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n\n background: rgb(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));\n color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n border-color: hsl(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%),\n var(--border-alpha)\n );\n\n /* Selected state */\n /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */\n &:where([data-selected='true'])::after {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 0 0 2px\n hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n }\n\n /* Interactive hover states */\n /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */\n &:where([data-cursor-is-interactive='true']:hover) {\n background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc(calc(var(--label-l) + 10) * 1%), 0.3);\n box-shadow: var(--shadow-resting-medium);\n }\n}\n\n.IssueLabel {\n /* Color variables - dynamically set via inline CSS custom properties */\n --label-r: 153;\n --label-g: 153;\n --label-b: 153;\n --label-h: 0;\n --label-s: 0;\n --label-l: 60;\n --perceived-lightness: calc(\n ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255\n );\n --lightness-switch: max(0, min(calc(1 / (var(--lightness-threshold) - var(--perceived-lightness))), 1));\n\n position: relative;\n border-width: var(--borderWidth-thin);\n border-style: solid;\n}\n\n@media (prefers-color-scheme: light) {\n [data-color-mode='auto'][data-light-theme*='light'] .IssueLabel {\n @mixin lightThemeIssueLabel;\n }\n\n [data-color-mode='auto'][data-light-theme*='dark'] .IssueLabel {\n @mixin darkThemeIssueLabel;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'][data-dark-theme*='light'] .IssueLabel {\n @mixin lightThemeIssueLabel;\n }\n\n [data-color-mode='auto'][data-dark-theme*='dark'] .IssueLabel {\n @mixin darkThemeIssueLabel;\n }\n}\n\n/* Light mode styles */\n[data-color-mode='light'] .IssueLabel {\n @mixin lightThemeIssueLabel;\n}\n\n/* Dark mode styles */\n[data-color-mode='dark'] .IssueLabel {\n @mixin darkThemeIssueLabel;\n}\n\n/* Selected state */\n\n.IssueLabel:where([data-selected='true']) {\n outline: none;\n}\n\n.IssueLabel:where([data-selected='true'])::after {\n content: '';\n position: absolute;\n z-index: 1;\n top: calc(var(--base-size-2) * -1);\n right: calc(var(--base-size-2) * -1);\n bottom: calc(var(--base-size-2) * -1);\n left: calc(var(--base-size-2) * -1);\n display: block;\n pointer-events: none;\n border-radius: var(--borderRadius-full);\n}\n\n/* Remove button styling */\n.IssueLabel:where([data-has-remove-button='true']) {\n padding-right: 0;\n}\n\n.RemoveButton:where([data-has-multiple-action-targets='true']) {\n position: relative;\n z-index: 1;\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-Token-IssueLabel-2IazM{--label-r:153;--label-g:153;--label-b:153;--label-h:0;--label-s:0;--label-l:60;--perceived-lightness:calc(var(--label-r)*0.2126/255 + var(--label-g)*0.7152/255 + var(--label-b)*0.0722/255);--lightness-switch:max(0,min(calc((var(--perceived-lightness) - var(--lightness-threshold))*-1000),1));border-style:solid;border-width:var(--borderWidth-thin,.0625rem);position:relative}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgb(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgb(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}}[data-color-mode=light] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=light] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=light] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=dark] .prc-Token-IssueLabel-2IazM{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgb(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=dark] .prc-Token-IssueLabel-2IazM):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=dark] .prc-Token-IssueLabel-2IazM):where([data-cursor-is-interactive=true]:hover){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}.prc-Token-IssueLabel-2IazM:where([data-selected=true]){outline:none}.prc-Token-IssueLabel-2IazM:where([data-selected=true]):after{border-radius:var(--borderRadius-full,624.9375rem);bottom:calc(var(--base-size-2,.125rem)*-1);content:"";display:block;left:calc(var(--base-size-2,.125rem)*-1);pointer-events:none;position:absolute;right:calc(var(--base-size-2,.125rem)*-1);top:calc(var(--base-size-2,.125rem)*-1);z-index:1}.prc-Token-IssueLabel-2IazM:where([data-has-remove-button=true]){padding-right:0}.prc-Token-RemoveButton-LhKs7:where([data-has-multiple-action-targets=true]){position:relative;z-index:1}
|
|
2
|
-
/*# sourceMappingURL=IssueLabelToken-ea9392ab.css.map */
|