@bagelink/vue 1.12.36 → 1.12.42

package/src/styles/text.css

@@ -450,6 +450,11 @@
     color: var(--bgl-blue);
 }
 
+.txt-primary-10,
+.txtprimary-10 {
+    color: var(--bgl-primary-10);
+}
+
 .txt-blue-10,
 .txtblue-10 {
     color: var(--bgl-blue-10);
@@ -505,6 +510,11 @@
     color: var(--bgl-pink-10);
 }
 
+.txt-primary-20,
+.txtprimary-20 {
+    color: var(--bgl-primary-20);
+}
+
 .txt-blue-20,
 .txtblue-20 {
     color: var(--bgl-blue-20);
@@ -560,6 +570,11 @@
     color: var(--bgl-pink-20);
 }
 
+.txt-primary-30,
+.txtprimary-30 {
+    color: var(--bgl-primary-30);
+}
+
 .txt-blue-30,
 .txtblue-30 {
     color: var(--bgl-blue-30);
@@ -615,6 +630,11 @@
     color: var(--bgl-pink-30);
 }
 
+.txt-primary-40,
+.txtprimary-40 {
+    color: var(--bgl-primary-40);
+}
+
 .txt-blue-40,
 .txtblue-40 {
     color: var(--bgl-blue-40);
@@ -670,6 +690,11 @@
     color: var(--bgl-pink-40);
 }
 
+.txt-primary-50,
+.txtprimary-50 {
+    color: var(--bgl-primary-50);
+}
+
 .txt-blue-50,
 .txtblue-50 {
     color: var(--bgl-blue-50);
@@ -725,6 +750,11 @@
     color: var(--bgl-pink-50);
 }
 
+.txt-primary-60,
+.txtprimary-60 {
+    color: var(--bgl-primary-60);
+}
+
 .txt-blue-60,
 .txtblue-60 {
     color: var(--bgl-blue-60);
@@ -780,6 +810,11 @@
     color: var(--bgl-pink-60);
 }
 
+.txt-primary-70,
+.txtprimary-70 {
+    color: var(--bgl-primary-70);
+}
+
 .txt-blue-70,
 .txtblue-70 {
     color: var(--bgl-blue-70);
@@ -835,6 +870,11 @@
     color: var(--bgl-pink-70);
 }
 
+.txt-primary-80,
+.txtprimary-80 {
+    color: var(--bgl-primary-80);
+}
+
 .txt-blue-80,
 .txtblue-80 {
     color: var(--bgl-blue-80);
@@ -890,6 +930,11 @@
     color: var(--bgl-pink-80);
 }
 
+.txt-primary-90,
+.txtprimary-90 {
+    color: var(--bgl-primary-90);
+}
+
 .txt-blue-90,
 .txtblue-90 {
     color: var(--bgl-blue-90);
@@ -945,6 +990,11 @@
     color: var(--bgl-pink-90);
 }
 
+.txt-primary-100,
+.txtprimary-100 {
+    color: var(--bgl-primary-100);
+}
+
 .txt-blue-100,
 .txtblue-100 {
     color: var(--bgl-blue-100);
@@ -1000,6 +1050,11 @@
     color: var(--bgl-pink-100);
 }
 
+.txt-primary-110,
+.txtprimary-110 {
+    color: var(--bgl-primary-110);
+}
+
 .txt-blue-110,
 .txtblue-110 {
     color: var(--bgl-blue-110);
@@ -1055,6 +1110,11 @@
     color: var(--bgl-pink-110);
 }
 
+.txt-primary-120,
+.txtprimary-120 {
+    color: var(--bgl-primary-120);
+}
+
 .txt-blue-120,
 .txtblue-120 {
     color: var(--bgl-blue-120);
@@ -1110,6 +1170,11 @@
     color: var(--bgl-pink-120);
 }
 
+.txt-primary-130,
+.txtprimary-130 {
+    color: var(--bgl-primary-130);
+}
+
 .txt-blue-130,
 .txtblue-130 {
     color: var(--bgl-blue-130);
@@ -1452,7 +1517,15 @@
     font-style: italic;
 }
 
+.monospace {
+    font-family: monospace !important;
+}
+
 @media screen and (max-width: 910px) {
+    .m_monospace {
+        font-family: monospace !important;
+    }
+
     .m_italic {
         font-style: italic;
     }
@@ -1924,6 +1997,11 @@
         color: var(--bgl-blue);
     }
 
+    .m_txt-primary-10,
+    .m_txtprimary-10 {
+        color: var(--bgl-primary-10);
+    }
+
     .m_txt-blue-10,
     .m_txtblue-10 {
         color: var(--bgl-blue-10);
@@ -1979,6 +2057,11 @@
         color: var(--bgl-pink-10);
     }
 
