From b007fa1144f7868e8d6398d2956da02bea037231 Mon Sep 17 00:00:00 2001
From: SerKo <44749100+serkodev@users.noreply.github.com>
Date: Tue, 13 Jun 2023 17:48:34 +0800
Subject: [PATCH] feat: tailwind tokens support opacity modifier syntax color
 (fixed #526) (#525)

Co-authored-by: Guillaume Chau <guillaume.b.chau@gmail.com>
---
 .../histoire/src/node/builtin-plugins/tailwind-tokens.ts    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/histoire/src/node/builtin-plugins/tailwind-tokens.ts b/packages/histoire/src/node/builtin-plugins/tailwind-tokens.ts
index 8bebb757..6e3fe3e1 100644
--- a/packages/histoire/src/node/builtin-plugins/tailwind-tokens.ts
+++ b/packages/histoire/src/node/builtin-plugins/tailwind-tokens.ts
@@ -136,7 +136,7 @@ export default {
       }, ({ color}) => h('div', {
         class: '__hst-shade',
         style: {
-          backgroundColor: color,
+          backgroundColor: color.replace('<alpha-value>', 1),
         },
       })))),
       onMountControls: (api) => mountApp(api, () => [
@@ -159,7 +159,7 @@ export default {
       }, ({ color}) => h('div', {
         class: '__hst-shade __hst-text',
         style: {
-          color,
+          color: color.replace('<alpha-value>', 1),
         },
       }, 'Aa')))),
       onMountControls: (api) => mountApp(api, () => [
@@ -182,7 +182,7 @@ export default {
       }, ({ color}) => h('div', {
         class: '__hst-shade __hst-border',
         style: {
-          borderColor: color,
+          borderColor: color.replace('<alpha-value>', 1),
         },
       })))),
       onMountControls: (api) => mountApp(api, () => [