@websolutespa/bom-llm 0.0.42 → 0.0.44

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @websolutespa/bom-llm
 
+## 0.0.44
+
+### Patch Changes
+
+- Modified: suggestions a11y
+
+## 0.0.43
+
+### Patch Changes
+
+- Modified: theme
+
 ## 0.0.42
 
 ### Patch Changes

package/dist/umd/index.css

@@ -710,7 +710,7 @@ llm-embed {
   border-radius: 40px;
   background: var(--llm-trigger-cta-background);
   color: var(--llm-trigger-cta-foreground);
-  font-weight: 800;
+  font-weight: var(--llm-typography-cta1-font-weight);
   font-size: inherit;
 }
 .llm .llm__trigger-blob {
@@ -1464,30 +1464,43 @@ llm-embed {
   max-width: calc(100% + var(--margin) * 2);
   margin: 0 var(--negative-margin);
   padding: 4px var(--margin);
-  overflow-x: auto;
-  overflow-y: hidden;
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  /* Hide scrollbar for IE, Edge and Firefox */
-}
-.llm .llm__prompt-suggestions .llm__suggestions::-webkit-scrollbar {
-  display: none;
+  flex-wrap: wrap;
+  /* if device has a touch screen */
+  /* if device has no touch screen */
+  /*
+  @media (any-pointer: fine) {
+  }
+  */
 }
-.llm .llm__prompt-suggestions .llm__suggestions {
-  -ms-overflow-style: none;
-  /* IE and Edge */
-  scrollbar-width: none;
-  /* Firefox */
+@media (any-pointer: coarse) {
+  .llm .llm__prompt-suggestions .llm__suggestions {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    overflow-y: hidden;
+    /* Hide scrollbar for Chrome, Safari and Opera */
+    /* Hide scrollbar for IE, Edge and Firefox */
+  }
+  .llm .llm__prompt-suggestions .llm__suggestions::-webkit-scrollbar {
+    display: none;
+  }
+  .llm .llm__prompt-suggestions .llm__suggestions {
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
+  }
+  .llm .llm__prompt-suggestions .llm__suggestions .llm__pill {
+    white-space: nowrap;
+  }
 }
 .llm .llm__prompt-suggestions .llm__suggestions .llm__pill {
-  white-space: nowrap;
+  box-shadow: var(--llm-shadow-xs);
 }
 @media (min-width: 1024px) {
   .llm .llm__prompt-suggestions .llm__suggestions {
     max-width: calc(100% + 8px);
     margin: 0 -4px;
     padding: 4px;
-    flex-wrap: wrap;
-    overflow: hidden;
   }
 }
 .llm .llm__prompt-suggestions .swiper {
@@ -2896,6 +2909,7 @@ llm-embed {
   border-radius: 5px;
   overflow: hidden;
   height: 100%;
+  color: var(--llm-event-foreground);
 }
 .llm .llm__event-inner:before {
   content: "";
@@ -2905,7 +2919,7 @@ llm-embed {
   width: 100%;
   height: 100%;
   opacity: 0.7;
-  background: var(--llm-color-base-100);
+  background: var(--llm-event-background);
 }
 @media (min-width: 1440px) {
   .llm .llm__event-inner {
@@ -3305,7 +3319,7 @@ llm-embed {
   gap: var(--llm-size-1, 0.5rem);
 }
 .llm .llm__poi-tag svg {
-  color: currentColor;
+  color: var(--llm-color-accent-foreground);
   width: 20px;
   height: 20px;
 }
@@ -3375,13 +3389,13 @@ llm-embed {
 .llm .llm__pois {
   padding-top: var(--llm-size-4, 2rem);
   padding-bottom: var(--llm-size-4, 2rem);
-  border-top: 1px solid rgba(237, 237, 237, 0.3);
-  border-bottom: 1px solid rgba(237, 237, 237, 0.3);
+  border-top: var(--llm-border);
+  border-bottom: var(--llm-border);
 }
 .llm .llm__pois .llm__poi + .llm__poi {
   margin-top: var(--llm-size-4, 2rem);
   padding-top: var(--llm-size-4, 2rem);
-  border-top: 1px solid rgba(237, 237, 237, 0.3);
+  border-top: var(--llm-border);
 }
 
 .llm .llm__thread {
@@ -3391,6 +3405,7 @@ llm-embed {
   row-gap: var(--llm-size-15, 7.5rem);
 }
 .llm .llm__message {
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: var(--llm-size-4, 2rem);
@@ -3689,9 +3704,9 @@ llm-embed {
   display: block;
   width: 40px;
   height: 30px;
-  left: 10px;
+  left: 0;
   bottom: -50px;
-  margin: 0 var(--margin);
+  margin: 0;
   user-select: none;
   pointer-events: none;
   transition: none;

package/dist/umd/index.js

@@ -17948,6 +17948,7 @@
 	    "100": "#ffffff",
 	    "200": "#e8e8e8",
 	    "300": "#bdbdbd",
+	    "400": "#909090",
 	    "500": "#7c7c7c",
 	    "600": "#525252",
 	    "700": "#3d3d3d",
@@ -18076,6 +18077,10 @@
 	  accent: "var(--llm-color-foreground)",
 	  border: "1px solid rgba(237, 237, 237, 0.3)"
 	};
+	var event = {
+	  background: "var(--llm-color-base-100)",
+	  foreground: "var(--llm-color-foreground)"
+	};
 	var card = {
 	  background: "var(--llm-color-neutral-100)",
 	  foreground: "var(--llm-color-neutral-900)",
@@ -18124,6 +18129,7 @@
 	  user: user,
 	  assistant: assistant,
 	  markdown: markdown,
+	  event: event,
 	  card: card,
 	  cardVideo: cardVideo,
 	  product: product,