Update lux

pulibrary · Apr 11, 2024 · 77917bc · 77917bc
1 parent 3a7308e
commit 77917bc
Show file tree

Hide file tree

Showing 12 changed files with 17 additions and 449 deletions.
diff --git a/app/javascript/components/CartViewToggle.vue b/app/javascript/components/CartViewToggle.vue
@@ -39,7 +39,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../styles/utils.scss";
+@import "lux-design-system/dist/style.scss";
 #count {
   font-size: 12px;
   font-family: $font-family-text;

diff --git a/app/javascript/components/FiggyViewer.vue b/app/javascript/components/FiggyViewer.vue
@@ -97,5 +97,4 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "lux-design-system/dist/style.css";
 </style>
diff --git a/app/javascript/components/PulfaDataTable.vue b/app/javascript/components/PulfaDataTable.vue
@@ -280,8 +280,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "lux-design-system/dist/style.css";
-@import "../styles/utils.scss";
+@import "lux-design-system/dist/style.scss";
 .lux-data-table {
   border-collapse: collapse;
   border-spacing: 0;
@@ -310,7 +309,7 @@ export default {
   }
 
   thead tr {
-    background-color: $color-grayscale-light;
+    background-color: $color-grayscale-lighter;
     color: $color-rich-black;
   }
 
@@ -332,7 +331,7 @@ export default {
     border-bottom: none;
     border-left: none;
     border-right: none;
-    border-top: 1px solid darken($color-grayscale-light, 10%);
+    border-top: 1px solid darken($color-grayscale-lighter, 10%);
     @include inset-space($space-base);
     overflow: hidden;
   }
@@ -363,10 +362,10 @@ export default {
     color: $color-grayscale-darker;
 
     &:hover {
-      background: $color-grayscale-light;
+      background: $color-grayscale-warm-lighter;
 
       input {
-        background: $color-grayscale-light;
+        background: $color-grayscale-warm-lighter;
       }
     }
   }

diff --git a/app/javascript/components/RequestCart.vue b/app/javascript/components/RequestCart.vue
@@ -263,8 +263,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "lux-design-system/dist/style.css";
-@import "../styles/utils.scss";
+@import "lux-design-system/dist/style.scss";
 #request-notes-wrapper {
   width: 100%;
   margin-left: 0.25rem;

diff --git a/app/javascript/styles/media_queries.scss b/app/javascript/styles/media_queries.scss
diff --git a/app/javascript/styles/mixins.scss b/app/javascript/styles/mixins.scss
diff --git a/app/javascript/styles/spacing.scss b/app/javascript/styles/spacing.scss