+    .m_txt-primary-20,
+    .m_txtprimary-20 {
+        color: var(--bgl-primary-20);
+    }
+
     .m_txt-blue-20,
     .m_txtblue-20 {
         color: var(--bgl-blue-20);
@@ -2034,6 +2117,11 @@
         color: var(--bgl-pink-20);
     }
 
+    .m_txt-primary-30,
+    .m_txtprimary-30 {
+        color: var(--bgl-primary-30);
+    }
+
     .m_txt-blue-30,
     .m_txtblue-30 {
         color: var(--bgl-blue-30);
@@ -2089,6 +2177,11 @@
         color: var(--bgl-pink-30);
     }
 
+    .m_txt-primary-40,
+    .m_txtprimary-40 {
+        color: var(--bgl-primary-40);
+    }
+
     .m_txt-blue-40,
     .m_txtblue-40 {
         color: var(--bgl-blue-40);
@@ -2144,6 +2237,11 @@
         color: var(--bgl-pink-40);
     }
 
+    .m_txt-primary-50,
+    .m_txtprimary-50 {
+        color: var(--bgl-primary-50);
+    }
+
     .m_txt-blue-50,
     .m_txtblue-50 {
         color: var(--bgl-blue-50);
@@ -2199,6 +2297,11 @@
         color: var(--bgl-pink-50);
     }
 
+    .m_txt-primary-60,
+    .m_txtprimary-60 {
+        color: var(--bgl-primary-60);
+    }
+
     .m_txt-blue-60,
     .m_txtblue-60 {
         color: var(--bgl-blue-60);
@@ -2254,6 +2357,11 @@
         color: var(--bgl-pink-60);
     }
 
+    .m_txt-primary-70,
+    .m_txtprimary-70 {
+        color: var(--bgl-primary-70);
+    }
+
     .m_txt-blue-70,
     .m_txtblue-70 {
         color: var(--bgl-blue-70);
@@ -2309,6 +2417,11 @@
         color: var(--bgl-pink-70);
     }
 
+    .m_txt-primary-80,
+    .m_txtprimary-80 {
+        color: var(--bgl-primary-80);
+    }
+
     .m_txt-blue-80,
     .m_txtblue-80 {
         color: var(--bgl-blue-80);
@@ -2364,6 +2477,11 @@
         color: var(--bgl-pink-80);
     }
 
+    .m_txt-primary-90,
+    .m_txtprimary-90 {
+        color: var(--bgl-primary-90);
+    }
+
     .m_txt-blue-90,
     .m_txtblue-90 {
         color: var(--bgl-blue-90);
@@ -2419,6 +2537,11 @@
         color: var(--bgl-pink-90);
     }
 
+    .m_txt-primary-100,
+    .m_txtprimary-100 {
+        color: var(--bgl-primary-100);
+    }
+
     .m_txt-blue-100,
     .m_txtblue-100 {
         color: var(--bgl-blue-100);
@@ -2474,6 +2597,11 @@
         color: var(--bgl-pink-100);
     }
 
+    .m_txt-primary-110,
+    .m_txtprimary-110 {
+        color: var(--bgl-primary-110);
+    }
+
     .m_txt-blue-110,
     .m_txtblue-110 {
         color: var(--bgl-blue-110);
@@ -2529,6 +2657,11 @@
         color: var(--bgl-pink-110);
     }
 
+    .m_txt-primary-120,
+    .m_txtprimary-120 {
+        color: var(--bgl-primary-120);
+    }
+
     .m_txt-blue-120,
     .m_txtblue-120 {
         color: var(--bgl-blue-120);
@@ -2584,6 +2717,11 @@
         color: var(--bgl-pink-120);
     }
 
+    .m_txt-primary-130,
+    .m_txtprimary-130 {
+        color: var(--bgl-primary-130);
+    }
+
     .m_txt-blue-130,
     .m_txtblue-130 {
         color: var(--bgl-blue-130);

package/src/styles/theme.css

@@ -34,7 +34,7 @@
     --bgl-selection-bg: var(--bgl-blue-dark);
     --bgl-selection-color: var(--bgl-white);
     --bgl-scrollbar-thumb: var(--bgl-gray);
-    --bgl-scrollbar-size: 0.5rem;
+    --bgl-scrollbar-size: 0.8rem;
     --pill-btn-color: var(--bgl-white);
     --pill-btn-bg: var(--placeholder-color);
     --bgl-selected: var(--bgl-gray-light);
@@ -127,6 +127,7 @@
     --bgl-gray-10: #fafafa;
     --bgl-black-10: #f8f8f8;
     --bgl-pink-10: #fef7f9;
+    --bgl-primary-10: color-mix(in oklab, white 90%, var(--bgl-primary));
 }
 
 /* 20% tints */
