fix: add size fallbacks

lsst-epo · Sep 4, 2024 · b0f76f5 · b0f76f5
1 parent c9e44e4
commit b0f76f5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/epo-react-lib/src/form/Input/styles.ts b/packages/epo-react-lib/src/form/Input/styles.ts
@@ -5,13 +5,13 @@ export const Input = styled.input`
   --color-input-border-hover: var(--color-font-accent);
 
   border: 1px solid var(--color-input-border);
-  border-radius: var(--size-spacing-3xs);
+  border-radius: var(--size-spacing-3xs, calc(1em * 0.25));
   box-sizing: border-box;
   font-weight: var(--weight-font-normal);
-  height: var(--size-spacing-xl);
+  height: var(--size-spacing-xl, calc(1em * 3));
   line-height: 1;
   width: 100%;
-  padding: var(--size-spacing-s);
+  padding: var(--size-spacing-s, 1em);
 
   &:not(:disabled):hover,
   &:not(:disabled):focus-within {

diff --git a/packages/epo-react-lib/src/molecules/FormElement/styles.ts b/packages/epo-react-lib/src/molecules/FormElement/styles.ts
@@ -3,7 +3,7 @@ import styled from "styled-components";
 
 export const Container = styled.div`
   > * + * {
-    margin-block-start: var(--size-spacing-3xs);
+    margin-block-start: var(--size-spacing-3xs, calc(1em * 0.25));
   }
 `;