chore(tailwind): add 2 boxShadow classes for WizardStep

kiwicom · Mar 25, 2024 · 31d97be · 31d97be
1 parent a265946
commit 31d97be
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
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
@@ -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
@@ -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": {