Merge pull request #1697 from sul-dlss/update-component-library

Upgrade style library

Author: dnoneill

app/views/layouts/application.html.erb

@@ -25,17 +25,19 @@
       gtag('config', 'G-B11RSRZLRJ', config)
     </script>
 
-    <link rel="icon" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-09-11/styles/icon.png" type="image/png">
-    <link rel="icon" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-09-11/styles/icon.svg" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-09-11/styles/icon.png">
+    <link rel="icon" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-12-19/styles/icon.png" type="image/png">
+    <link rel="icon" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-12-19/styles/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-12-19/styles/icon.png">
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
-    <%= stylesheet_link_tag "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;700&display=swap" %>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
-          integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-09-11/styles/sul.css">
+    <style>
+      @layer framework, components;
+      @import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css) layer(framework);
+      @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css") layer(framework);
+      @import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;700&display=swap") layer(framework);
+      @import url("https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2025-12-19/styles/sul.css") layer(components);
+    </style>
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_importmap_tags %>
     <%= csrf_meta_tags %>

app/views/shared/_brand_navbar.html.erb

@@ -1,10 +1,6 @@
 <nav class="navbar navbar-expand-md bg-dark bg-cardinal">
   <div class="container">
-    <a
-      class="mb-0 navbar-brand navbar-logo"
-      href="https://library.stanford.edu"
-      >Stanford University Libraries</a
-    >
+    <a class="mb-0 navbar-brand navbar-logo" href="https://library.stanford.edu" aria-label="Stanford University Libraries"></a>
     <button
       class="navbar-toggler navbar-toggler-right collapsed"
       type="button"