@@ -142,6 +143,7 @@
     --bgl-gray-20: #f5f5f5;
     --bgl-black-20: #f0f0f0;
     --bgl-pink-20: #fceff2;
+    --bgl-primary-20: color-mix(in oklab, white 80%, var(--bgl-primary));
 }
 
 /* 30% tints */
@@ -157,6 +159,7 @@
     --bgl-gray-30: #ebebeb;
     --bgl-black-30: #e5e5e5;
     --bgl-pink-30: #f9e2e8;
+    --bgl-primary-30: color-mix(in oklab, white 70%, var(--bgl-primary));
 }
 
 /* 40% tints */
@@ -172,6 +175,7 @@
     --bgl-gray-40: #d8d8d8;
     --bgl-black-40: #d2d2d2;
     --bgl-pink-40: #f4c9d4;
+    --bgl-primary-40: color-mix(in oklab, white 60%, var(--bgl-primary));
 }
 
 /* 50% tints */
@@ -187,6 +191,7 @@
     --bgl-gray-50: #c4c4c4;
     --bgl-black-50: #b8b8b8;
     --bgl-pink-50: #eea4b6;
+    --bgl-primary-50: color-mix(in oklab, white 50%, var(--bgl-primary));
 }
 
 /* 60% tints */
@@ -202,6 +207,7 @@
     --bgl-gray-60: #cecece;
     --bgl-black-60: #9e9e9e;
     --bgl-pink-60: #e88399;
+    --bgl-primary-60: color-mix(in oklab, white 40%, var(--bgl-primary));
 }
 
 /* 70% tints */
@@ -217,6 +223,7 @@
     --bgl-gray-70: #c0c0c0;
     --bgl-black-70: #858585;
     --bgl-pink-70: #e2627c;
+    --bgl-primary-70: color-mix(in oklab, white 30%, var(--bgl-primary));
 }
 
 /* 80% tints */
@@ -232,6 +239,7 @@
     --bgl-gray-80: #e8ecef;
     --bgl-black-80: #6b6b6b;
     --bgl-pink-80: #dc415f;
+    --bgl-primary-80: color-mix(in oklab, white 20%, var(--bgl-primary));
 }
 
 /* 90% tints */
@@ -247,6 +255,7 @@
     --bgl-gray-90: #a4a4a4;
     --bgl-black-90: #525252;
     --bgl-pink-90: #d62042;
+    --bgl-primary-90: color-mix(in oklab, white 10%, var(--bgl-primary));
 }
 
 /* Base Colors */
@@ -262,6 +271,7 @@
     --bgl-gray-100: #b7b7b7;
     --bgl-black-100: #282929;
     --bgl-pink-100: #f1416c;
+    --bgl-primary-100: var(--bgl-primary);
 }
 
 /* 110% shades (darker than base) */
@@ -277,6 +287,8 @@
     --bgl-gray-110: #949494;
     --bgl-black-110: #1f2020;
     --bgl-pink-110: #bf2f55;
+    --bgl-primary-110: color-mix(in oklab, black 10%, var(--bgl-primary));
+
 }
 
 /* 120% shades */
@@ -292,6 +304,7 @@
     --bgl-gray-120: #808080;
     --bgl-black-120: #161717;
     --bgl-pink-120: #a81e3e;
+    --bgl-primary-120: color-mix(in oklab, black 20%, var(--bgl-primary));
 }
 
 /* 130% shades (darkest) */
@@ -307,6 +320,7 @@
     --bgl-gray-130: #6c6c6c;
     --bgl-black-130: #0d0e0e;
     --bgl-pink-130: #910d27;
+    --bgl-primary-130: color-mix(in oklab, black 30%, var(--bgl-primary));
 }
 
 .testMe * {

package/src/utils/useSearch.ts

@@ -116,7 +116,7 @@ function calculateRelevance(stringValue: string, searchTerms: string[]): number
 export interface SearchItemParams<T> {
 	searchTerm?: MaybeRefOrGetter<string>
 	items?: MaybeRefOrGetter<T[]>
-	keysToSearch?: (keyof T extends string ? keyof T : string)[] // Allow string paths and handle primitive types
+	keysToSearch?: string[] // Key paths to search within items
 	fieldWeights?: Record<string, number> // Use simple string keys for weights
 	minChars?: number // Minimum characters required to trigger search
 	serverSearch?: (query: string) => Promise<T[]> // Function to perform server-side search

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Bagel Studio
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.