@yoobic/yobi 7.7.38 → 7.7.42

package/dist/cjs/yoo-form-image-tagging.cjs.entry.js

@@ -8,7 +8,7 @@ require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-a563c836.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-b353ad65.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-2b62a9fa.js');
 const formInputHelpers = require('./form-input-helpers-3a4341c2.js');
 const debounce = require('./debounce-fda84c7b.js');
 require('./isUndefined-8f9cfd10.js');

package/dist/cjs/yoo-form-missing-word.cjs.entry.js

@@ -8,7 +8,7 @@ require('./input-bar.interface-b96b7107.js');
 const boostHelpers = require('./boost-helpers-0fe0ab90.js');
 const formCreatorHelpers = require('./form-creator-helpers-886c1eaa.js');
 require('./ResizeObserver.es-a563c836.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-b353ad65.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-2b62a9fa.js');
 const formInputHelpers = require('./form-input-helpers-3a4341c2.js');
 require('./validate-f2c2f205.js');
 require('./get-91c14783.js');

package/dist/cjs/yoo-form-product-batch.cjs.entry.js

@@ -8,7 +8,7 @@ require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-a563c836.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
 const formInputHelpers = require('./form-input-helpers-3a4341c2.js');
-const operationHelpers = require('./operation-helpers-14994f09.js');
+const operationHelpers = require('./operation-helpers-fd31a44e.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./get-91c14783.js');

package/dist/cjs/yoo-form-ranking.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-a563c836.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-b353ad65.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-2b62a9fa.js');
 const formInputHelpers = require('./form-input-helpers-3a4341c2.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');

package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js

@@ -8,7 +8,7 @@ require('./input-bar.interface-b96b7107.js');
 const index$1 = require('./index-dccbc1a7.js');
 require('./ResizeObserver.es-a563c836.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-b353ad65.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-2b62a9fa.js');
 const formInputHelpers = require('./form-input-helpers-3a4341c2.js');
 const shuffle = require('./shuffle-8d86ba89.js');
 const inRange = require('./inRange-009d0389.js');

package/dist/cjs/yoo-form-todo-single.cjs.entry.js

