chore(input-box): use correct shadow-border-weak token

twilio-labs · Jun 2, 2021 · 2db8bf9 · 2db8bf9
1 parent f551079
commit 2db8bf9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/.changeset/green-insects-notice.md b/.changeset/green-insects-notice.md
@@ -0,0 +1,6 @@
+---
+'@twilio-paste/input-box': patch
+'@twilio-paste/core': patch
+---
+
+Changed disabled box shadows to use correct shadow-border-weak token.
diff --git a/packages/paste-core/components/input-box/src/FauxInput/DefaultFauxInput.tsx b/packages/paste-core/components/input-box/src/FauxInput/DefaultFauxInput.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
 import {Box} from '@twilio-paste/box';
-import {BoxShadow, BackgroundColor} from '@twilio-paste/style-props';
-import {FauxInputProps, FauxInputPropTypes} from '../types';
+import type {BoxShadow, BackgroundColor} from '@twilio-paste/style-props';
+import type {FauxInputProps} from '../types';
+import {FauxInputPropTypes} from '../types';
 
 const DefaultFauxInput = React.forwardRef<HTMLDivElement, FauxInputProps>(
   ({disabled, hasError, readOnly, children, type}, ref) => {
@@ -10,10 +11,10 @@ const DefaultFauxInput = React.forwardRef<HTMLDivElement, FauxInputProps>(
     let boxShadowHover = 'shadowBorderPrimaryStrong' as BoxShadow;
     let boxShadowActive = 'shadowBorderPrimaryStronger' as BoxShadow;
     if (disabled && type !== 'hidden') {
-      boxShadow = 'shadowBorderStrong';
-      boxShadowHover = 'shadowBorderStrong';
+      boxShadow = 'shadowBorderWeak';
+      boxShadowHover = 'shadowBorderWeak';
       backgroundColor = 'colorBackground';
-      boxShadowActive = 'shadowBorderStrong';
+      boxShadowActive = 'shadowBorderWeak';
     } else if (readOnly && type !== 'hidden') {
       boxShadowHover = 'shadowBorder';
       backgroundColor = 'colorBackground';