@guardian/interactive-component-library 0.1.0-alpha.38 → 0.1.0-alpha.40

package/dist/style.css

@@ -2176,11 +2176,11 @@ body ._header_gph7y_95._fullWidth_gph7y_19 {
 ._path_1dms8_8 {
   pointer-events: none;
 }
-._searchContainer_1px2g_1 {
+._searchContainer_1kj0x_1 {
   position: relative;
 }
 
-._input_1px2g_5 {
+._input_1kj0x_5 {
   width: 100%;
   color: var(--primary-text-color);
   font-family: var(--text-sans);
@@ -2202,7 +2202,7 @@ input:focus {
   border: 1px solid var(--primary-text-color);
 }
 
-._searchIcon_1px2g_27 {
+._searchIcon_1kj0x_27 {
   position: absolute;
   top: 11px;
   left: 12px;
@@ -2211,13 +2211,13 @@ input:focus {
   pointer-events: none;
 }
 
-._clearButton_1px2g_36 {
+._clearButton_1kj0x_36 {
   position: absolute;
   top: 2px;
   right: 4px;
 }
 
-._suggestions_1px2g_42 {
+._suggestions_1kj0x_42 {
   position: absolute;
   width: 100%;
   margin-top: var(--space-2);
@@ -2232,7 +2232,7 @@ input:focus {
   pointer-events: all;
 }
 
-._suggestion_1px2g_42 {
+._suggestion_1kj0x_42 {
   cursor: pointer;
   padding: 6px 8px;
   background-color: var(--primary-bg-color);
@@ -2243,11 +2243,16 @@ input:focus {
   line-height: var(--sans-line-height);
 }
 
-._selected_1px2g_68 {
+._suggestion_1kj0x_42._disabled_1kj0x_68 {
+  color: var(--secondary-text-color);
+  pointer-events: none;
+}
+
+._selected_1kj0x_73 {
   background-color: var(--secondary-bg-color);
 }
 
-._highlighted_1px2g_72 {
+._highlighted_1kj0x_77 {
   color: var(--highlighted-text-color);
   background-color: var(--highlight-color);
 }
@@ -2437,7 +2442,7 @@ body.android {
   ._grid_xps7m_9[data-grid-type=large] > *:nth-child(2n+1):nth-last-child(-n+2), ._grid_xps7m_9[data-grid-type=large] > *:nth-child(2n+1):nth-last-child(-n+2) ~ * {
     border-bottom: 0;
   }
-}._transitionContainer_1syip_1 {
+}._transitionContainer_48fp9_1 {
   position: fixed;
   left: 0;
   right: 0;
@@ -2445,15 +2450,14 @@ body.android {
   bottom: 0;
   transition: all 300ms ease-in-out;
   z-index: 9999;
-  pointer-events: none;
 }
 
-._blur_1syip_12 {
+._blur_48fp9_11 {
   background-color: rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(4px);
 }
 
-._modalBox_1syip_17 {
+._modalBox_48fp9_16 {
   position: absolute;
   left: 0;
   right: 0;
@@ -2462,35 +2466,35 @@ body.android {
   pointer-events: all;
 }
 
-._enter_1syip_26,
-._exitDone_1syip_27 {
-  ._blur_1syip_12 {
+._enter_48fp9_25,
+._exitDone_48fp9_26 {
+  ._blur_48fp9_11 {
     background-color: transparent;
     backdrop-filter: none;
   }
 
-  ._modalBox_1syip_17 {
+  ._modalBox_48fp9_16 {
     transform: translateY(100%);
   }
 }
 
-._enterActive_1syip_38 {
-  ._blur_1syip_12 {
+._enterActive_48fp9_37 {
+  ._blur_48fp9_11 {
     background-color: rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(4px);
   }
 
-  ._modalBox_1syip_17 {
+  ._modalBox_48fp9_16 {
     transform: translateY(0);
   }
 }
 
-._exitActive_1syip_49 {
-  ._blur_1syip_12 {
+._exitActive_48fp9_48 {
+  ._blur_48fp9_11 {
     background-color: transparent;
     backdrop-filter: none;
   }
-  ._modalBox_1syip_17 {
+  ._modalBox_48fp9_16 {
     transform: translateY(100%);
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@guardian/interactive-component-library",
   "private": false,
-  "version": "v0.1.0-alpha.38",
+  "version": "v0.1.0-alpha.40",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",