readme-aura 0.3.6 → 0.3.7

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/README.md CHANGED
@@ -1,4 +1,4 @@
1
- [![readme-aura-component-0](./.github/assets/readme-aura-component-0-fc6c9a40.svg "Generated by readme-aura")](https://www.npmjs.com/package/readme-aura)
1
+ [![readme-aura-component-0](./.github/assets/readme-aura-component-0-54f70533.svg "Generated by readme-aura")](https://www.npmjs.com/package/readme-aura)
2
2
 
3
3
  Write custom **React/JSX components** directly inside your Markdown, and readme-aura will render them into beautiful SVGs that work on GitHub.
4
4
 
@@ -106,17 +106,21 @@ jobs:
106
106
 
107
107
  readme-aura ships with ready-to-use components you can drop into any ` ```aura ` block — no imports needed. They are automatically available in the JSX context.
108
108
 
109
- <table>
109
+ <table style="width: 100%; table-layout: fixed; border-collapse: collapse;">
110
+ <colgroup>
111
+ <col style="width: 38%;" />
112
+ <col style="width: 62%;" />
113
+ </colgroup>
110
114
  <thead>
111
115
  <tr>
112
- <th>Code</th>
113
- <th>Result</th>
116
+ <th style="text-align: left;">Code</th>
117
+ <th style="text-align: left;">Result</th>
114
118
  </tr>
115
119
  </thead>
116
120
  <tbody>
117
121
  <tr>
118
- <td>
119
- <pre style="font-size: 8px; line-height: 1.35; margin: 0;"><code>&lt;SocialMediaButton
122
+ <td style="vertical-align: top; padding-right: 12px;">
123
+ <pre style="font-size: 9px; line-height: 1.3; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word;"><code>&lt;SocialMediaButton
120
124
  icon="https://raw.githubusercontent.com/collectioneur/readme-aura/main/assets/readme-aura-logo.png"
121
125
  text="readme-aura"
122
126
  backgroundColor="#111111"
@@ -133,7 +137,9 @@ readme-aura ships with ready-to-use components you can drop into any ` ```aura `
133
137
  iconSize="30"
134
138
  /&gt;</code></pre>
135
139
  </td>
136
- <td><img src="assets/readme-aura-button.svg" alt="SocialMediaButton" /></td>
140
+ <td style="vertical-align: middle; text-align: center;">
141
+ <img src="assets/readme-aura-button.svg" alt="SocialMediaButton" width="320" />
142
+ </td>
137
143
  </tr>
138
144
  </tbody>
139
145
  </table>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "readme-aura",
3
- "version": "0.3.6",
3
+ "version": "0.3.7",
4
4
  "description": "Next-Gen README generator for GitHub — render React/JSX components to SVG inside Markdown",
5
5
  "repository": {
6
6
  "type": "git",
package/readme.source.md CHANGED
@@ -381,17 +381,21 @@ jobs:
381
381
 
382
382
  readme-aura ships with ready-to-use components you can drop into any `` ```aura `` block — no imports needed. They are automatically available in the JSX context.
383
383
 
384
- <table>
384
+ <table style="width: 100%; table-layout: fixed; border-collapse: collapse;">
385
+ <colgroup>
386
+ <col style="width: 38%;" />
387
+ <col style="width: 62%;" />
388
+ </colgroup>
385
389
  <thead>
386
390
  <tr>
387
- <th>Code</th>
388
- <th>Result</th>
391
+ <th style="text-align: left;">Code</th>
392
+ <th style="text-align: left;">Result</th>
389
393
  </tr>
390
394
  </thead>
391
395
  <tbody>
392
396
  <tr>
393
- <td>
394
- <pre style="font-size: 8px; line-height: 1.35; margin: 0;"><code>&lt;SocialMediaButton
397
+ <td style="vertical-align: top; padding-right: 12px;">
398
+ <pre style="font-size: 9px; line-height: 1.3; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word;"><code>&lt;SocialMediaButton
395
399
  icon="https://raw.githubusercontent.com/collectioneur/readme-aura/main/assets/readme-aura-logo.png"
396
400
  text="readme-aura"
397
401
  backgroundColor="#111111"
@@ -408,7 +412,9 @@ readme-aura ships with ready-to-use components you can drop into any `` ```aura
408
412
  iconSize="30"
409
413
  /&gt;</code></pre>
410
414
  </td>
411
- <td><img src="assets/readme-aura-button.svg" alt="SocialMediaButton" /></td>
415
+ <td style="vertical-align: middle; text-align: center;">
416
+ <img src="assets/readme-aura-button.svg" alt="SocialMediaButton" width="320" />
417
+ </td>
412
418
  </tr>
413
419
  </tbody>
414
420
  </table>