feat: separate disabled from read-only

einride · Apr 21, 2023 · 086199a · 086199a
1 parent ac336f1
commit 086199a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wicked-points-carry.md b/.changeset/wicked-points-carry.md
@@ -0,0 +1,5 @@
+---
+"@einride/ui": minor
+---
+
+Separate disabled from read-only.
diff --git a/packages/einride-ui/src/components/controls/inputs/BaseInput/BaseInput.tsx b/packages/einride-ui/src/components/controls/inputs/BaseInput/BaseInput.tsx
@@ -176,7 +176,7 @@ const StyledInput = styled.input<StyledInputProps>`
     hasLabel ? theme.borderRadii.sm : theme.borderRadii.xl};
   ${({ leftIcon, theme }) => leftIcon && `padding-inline-start: ${4.5 * theme.spacingBase}rem`};
 
-  &:read-only {
+  &:read-only:not(:disabled) {
     padding-inline-start: 0;
     background: none;
   }