fix: use size variable tokens in storybook

launchdarkly · Oct 7, 2023 · 5a4d9ba · 5a4d9ba
1 parent 6b2b33c
commit 5a4d9ba
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/tokens/stories/size.stories.tsx b/packages/tokens/stories/size.stories.tsx
@@ -15,7 +15,7 @@ export const Size = {
         display: 'grid',
         gridTemplateColumns: 'auto auto 1fr',
         alignItems: 'center',
-        gap: '2.4rem',
+        gap: 'var(--lp-size-24)',
       }}
     >
       {Object.entries(sizes).map(([key, value]) => (
@@ -28,7 +28,7 @@ export const Size = {
             style={{
               backgroundColor: 'var(--lp-color-system-green-500)',
               width: value,
-              height: '1.6rem',
+              height: 'var(--lp-size-16)',
             }}
           />
         </>