From 9bc8026e3de6c0a305a851131c0e8fbeb639bf0c Mon Sep 17 00:00:00 2001 From: Jan Nicklas Date: Fri, 17 May 2024 08:29:08 +0200 Subject: [PATCH] fix types --- examples/styled-components/pages/index.page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/examples/styled-components/pages/index.page.tsx b/examples/styled-components/pages/index.page.tsx index 0e3f7e4..77d205a 100644 --- a/examples/styled-components/pages/index.page.tsx +++ b/examples/styled-components/pages/index.page.tsx @@ -49,10 +49,10 @@ const xVar = createVar({ value: "0" }); const StyledHeadline = styled.h1` font-family: Arial, Helvetica, sans-serif; - font-size: ${theme.fontSize}; - color: ${colorVar}; - transform: translateX(${xVar}); - width: calc(100% - 1 * ${xVar}); + font-size: ${theme.fontSize.val}; + color: ${colorVar.val}; + transform: translateX(${xVar.val}); + width: calc(100% - 1 * ${xVar.val}); `; const FancyComponent: React.FunctionComponent<{color?:string}> = ({ color, children }) => { @@ -64,8 +64,8 @@ const FancyComponent: React.FunctionComponent<{color?:string}> = ({ color, child }; const BigBox = styled.div` - background: ${theme.colors.secondary}; - padding: ${theme.spacings.m}; + background: ${theme.colors.secondary.val}; + padding: ${theme.spacings.m.val}; ${colorVar.toStyle("grey")} ${xVar.toStyle('20px')}