@ag2/weave 0.11.0 → 0.13.0

package/dist/style.css

@@ -4122,18 +4122,21 @@ button._7lp3ua0 {
 }
 ._7lp3uac {
   outline-color: var(--_19in3xh47);
-}._4j0z2c0 {
+}.gde17n0 {
   position: relative;
   isolation: isolate;
+  overflow: hidden;
 }
-._4j0z2c1 {
+.gde17n1 {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
-  color: var(--_19in3xh21);
   pointer-events: none;
+  filter: blur(34px) saturate(1.25);
+  color: var(--_19in3xh1x);
+  opacity: 0.85;
 }.wf38060 {
   min-height: 100%;
   background-color: var(--_19in3xh1x);
@@ -4141,6 +4144,18 @@ button._7lp3ua0 {
 }
 .wf38061 {
   padding: var(--_1s7qa7e1u);
+}._4j0z2c0 {
+  position: relative;
+  isolation: isolate;
+}
+._4j0z2c1 {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  color: var(--_19in3xh21);
+  pointer-events: none;
 }._18hg0vg0 {
   background-color: var(--_1s7qa7e3j);
 }
@@ -5275,17 +5290,24 @@ button._18hg0vg7:active {
   color: var(--_19in3xh59);
 }
 .e7d7gk2[data-selected=true] {
-  --e7d7gk1: var(--_19in3xh2w);
+  --e7d7gk1: var(--_19in3xh1y);
   width: auto;
   padding: 0 var(--_1s7qa7e1t) 0;
   padding-right: 0.875rem;
-  color: var(--_19in3xh30);
+  color: var(--_19in3xh59);
 }
-.e7d7gk2[data-selected=true]:hover, .e7d7gk2[data-selected=true]:focus-visible {
-  --e7d7gk1: var(--_19in3xh2x);
+.e7d7gk2[data-selected=true]:hover, .e7d7gk2[data-selected=true]:focus-visible, .e7d7gk2[data-selected=true]:active {
+  --e7d7gk1: var(--_19in3xh1z);
+}
+._16pmreq0 .e7d7gk2[data-selected=true] {
+  --e7d7gk1: var(--_19in3xh1z);
 }
-.e7d7gk2[data-selected=true]:active {
-  --e7d7gk1: var(--_19in3xh2y);
+._16pmreq0 .e7d7gk2[data-selected=true]:hover, ._16pmreq0 .e7d7gk2[data-selected=true]:focus-visible, ._16pmreq0 .e7d7gk2[data-selected=true]:active {
+  --e7d7gk1: var(--_19in3xh24);
+}
+.e7d7gk2[data-selected=true][data-icon-only=true] {
+  width: 2rem;
+  padding: 0;
 }
 .e7d7gk2[data-selected=true][data-count-pill=true] {
   padding-right: 0.375rem;
@@ -5312,7 +5334,7 @@ button._18hg0vg7:active {
   color: var(--_19in3xh5c);
 }
 .e7d7gk2[data-selected=true] .e7d7gk5 {
-  color: color-mix(in srgb, var(--_19in3xh30) 64%, transparent);
+  color: color-mix(in srgb, var(--_19in3xh59) 64%, transparent);
 }
 .e7d7gk6 {
   letter-spacing: 0;
@@ -5326,8 +5348,8 @@ button._18hg0vg7:active {
   height: 1.125rem;
   padding: 0 0.375rem;
   border-radius: var(--_1s7qa7e24);
-  background-color: color-mix(in srgb, var(--_19in3xh30) 18%, transparent);
-  color: var(--_19in3xh30);
+  background-color: var(--_19in3xh22);
+  color: var(--_19in3xh59);
 }
 .e7d7gk8 {
   white-space: nowrap;
@@ -5956,4 +5978,205 @@ button._18hg0vg7:active {
 .nw5g323 {
   flex: 1 1 0;
   min-width: 0;
+}@keyframes _1wyqgiig {
+  0%, 100% {
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(--_19in3xh3o) 45%, transparent);
+  }
+  50% {
+    box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--_19in3xh3o) 0%, transparent);
+  }
+}
+._1wyqgii0 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--_1s7qa7e1r);
+  padding: 0.625rem var(--_1s7qa7e1t) 0.625rem var(--_1s7qa7e1w);
+  border-radius: var(--_1s7qa7e20);
+  color: var(--_19in3xh59);
+}
+._1wyqgii0:hover, ._1wyqgii0:focus-within {
+  background-color: var(--_19in3xh1y);
+}
+._1wyqgii0[data-selected=true] {
+  background-color: var(--_19in3xh1z);
+}
+._1wyqgii1 {
+  position: absolute;
+  left: 0;
+  top: 0.625rem;
+  width: 0.125rem;
+  height: 1.25rem;
+  border-radius: 0.0625rem;
+  background-color: var(--_19in3xh59);
+}
+._1wyqgii2 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--_1s7qa7e1r);
+  width: 100%;
+  padding: 0;
+  border: none;
+  border-radius: var(--_1s7qa7e1z);
+  background: none;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+._1wyqgii3 {
+  display: flex;
+  align-items: center;
+  gap: var(--_1s7qa7e1s);
+  min-width: 0;
+}
+._1wyqgii4 {
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  overflow: hidden;
+  border-radius: var(--_1s7qa7e24);
+}
+._1wyqgii5 {
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+._1wyqgii6 {
+  flex: 1 1 0;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--_19in3xh5a);
+}
+._1wyqgii7 {
+  flex-shrink: 0;
+  color: var(--_19in3xh5c);
+  white-space: nowrap;
+}
+._1wyqgii8 {
+  width: 0.5rem;
+  height: 0.5rem;
+  flex-shrink: 0;
+  border-radius: var(--_1s7qa7e24);
+  background-color: var(--_19in3xh2m);
+}
+._1wyqgii9 {
+  padding-left: 1.75rem;
+}
+._1wyqgiia {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+._1wyqgii0[data-read=true] ._1wyqgiia {
+  color: var(--_19in3xh5a);
+}
+._1wyqgiib {
+  align-self: flex-start;
+  display: inline-flex;
+  gap: 0.375rem;
+  padding: 0 0 0 1.75rem;
+  border: none;
+  background: none;
+  color: var(--_19in3xh5a);
+  cursor: pointer;
+}
+._1wyqgiib:hover {
+  text-decoration: underline;
+}
+._1wyqgiic {
+  color: var(--_19in3xh2m);
+}
+._1wyqgiid {
+  display: flex;
+}
+._1wyqgiie {
+  display: none;
+  align-items: center;
+  gap: 0.375rem;
+  padding-top: 0.375rem;
+}
+._1wyqgii0:hover ._1wyqgiie, ._1wyqgii0:focus-within ._1wyqgiie, ._1wyqgiie[data-pinned=true] {
+  display: flex;
+}
+._1wyqgiif {
+  position: absolute;
+  left: 0.5625rem;
+  top: 1.0625rem;
+  width: 0.375rem;
+  height: 0.375rem;
+  border-radius: var(--_1s7qa7e24);
+  background-color: var(--_19in3xh3o);
+}
+._1wyqgiih {
+  animation: _1wyqgiig 2.4s ease-in-out infinite;
+}
+._1wyqgiii {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.375rem;
+  min-width: 2rem;
+  height: 2rem;
+  padding: 0 0.375rem;
+  border-radius: var(--_1s7qa7e20);
+  border: none;
+  background: none;
+  color: var(--_19in3xh59);
+  cursor: pointer;
+}
+._1wyqgiii:hover {
+  background-color: var(--_19in3xh1z);
+}
+._1wyqgiii[data-labelled=true] {
+  padding-left: 0.625rem;
+  padding-right: var(--_1s7qa7e1t);
+  border: var(--_1s7qa7e26) solid var(--_19in3xh5e);
+  background-color: var(--_19in3xh22);
+}
+._1wyqgiii[data-primary=true] {
+  border: 0.125rem solid var(--_19in3xh3o);
+  background-color: var(--_19in3xh2w);
+  color: var(--_19in3xh30);
+}
+._1wyqgiii[data-primary=true]:hover {
+  background-color: var(--_19in3xh2x);
+}
+@media (hover: none) {
+  ._1wyqgiie {
+    display: flex;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._1wyqgiih {
+    animation: none;
+  }
+}._1yfy4k20 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  padding: var(--_1s7qa7e1t) var(--_1s7qa7e1s) var(--_1s7qa7e1t) var(--_1s7qa7e1u);
+  background-color: var(--_19in3xh22);
+  border-bottom: var(--_1s7qa7e26) solid var(--_19in3xh5e);
+}
+._1yfy4k21 {
+  display: flex;
+  align-items: center;
+  gap: var(--_1s7qa7e1r);
+}
+._1yfy4k22 {
+  flex: 1 1 0;
+  min-width: 0;
+}
+._1yfy4k23 {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--_1s7qa7e1s);
+  padding-right: var(--_1s7qa7e1s);
+}
+._1yfy4k24 {
+  flex: 1 1 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ag2/weave",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "author": "Ajay Bura (ajbura)",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -28,7 +28,8 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test-storybook": "test-storybook",
-    "check:component-boundary": "node scripts/check-component-boundary.mjs"
+    "check:component-boundary": "node scripts/check-component-boundary.mjs",
+    "test:orb-background": "node scripts/orb-background.smoke.mjs"
   },
   "lint-staged": {
     "*.{ts,tsx,js,jsx}": "eslint",