From 58796b6e961d19cd280b88c7fb0348f8754f0f3d Mon Sep 17 00:00:00 2001
From: Hideo Yasumoto <hideo54@hideo54.com>
Date: Sat, 12 Mar 2022 20:48:47 +0900
Subject: [PATCH] docs(transparentize): fix trailing comma and semicolon in
 example code

---
 docs/assets/polished.js     | 6 +++---
 docs/docs/index.html        | 6 +++---
 src/color/transparentize.js | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/assets/polished.js b/docs/assets/polished.js
index 0774cae5..7e740c54 100644
--- a/docs/assets/polished.js
+++ b/docs/assets/polished.js
@@ -3576,7 +3576,7 @@
    * @example
    * // Styles as object usage
    * const styles = {
-   *   background: transparentize(0.1, '#fff');
+   *   background: transparentize(0.1, '#fff'),
    *   background: transparentize(0.2, 'hsl(0, 0%, 100%)'),
    *   background: transparentize('0.5', 'rgba(255, 0, 0, 0.8)'),
    * }
@@ -3584,8 +3584,8 @@
    * // styled-components usage
    * const div = styled.div`
    *   background: ${transparentize(0.1, '#fff')};
-   *   background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')},
-   *   background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')},
+   *   background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')};
+   *   background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')};
    * `
    *
    * // CSS in JS Output
diff --git a/docs/docs/index.html b/docs/docs/index.html
index 6cfe1bee..7daf04ed 100644
--- a/docs/docs/index.html
+++ b/docs/docs/index.html
@@ -6489,7 +6489,7 @@ <h3 class='fl m0' id='transparentize'>
       
       <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Styles as object usage</span>
 <span class="hljs-keyword">const</span> styles = {
-  <span class="hljs-built_in">background</span>: transparentize(<span class="hljs-number">0.1</span>, <span class="hljs-string">'#fff'</span>);
+  <span class="hljs-built_in">background</span>: transparentize(<span class="hljs-number">0.1</span>, <span class="hljs-string">'#fff'</span>),
   <span class="hljs-built_in">background</span>: transparentize(<span class="hljs-number">0.2</span>, <span class="hljs-string">'hsl(0, 0%, 100%)'</span>),
   <span class="hljs-built_in">background</span>: transparentize(<span class="hljs-string">'0.5'</span>, <span class="hljs-string">'rgba(255, 0, 0, 0.8)'</span>),
 }
@@ -6497,8 +6497,8 @@ <h3 class='fl m0' id='transparentize'>
 <span class="hljs-comment">// styled-components usage</span>
 <span class="hljs-keyword">const</span> div = styled.div`
   <span class="hljs-built_in">background</span>: ${transparentize(<span class="hljs-number">0.1</span>, <span class="hljs-string">'#fff'</span>)};
-  <span class="hljs-built_in">background</span>: ${transparentize(<span class="hljs-number">0.2</span>, <span class="hljs-string">'hsl(0, 0%, 100%)'</span>)},
-  <span class="hljs-built_in">background</span>: ${transparentize(<span class="hljs-string">'0.5'</span>, <span class="hljs-string">'rgba(255, 0, 0, 0.8)'</span>)},
+  <span class="hljs-built_in">background</span>: ${transparentize(<span class="hljs-number">0.2</span>, <span class="hljs-string">'hsl(0, 0%, 100%)'</span>)};
+  <span class="hljs-built_in">background</span>: ${transparentize(<span class="hljs-string">'0.5'</span>, <span class="hljs-string">'rgba(255, 0, 0, 0.8)'</span>)};
 `
 
 <span class="hljs-comment">// CSS in JS Output</span>
diff --git a/src/color/transparentize.js b/src/color/transparentize.js
index dc0a28cb..31300912 100644
--- a/src/color/transparentize.js
+++ b/src/color/transparentize.js
@@ -11,7 +11,7 @@ import parseToRgb from './parseToRgb'
  * @example
  * // Styles as object usage
  * const styles = {
- *   background: transparentize(0.1, '#fff');
+ *   background: transparentize(0.1, '#fff'),
  *   background: transparentize(0.2, 'hsl(0, 0%, 100%)'),
  *   background: transparentize('0.5', 'rgba(255, 0, 0, 0.8)'),
  * }
@@ -19,8 +19,8 @@ import parseToRgb from './parseToRgb'
  * // styled-components usage
  * const div = styled.div`
  *   background: ${transparentize(0.1, '#fff')};
- *   background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')},
- *   background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')},
+ *   background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')};
+ *   background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')};
  * `
  *
  * // CSS in JS Output