From c8cdc6e4c95c6b581b4b678d5de7117915c54303 Mon Sep 17 00:00:00 2001
From: Victoria League <vleague@bitwarden.com>
Date: Wed, 9 Oct 2024 16:36:54 -0400
Subject: [PATCH] [CL-481] Style updates for bit-item, bit-card, and
 primary-100 (#11473)

---
 libs/components/src/card/card.component.ts   | 2 +-
 libs/components/src/item/item.component.html | 2 +-
 libs/components/src/tw-theme.css             | 4 +++-
 libs/components/tailwind.config.base.js      | 1 +
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/libs/components/src/card/card.component.ts b/libs/components/src/card/card.component.ts
index 3aaed26d8d0..9a6520829b3 100644
--- a/libs/components/src/card/card.component.ts
+++ b/libs/components/src/card/card.component.ts
@@ -9,7 +9,7 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     class:
-      "tw-box-border tw-block tw-bg-background tw-text-main tw-border-solid tw-border-b tw-border-0 tw-border-b-secondary-300 [&:not(bit-layout_*)]:tw-rounded-lg tw-py-4 tw-px-3",
+      "tw-box-border tw-block tw-bg-background tw-text-main tw-border-solid tw-border-b tw-border-0 tw-border-b-secondary-300 [&:not(bit-layout_*)]:tw-rounded-lg [&:not(bit-layout_*)]:tw-border-b-shadow tw-py-4 tw-px-3",
   },
 })
 export class CardComponent {}
diff --git a/libs/components/src/item/item.component.html b/libs/components/src/item/item.component.html
index 99c181a068c..46cee897591 100644
--- a/libs/components/src/item/item.component.html
+++ b/libs/components/src/item/item.component.html
@@ -3,7 +3,7 @@
   [ngClass]="
     focusVisibleWithin()
       ? 'tw-z-10 tw-rounded tw-outline-none tw-ring tw-ring-primary-600 tw-border-transparent'
-      : 'tw-border-b-secondary-300 [&:has(.item-main-content_button:hover,.item-main-content_a:hover)]:tw-border-b-transparent'
+      : 'tw-border-b-shadow'
   "
 >
   <bit-item-action class="item-main-content tw-block tw-flex-1 tw-overflow-hidden">
diff --git a/libs/components/src/tw-theme.css b/libs/components/src/tw-theme.css
index 46d7585ee39..d2cce9a842b 100644
--- a/libs/components/src/tw-theme.css
+++ b/libs/components/src/tw-theme.css
@@ -2,6 +2,7 @@
 
 :root {
   --color-transparent-hover: rgb(0 0 0 / 0.02);
+  --color-shadow: 168 179 200;
 
   --color-background: 255 255 255;
   --color-background-alt: 243 246 249;
@@ -56,6 +57,7 @@
 
 .theme_dark {
   --color-transparent-hover: rgb(255 255 255 / 0.02);
+  --color-shadow: 0 0 0;
 
   --color-background: 32 39 51;
   --color-background-alt: 18 26 39;
@@ -63,7 +65,7 @@
   --color-background-alt3: 48 57 70;
   --color-background-alt4: 18 26 39;
 
-  --color-primary-100: 2 15 102;
+  --color-primary-100: 26 39 78;
   --color-primary-300: 26 65 172;
   --color-primary-600: 101 171 255;
   --color-primary-700: 170 195 239;
diff --git a/libs/components/tailwind.config.base.js b/libs/components/tailwind.config.base.js
index b2a2b282a51..58409899c92 100644
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -23,6 +23,7 @@ module.exports = {
       },
       current: colors.current,
       black: colors.black,
+      shadow: rgba("--color-shadow"),
       primary: {
         100: rgba("--color-primary-100"),
         300: rgba("--color-primary-300"),