@@ -8,7 +8,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 const entitiesHelpers = require('./entities-helpers-f08c39e2.js');
 require('./ResizeObserver.es-a563c836.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
-const operationHelpers = require('./operation-helpers-14994f09.js');
+const operationHelpers = require('./operation-helpers-fd31a44e.js');
 const pick = require('./pick-fc797980.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 require('./pipe-9c0f36df.js');

package/dist/cjs/yoo-mission-heading_3.cjs.entry.js

@@ -8,7 +8,7 @@ require('./input-bar.interface-b96b7107.js');
 const pipe = require('./pipe-9c0f36df.js');
 require('./ResizeObserver.es-a563c836.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
-const operationHelpers = require('./operation-helpers-14994f09.js');
+const operationHelpers = require('./operation-helpers-fd31a44e.js');
 const entitiesHelpers = require('./entities-helpers-f08c39e2.js');
 const _baseFlatten = require('./_baseFlatten-4570005c.js');
 const flatten = require('./flatten-89de0e61.js');

package/dist/cjs/yoo-mission-results.cjs.entry.js

@@ -9,7 +9,7 @@ const pipe = require('./pipe-9c0f36df.js');
 require('./ResizeObserver.es-a563c836.js');
 const commonHelpers = require('./common-helpers-312e97a3.js');
 const geolocationHelpers = require('./geolocation-helpers-0f3560f5.js');
-const operationHelpers = require('./operation-helpers-14994f09.js');
+const operationHelpers = require('./operation-helpers-fd31a44e.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-mission-todo.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-a563c836.js');
-const operationHelpers = require('./operation-helpers-14994f09.js');
+const operationHelpers = require('./operation-helpers-fd31a44e.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./pipe-9c0f36df.js');

package/dist/collection/components/1.atoms/loader/loader.css

@@ -876,10 +876,18 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   stroke: var(--stable-light, #f1f1f1);
 }
 
+:host([color=stable-light-to-light-10]) circle {
+  stroke: var(--stable-light-to-light-10, #f1f1f1);
+}
+
 :host([color=stable-ultralight]) circle {
   stroke: var(--stable-ultralight, #fafafa);
 }
 
+:host([color=stable-ultralight-to-light-10]) circle {
+  stroke: var(--stable-ultralight-to-light-10, #fafafa);
+}
+
 :host([color=success]) circle {
   stroke: var(--success, #3aa76d);
 }
@@ -892,6 +900,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   stroke: var(--warning, #ff6402);
 }
 
+:host([color=dark-to-light]) circle {
+  stroke: var(--dark-to-light, #000000);
+}
+
 :host {
   display: flex;
   flex-direction: column;

package/dist/collection/components/form/form-connect/form-connect.css

@@ -1121,6 +1121,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 
 :host {
   display: block;
+  width: 100%;
+  max-width: 24rem;
+  margin: 0 auto;
 }
 :host p {
   display: flex;
@@ -1133,6 +1136,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   font-size: var(--font-size-14, 0.875rem);
   text-align: center;
 }
+:host yoo-banner {
+  height: 0;
+}
 :host yoo-icon {
   position: absolute;
   top: var(--spacing-08, 0.5rem);
@@ -1143,36 +1149,48 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host yoo-img {
   border-radius: inherit;
 }
-:host .draggable-container,
-:host .connectable-container {
+:host .inner-container,
+:host .draggables,
+:host .connectables {
   display: grid;
-  grid-auto-rows: 1fr;
-  grid-auto-columns: minmax(0, 1fr);
+  grid-gap: var(--spacing-08, 0.5rem);
 }
-:host .connect-container {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+:host .draggables,
+:host .connectables {
+  height: max-content;
+  padding: var(--spacing-08, 0.5rem) 0;
 }
-:host .connect-container::-webkit-scrollbar {
-  width: 0;
+:host .inner-container {
+  grid-template-rows: repeat(auto-fit, 75%);
+  grid-template-columns: 1fr 1fr;
+  padding: 0 var(--spacing-08, 0.5rem);
+  overflow: hidden auto;
+  background-color: var(--stable-alt-20, rgba(208, 208, 208, 0.2));
+  border-radius: var(--border-radius-04, 0.25rem);
+  transition: height 500ms linear;
+  /* Track */
+  /* Handle */
 }
-:host .item-container {
-  display: flex;
-  color: var(--dark-to-light, #000000);
+:host .inner-container::-webkit-scrollbar {
+  width: var(--spacing-08, 0.5rem);
 }
-:host .connectable-container .item-container {
-  justify-content: flex-start;
+:host .inner-container::-webkit-scrollbar-track {
+  border-radius: var(--border-radius-04, 0.25rem);
+  box-shadow: inset 0 0 5px var(--stable, #adadad);
 }
-:host .draggable-container .item-container {
-  justify-content: flex-end;
+:host .inner-container::-webkit-scrollbar-thumb {
+  background: var(--app-color);
+  border-radius: var(--border-radius-04, 0.25rem);
 }
 :host .connectable,
 :host .draggable {
   position: relative;
   width: 100%;
-  max-width: 13rem;
+  max-width: 12rem;
+  height: 100%;
   background-color: var(--light-to-dark, #ffffff);
   border-radius: var(--border-radius-08, 0.5rem);
+  box-shadow: var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));
 }
 :host .connectable:before,
 :host .draggable:before {
@@ -1203,20 +1221,4 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   background-color: inherit;
   border-radius: inherit;
   opacity: 0.6;
-}
-
-:host([readonly]) .connect-container,
-:host([readonly]) .draggable-container,
-:host([readonly]) .connectable-container {
-  grid-gap: var(--spacing-16, 1rem);
-}
-
-:host(:not([readonly])) .connect-container,
-:host(:not([readonly])) .draggable-container,
-:host(:not([readonly])) .connectable-container {
-  grid-gap: 0.0625rem;
-}
-:host(:not([readonly])) .item-container {
-  padding: var(--spacing-08, 0.5rem);
-  background: var(--stable-light-40-to-stable-light-10, rgba(241, 241, 241, 0.4));
 }