@yoobic/yobi 7.7.41 → 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-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/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));
 }