@primer/components 32.1.1-rc.92743105 → 32.1.1-rc.b4502a34
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 +3 -1
- package/dist/browser.esm.js +1 -0
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +1 -0
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Item.js +1 -1
- package/lib/ActionList2/Selection.js +3 -1
- package/lib-esm/ActionList/Item.js +1 -1
- package/lib-esm/ActionList2/Selection.js +3 -1
- package/package.json +1 -1
- package/src/ActionList/Item.tsx +1 -0
- package/src/ActionList2/Selection.tsx +2 -1
- package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +4 -0
- package/stats.html +1 -1
package/lib/ActionList/Item.js
CHANGED
|
@@ -151,7 +151,7 @@ const DescriptionContainer = _styledComponents.default.span.withConfig({
|
|
|
151
151
|
const MultiSelectIcon = _styledComponents.default.svg.withConfig({
|
|
152
152
|
displayName: "Item__MultiSelectIcon",
|
|
153
153
|
componentId: "jqpvy8-9"
|
|
154
|
-
})(["rect{fill:", ";stroke:", ";}path{fill:", ";boxshadow:", ";opacity:", ";}"], ({
|
|
154
|
+
})(["rect{fill:", ";stroke:", ";shape-rendering:auto;}path{fill:", ";boxshadow:", ";opacity:", ";}"], ({
|
|
155
155
|
selected
|
|
156
156
|
}) => selected ? (0, _constants.get)('colors.accent.fg') : (0, _constants.get)('colors.canvas.default'), ({
|
|
157
157
|
selected
|
|
@@ -53,7 +53,9 @@ const Selection = ({
|
|
|
53
53
|
sx: {
|
|
54
54
|
rect: {
|
|
55
55
|
fill: selected ? 'accent.fg' : 'canvas.default',
|
|
56
|
-
stroke: selected ? 'accent.fg' : 'border.default'
|
|
56
|
+
stroke: selected ? 'accent.fg' : 'border.default',
|
|
57
|
+
shapeRendering: 'auto' // this is a workaround to override global style in github/github, see primer/react#1666
|
|
58
|
+
|
|
57
59
|
},
|
|
58
60
|
path: {
|
|
59
61
|
fill: 'fg.onEmphasis',
|
|
@@ -119,7 +119,7 @@ const DescriptionContainer = styled.span.withConfig({
|
|
|
119
119
|
const MultiSelectIcon = styled.svg.withConfig({
|
|
120
120
|
displayName: "Item__MultiSelectIcon",
|
|
121
121
|
componentId: "jqpvy8-9"
|
|
122
|
-
})(["rect{fill:", ";stroke:", ";}path{fill:", ";boxshadow:", ";opacity:", ";}"], ({
|
|
122
|
+
})(["rect{fill:", ";stroke:", ";shape-rendering:auto;}path{fill:", ";boxshadow:", ";opacity:", ";}"], ({
|
|
123
123
|
selected
|
|
124
124
|
}) => selected ? get('colors.accent.fg') : get('colors.canvas.default'), ({
|
|
125
125
|
selected
|
|
@@ -37,7 +37,9 @@ export const Selection = ({
|
|
|
37
37
|
sx: {
|
|
38
38
|
rect: {
|
|
39
39
|
fill: selected ? 'accent.fg' : 'canvas.default',
|
|
40
|
-
stroke: selected ? 'accent.fg' : 'border.default'
|
|
40
|
+
stroke: selected ? 'accent.fg' : 'border.default',
|
|
41
|
+
shapeRendering: 'auto' // this is a workaround to override global style in github/github, see primer/react#1666
|
|
42
|
+
|
|
41
43
|
},
|
|
42
44
|
path: {
|
|
43
45
|
fill: 'fg.onEmphasis',
|
package/package.json
CHANGED
package/src/ActionList/Item.tsx
CHANGED
|
@@ -317,6 +317,7 @@ const MultiSelectIcon = styled.svg<{selected?: boolean}>`
|
|
|
317
317
|
rect {
|
|
318
318
|
fill: ${({selected}) => (selected ? get('colors.accent.fg') : get('colors.canvas.default'))};
|
|
319
319
|
stroke: ${({selected}) => (selected ? get('colors.accent.fg') : get('colors.border.default'))};
|
|
320
|
+
shape-rendering: auto; // this is a workaround to override global style in github/github, see primer/react#1666
|
|
320
321
|
}
|
|
321
322
|
path {
|
|
322
323
|
fill: ${get('colors.fg.onEmphasis')};
|
|
@@ -38,7 +38,8 @@ export const Selection: React.FC<SelectionProps> = ({selected}) => {
|
|
|
38
38
|
sx={{
|
|
39
39
|
rect: {
|
|
40
40
|
fill: selected ? 'accent.fg' : 'canvas.default',
|
|
41
|
-
stroke: selected ? 'accent.fg' : 'border.default'
|
|
41
|
+
stroke: selected ? 'accent.fg' : 'border.default',
|
|
42
|
+
shapeRendering: 'auto' // this is a workaround to override global style in github/github, see primer/react#1666
|
|
42
43
|
},
|
|
43
44
|
path: {
|
|
44
45
|
fill: 'fg.onEmphasis',
|
|
@@ -513,6 +513,7 @@ Array [
|
|
|
513
513
|
.c6 rect {
|
|
514
514
|
fill: #ffffff;
|
|
515
515
|
stroke: #d0d7de;
|
|
516
|
+
shape-rendering: auto;
|
|
516
517
|
}
|
|
517
518
|
|
|
518
519
|
.c6 path {
|
|
@@ -1386,6 +1387,7 @@ Array [
|
|
|
1386
1387
|
.c6 rect {
|
|
1387
1388
|
fill: #ffffff;
|
|
1388
1389
|
stroke: #d0d7de;
|
|
1390
|
+
shape-rendering: auto;
|
|
1389
1391
|
}
|
|
1390
1392
|
|
|
1391
1393
|
.c6 path {
|
|
@@ -2206,6 +2208,7 @@ Array [
|
|
|
2206
2208
|
.c10 rect {
|
|
2207
2209
|
fill: #ffffff;
|
|
2208
2210
|
stroke: #d0d7de;
|
|
2211
|
+
shape-rendering: auto;
|
|
2209
2212
|
}
|
|
2210
2213
|
|
|
2211
2214
|
.c10 path {
|
|
@@ -2216,6 +2219,7 @@ Array [
|
|
|
2216
2219
|
.c6 rect {
|
|
2217
2220
|
fill: #0969da;
|
|
2218
2221
|
stroke: #0969da;
|
|
2222
|
+
shape-rendering: auto;
|
|
2219
2223
|
}
|
|
2220
2224
|
|
|
2221
2225
|
.c6 path {
|