From e530e171aee48de1558d56564f00b607f5a0c3db Mon Sep 17 00:00:00 2001
From: Vojta Bulant <vojtech@bulant.cz>
Date: Thu, 21 Mar 2024 15:51:04 +0100
Subject: [PATCH] chore(tailwind): add 2 boxShadow classes for WizardStep

---
 .../src/__tests__/__snapshots__/configs.test.ts.snap      | 2 ++
 packages/orbit-tailwind-preset/src/index.ts               | 8 ++++++++
 2 files changed, 10 insertions(+)

diff --git a/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap b/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap
index b3b381e4d7..ccefc743f6 100644
--- a/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap
+++ b/packages/orbit-tailwind-preset/src/__tests__/__snapshots__/configs.test.ts.snap
@@ -1109,6 +1109,8 @@ exports[`orbitPreset should have preflight disabled 1`] = `
       "raised": "0 4px 8px 0 rgba(37, 42, 49, 0.16),0 8px 24px 0 rgba(37, 42, 49, 0.24)",
       "raised-reverse": "0 -4px 8px 0 rgba(37, 42, 49, 0.16),0 -8px 24px 0 rgba(37, 42, 49, 0.24)",
       "switch": "inset 0 0 1px 0 rgba(7, 64, 92, 0.1),0 0 2px 0 rgba(37, 42, 49, 0.16),0 1px 4px 0 rgba(37, 42, 49, 0.12)",
+      "wizard-step-icon-active": "0 0 0 4px rgba(0, 165, 142, 0.2)",
+      "wizard-step-icon-hover": "0 0 0 6px rgba(0, 165, 142, 0.2)",
     },
     "boxShadowColor": {
       "blue": {
diff --git a/packages/orbit-tailwind-preset/src/index.ts b/packages/orbit-tailwind-preset/src/index.ts
index 2e780ef11e..9d00853387 100644
--- a/packages/orbit-tailwind-preset/src/index.ts
+++ b/packages/orbit-tailwind-preset/src/index.ts
@@ -249,6 +249,14 @@ export default function orbitTailwindPreset(options?: Options): Config {
           switch: `inset 0 0 1px 0 rgba(7, 64, 92, 0.1),${tokens.boxShadowAction}`,
           "modal-scrolled": `inset 0 1px 0 ${tokens.paletteCloudNormal}, ${tokens.boxShadowFixedReverse}`,
           modal: `inset 0 0 0 transparent, ${tokens.boxShadowFixedReverse}`,
+          "wizard-step-icon-hover": `0 0 0 6px ${convertHexToRgba(
+            tokens.paletteProductNormal,
+            20,
+          )}`,
+          "wizard-step-icon-active": `0 0 0 4px ${convertHexToRgba(
+            tokens.paletteProductNormal,
+            20,
+          )}`,
         },
         keyframes: {
           "slow-pulse": {