@primer/components 0.0.0-20211030134829 → 0.0.0-20211030141453

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 (10) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/dist/browser.esm.js +2 -1
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +2 -1
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.js +3 -3
  7. package/lib/ActionList2/Selection.js +3 -1
  8. package/lib-esm/ActionList/Item.js +3 -3
  9. package/lib-esm/ActionList2/Selection.js +3 -1
  10. package/package.json +1 -1
package/lib/ActionList/Item.js CHANGED
@@ -122,7 +122,7 @@ exports.TextContainer = TextContainer;
122
122
  const BaseVisualContainer = _styledComponents.default.div.withConfig({
123
123
  displayName: "Item__BaseVisualContainer",
124
124
  componentId: "jqpvy8-4"
125
- })(["height:20px;width:", ";margin-right:", ";display:flex;justify-content:center;align-items:center;flex-shrink:0;"], (0, _constants.get)('space.3'), (0, _constants.get)('space.2'));
125
+ })(["height:20px;width:", ";margin-right:", ";display:flex;justify-content:center;align-items:center;"], (0, _constants.get)('space.3'), (0, _constants.get)('space.2'));
126
126
 
127
127
  const ColoredVisualContainer = (0, _styledComponents.default)(BaseVisualContainer).withConfig({
128
128
  displayName: "Item__ColoredVisualContainer",
@@ -134,7 +134,7 @@ const ColoredVisualContainer = (0, _styledComponents.default)(BaseVisualContaine
134
134
  const LeadingVisualContainer = (0, _styledComponents.default)(ColoredVisualContainer).withConfig({
135
135
  displayName: "Item__LeadingVisualContainer",
136
136
  componentId: "jqpvy8-6"
137
- })(["display:flex;flex-direction:column;justify-content:center;"]);
137
+ })(["flex-shrink:0;display:flex;flex-direction:column;justify-content:center;"]);
138
138
  const TrailingContent = (0, _styledComponents.default)(ColoredVisualContainer).withConfig({
139
139
  displayName: "Item__TrailingContent",
140
140
  componentId: "jqpvy8-7"
@@ -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
package/lib/ActionList2/Selection.js CHANGED
@@ -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
58
+
57
59
  },
58
60
  path: {
59
61
  fill: 'fg.onEmphasis',
package/lib-esm/ActionList/Item.js CHANGED
@@ -93,7 +93,7 @@ export const TextContainer = styled.span.withConfig({
93
93
  const BaseVisualContainer = styled.div.withConfig({
94
94
  displayName: "Item__BaseVisualContainer",
95
95
  componentId: "jqpvy8-4"
96
- })(["height:20px;width:", ";margin-right:", ";display:flex;justify-content:center;align-items:center;flex-shrink:0;"], get('space.3'), get('space.2'));
96
+ })(["height:20px;width:", ";margin-right:", ";display:flex;justify-content:center;align-items:center;"], get('space.3'), get('space.2'));
97
97
  const ColoredVisualContainer = styled(BaseVisualContainer).withConfig({
98
98
  displayName: "Item__ColoredVisualContainer",
99
99
  componentId: "jqpvy8-5"
@@ -104,7 +104,7 @@ const ColoredVisualContainer = styled(BaseVisualContainer).withConfig({
104
104
  const LeadingVisualContainer = styled(ColoredVisualContainer).withConfig({
105
105
  displayName: "Item__LeadingVisualContainer",
106
106
  componentId: "jqpvy8-6"
107
- })(["display:flex;flex-direction:column;justify-content:center;"]);
107
+ })(["flex-shrink:0;display:flex;flex-direction:column;justify-content:center;"]);
108
108
  const TrailingContent = styled(ColoredVisualContainer).withConfig({
109
109
  displayName: "Item__TrailingContent",
110
110
  componentId: "jqpvy8-7"
@@ -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
package/lib-esm/ActionList2/Selection.js CHANGED
@@ -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
42
+
41
43
  },
42
44
  path: {
43
45
  fill: 'fg.onEmphasis',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/components",
3
- "version": "0.0.0-20211030134829",
3
+ "version": "0.0.0-20211030141453",
4
4
  "description": "Primer react components",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",