@idds/styles 1.0.42 → 1.0.43

package/package.json

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

package/src/components/drawer.css

@@ -260,7 +260,6 @@
   .ina-drawer--position-right .ina-drawer__panel {
     /* Default width for panels without specific width variant */
     min-width: 420px;
-    width: 420px;
     max-width: 520px;
     /* Full height for side panels */
     height: 100vh;
@@ -268,24 +267,21 @@
   }
 
   /* Width variants for desktop - Side panels (left/right) */
-  /* .ina-drawer--position-left .ina-drawer__panel--width-sm,
+  .ina-drawer--position-left .ina-drawer__panel--width-sm,
   .ina-drawer--position-right .ina-drawer__panel--width-sm {
-    min-width: 320px !important;
-    max-width: 400px !important;
+    width: 420px !important;
     height: 100vh !important;
     max-height: 100vh !important;
-  } */
+  }
 
-  /* .ina-drawer--position-left .ina-drawer__panel--width-md,
+  .ina-drawer--position-left .ina-drawer__panel--width-md,
   .ina-drawer--position-right .ina-drawer__panel--width-md {
-    width: 400px !important;
-    min-width: 400px !important;
-    max-width: 500px !important;
+    width: 520px !important;
     height: 100vh !important;
     max-height: 100vh !important;
   }
 
-  .ina-drawer--position-left .ina-drawer__panel--width-lg,
+  /* .ina-drawer--position-left .ina-drawer__panel--width-lg,
   .ina-drawer--position-right .ina-drawer__panel--width-lg {
     width: 500px !important;
     min-width: 500px !important;

package/src/components/radio-input.css

@@ -40,12 +40,6 @@
   background-color: var(--ina-neutral-50);
 }
 
-.ina-radio-input__option:focus-within {
-  background-color: var(--ina-neutral-100);
-  outline: 2px solid var(--ina-primary-500);
-  outline-offset: 2px;
-}
-
 .ina-radio-input__option--disabled {
   cursor: not-allowed;
   opacity: 0.6;
@@ -96,8 +90,8 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  width: 8px;
-  height: 8px;
+  width: 11px;
+  height: 11px;
   border-radius: 50%;
   background-color: var(--ina-stroke-tertiary, #141414);
 }
@@ -111,7 +105,7 @@
 
 /* Disabled states */
 .ina-radio-input__field:disabled {
-  border-color: var(--ina-neutral-200, #E5E5E5);
+  border-color: var(--ina-neutral-200, #e5e5e5);
   background-color: var(--ina-background-secondary, var(--ina-neutral-50));
   cursor: not-allowed;
   opacity: 1;
@@ -120,8 +114,11 @@
 
 /* Disabled + Checked state - Higher specificity */
 .ina-radio-input__field:disabled:checked {
-  border-color: var(--ina-neutral-200, #E5E5E5) !important;
-  background-color: var(--ina-background-secondary, var(--ina-neutral-50)) !important;
+  border-color: var(--ina-neutral-200, #e5e5e5) !important;
+  background-color: var(
+    --ina-background-secondary,
+    var(--ina-neutral-50)
+  ) !important;
   filter: none;
 }
 
@@ -134,7 +131,7 @@
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: var(--ina-neutral-200, #E5E5E5);
+  background-color: var(--ina-neutral-200, #e5e5e5);
 }
 
 /* Radio option label */
@@ -153,7 +150,7 @@
 }
 
 /* Size variants */
-.ina-radio-input--size-sm .ina-radio-input__main-label {
+/* .ina-radio-input--size-sm .ina-radio-input__main-label {
   font-size: var(--ina-font-xs);
 }
 
@@ -164,9 +161,9 @@
 .ina-radio-input--size-sm .ina-radio-input__field {
   width: 16px;
   height: 16px;
-}
+} */
 
-.ina-radio-input--size-lg .ina-radio-input__main-label {
+/* .ina-radio-input--size-lg .ina-radio-input__main-label {
   font-size: var(--ina-font-base);
 }
 
@@ -177,7 +174,7 @@
 .ina-radio-input--size-lg .ina-radio-input__field {
   width: 24px;
   height: 24px;
-}
+} */
 
 /* Orientation variants */
 .ina-radio-input--orientation-horizontal .ina-radio-input__group {