fix: InputとStatusLabelコンポーネントに白背景を追加 (#4138)

kufu · Dec 22, 2023 · adc78fe · adc78fe
1 parent b3b48c3
commit adc78fe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
@@ -48,7 +48,7 @@ const bgColors = {
 const wrapper = tv({
   base: [
     'smarthr-ui-Input',
-    'shr-box-border shr-inline-flex shr-cursor-text shr-items-center shr-gap-0.5 shr-rounded-m shr-border shr-border-solid shr-border-default shr-px-0.5',
+    'shr-box-border shr-inline-flex shr-cursor-text shr-items-center shr-gap-0.5 shr-rounded-m shr-border shr-border-solid shr-border-default shr-bg-white shr-px-0.5',
     'contrast-more:shr-border-high-contrast',
     'focus-within:shr-focus-indicator',
   ],

diff --git a/src/components/StatusLabel/StatusLabel.tsx b/src/components/StatusLabel/StatusLabel.tsx
@@ -42,15 +42,15 @@ const statusLabel = tv({
       bold: false,
       className: ['shr-border-current'],
     },
+    {
+      type: ['grey', 'blue', 'green', 'red'],
+      bold: false,
+      className: ['shr-bg-white'],
+    },
     {
       type: 'grey',
       bold: false,
-      class: [
-        'shr-bg-white',
-        'shr-border-grey-20',
-        'shr-text-grey',
-        'contrast-more:shr-border-high-contrast',
-      ],
+      class: ['shr-border-grey-20', 'shr-text-grey', 'contrast-more:shr-border-high-contrast'],
     },
     {
       type: 'blue',