@popsure/dirty-swan 0.27.16 → 0.27.18

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.
@@ -164,7 +164,7 @@ const colors = [
164
164
  {
165
165
  name: 'Grey 500',
166
166
  code: 'grey-500',
167
- hex: '#b4b4ba',
167
+ hex: '#91919c',
168
168
  },
169
169
  {
170
170
  name: 'Grey 600',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@popsure/dirty-swan",
3
- "version": "0.27.16",
3
+ "version": "0.27.18",
4
4
  "author": "Vincent Audoire <vincent@getpopsure.com>",
5
5
  "license": "MIT",
6
6
  "private": false,
@@ -149,6 +149,8 @@ const ComparisonTable = <T extends { id: number }>(
149
149
  );
150
150
  });
151
151
 
152
+ const idString = `headerGroup-${headerGroup.id}`;
153
+
152
154
  return (
153
155
  <>
154
156
  {headerGroup.label && collapsibleSections ? (
@@ -156,12 +158,10 @@ const ComparisonTable = <T extends { id: number }>(
156
158
  className="mt8"
157
159
  label={headerGroup.label}
158
160
  headerClassName="p24 br8"
159
- isOpen={selectedSection === String(headerGroup.label)}
160
- onOpen={() =>
161
- setSelectedSection(String(headerGroup.label))
162
- }
161
+ isOpen={selectedSection === idString}
162
+ onOpen={() => setSelectedSection(idString)}
163
163
  onClose={() => setSelectedSection('')}
164
- key={String(headerGroup.label)}
164
+ key={idString}
165
165
  >
166
166
  <ScrollSyncPane>
167
167
  <div
@@ -164,7 +164,7 @@ const colors = [
164
164
  {
165
165
  name: 'Grey 500',
166
166
  code: 'grey-500',
167
- hex: '#b4b4ba',
167
+ hex: '#91919c',
168
168
  },
169
169
  {
170
170
  name: 'Grey 600',