@idds/styles 1.0.33 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idds/styles",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Shared CSS styles and colors for INA Digital Design System",
   "type": "module",
   "main": "./src/index.css",

package/src/components/button.css

@@ -109,18 +109,18 @@
 }
 /* Hierarchy modifiers - Primary */
 .ina-button--primary {
-  background-color: var(--ina-primary-500);
-  color: var(--ina-content-white, #ffffff);
+  background-color: var(--ina-primary-300);
+  color: var(--ina-white, var(--ina-neutral-25));
   border: none;
 }
 
 .ina-button--primary:hover:not(:disabled) {
-  background-color: var(--ina-primary-400, var(--Primary-400));
+  background-color: var(--ina-primary-400, var(--ina-blue-400));
 }
 
 .ina-button--primary:focus:not(:disabled) {
-  background-color: var(--ina-primary-500, var(--Primary-500));
-  outline: 2px solid var(--ina-primary-300, var(--Primary-300));
+  background-color: var(--ina-primary-300, var(--ina-blue-300));
+  outline: 2px solid var(--ina-primary-300, var(--ina-blue-300));
   outline-offset: 2px;
 }
 
@@ -169,7 +169,7 @@
 
 .ina-button--tertiary:focus:not(:disabled) {
   background-color: var(--ina-background-tertiary, var(--Background-Tertiary));
-  outline: 2px solid var(--ina-primary-300, var(--Primary-300));
+  outline: 2px solid var(--ina-primary-300, var(--ina-blue-300));
   outline-offset: 2px;
 }
 
@@ -197,7 +197,7 @@
 
 .ina-button--link:focus:not(:disabled) {
   color: var(--ina-guide-400, var(--Guide-400));
-  outline: 2px solid var(--ina-primary-300, var(--Primary-300));
+  outline: 2px solid var(--ina-primary-300, var(--ina-blue-300));
   outline-offset: 2px;
 }
 

package/src/components/date-picker.css

@@ -5,7 +5,7 @@
 .ina-date-picker {
   position: relative;
   display: inline-block;
-  background-color: inherit;
+  background-color: var(--ina-white);
 }
 
 /* Trigger Button - Same layout as TextField wrapper */

package/src/components/tooltip.css

@@ -23,6 +23,8 @@
   /* Prevent clipping by any parent container */
   transform: translateZ(0);
   will-change: transform;
+  /* Create new stacking context to ensure z-index works */
+  isolation: isolate;
 }
 
 /* Basic Tooltip Bubble */