Merge remote-tracking branch 'origin/feat/FRNT-456-implement-radio-bu…

…tton'
woly-ui · May 7, 2021 · 27b735a · 27b735a
2 parents bc37f0f + ed24e68
commit 27b735a
Show file tree

Hide file tree

Showing 8 changed files with 545 additions and 339 deletions.
diff --git a/src/lib/box-styles.tsx b/src/lib/box-styles.tsx
@@ -20,7 +20,7 @@ export const Global = styled.div`
 
   /* should be rewritten to formulas */
   --woly-line-height: 24px;
-  --woly-border-width: 1.5px;
+  --woly-border-width: 2px;
   --woly-rounding: 4px;
   --woly-font-size: 15px;
   --woly-shadow: 3px 3px 9px rgba(57, 57, 57, 0.12);
@@ -47,7 +47,7 @@ export const Global = styled.div`
     --woly-canvas-default: transparent;
     --woly-canvas-disabled: var(--palette-snow-100);
     --woly-canvas-hover: var(--palette-snow-500);
-    --woly-canvas-active: var(--palette-snow-500);
+    --woly-canvas-active: var(--palette-lavender-500);
 
     --woly-canvas-text-default: var(--palette-snow-1000);
     --woly-canvas-text-disabled: var(--palette-snow-500);

diff --git a/src/ui/atoms/input/index.tsx b/src/ui/atoms/input/index.tsx
@@ -52,6 +52,11 @@ const InputBase: React.FC<InputProps & Variant> = ({
 );
 
 export const Input = styled(InputBase)`
+  --local-vertical: calc(1px * var(--woly-component-level) * var(--woly-main-level));
+  --local-horizontal: calc(
+    var(--woly-const-m) + (1px * var(--woly-main-level)) + var(--local-vertical)
+  );
+
   box-sizing: border-box;
   width: 100%;