From 787541532a8b5a6f3d778f353e3f13417893dbbe Mon Sep 17 00:00:00 2001 From: Ed Sungik Choi Date: Tue, 7 Jan 2025 13:58:58 +0900 Subject: [PATCH] feat(bezier-react): apply alpha shadow tokens to elevation util classnames --- .../src/styles/components/elevation.module.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/bezier-react/src/styles/components/elevation.module.scss b/packages/bezier-react/src/styles/components/elevation.module.scss index 2ae0f3524..26d8de174 100644 --- a/packages/bezier-react/src/styles/components/elevation.module.scss +++ b/packages/bezier-react/src/styles/components/elevation.module.scss @@ -1,9 +1,10 @@ @use 'sass:map'; -@use '../../../../../node_modules/@channel.io/bezier-tokens/dist/scss' as *; +@use '../../../../../node_modules/@channel.io/bezier-tokens/dist/alpha/scss' + as *; -@each $ev in map.keys(map.get($tokens, 'light-theme', 'ev')) { +@each $ev in map.keys(map.get($tokens, 'light-theme', 'shadow')) { :where(.elevation-#{$ev}) { /* stylelint-disable-next-line bezier/validate-token */ - box-shadow: var(--ev-#{$ev}); + box-shadow: var(--alpha-shadow-#{$ev}); } }