@solidstarters/solid-core-ui 1.1.109 → 1.1.110

package/dist/resources/globals.css

@@ -1438,18 +1438,37 @@ li.header-li-px {
 .tab-error-heading .p-tabview-nav-link:focus {
   border-color: #ff5757 !important;
 }
-.tab-error-heading{
+
+.tab-error-heading {
   animation: shake 0.8s ease-in-out;
   border-bottom: 3px solid red;
   font-weight: bold;
 }
+
 @keyframes shake {
-  0% { transform: translateX(0); }
-  20% { transform: translateX(-5px); }
-  40% { transform: translateX(5px); }
-  60% { transform: translateX(-5px); }
-  80% { transform: translateX(5px); }
-  100% { transform: translateX(0); }
+  0% {
+    transform: translateX(0);
+  }
+
+  20% {
+    transform: translateX(-5px);
+  }
+
+  40% {
+    transform: translateX(5px);
+  }
+
+  60% {
+    transform: translateX(-5px);
+  }
+
+  80% {
+    transform: translateX(5px);
+  }
+
+  100% {
+    transform: translateX(0);
+  }
 }
 
 .field-selection-form {
@@ -1641,6 +1660,16 @@ li.header-li-px {
 
 }
 
+.kaban-swimlane-load-more {
+  display: flex;
+  justify-content: space-between;
+  overflow: visible;
+  height: 100%;
+  writing-mode: vertical-rl;
+  text-align: center;
+  justify-content: center;
+  cursor: pointer;
+}
 
 .kanban-arrow-icon-container {
   transform: rotate(90deg);
@@ -3052,6 +3081,10 @@ li.header-li-px {
   row-gap: 10px;
 }
 
+.kanban-card-container {
+  margin-top: 2rem;
+}
+
 .kanban-ungrouped-column .kanban-card-container {
   flex: 1 1 calc(20% - 20px);
   max-width: calc(20% - 20px);
@@ -3255,54 +3288,54 @@ flex-shrink: 0; */
   height: calc(100vh - 64px);
   overflow-y: auto;
 }
+
 .solid-custom-picklist {
-    border-radius: 0.5rem;
-    border: 1px solid var(--primary-light-color);
-    background: #FFF;
-    overflow: hidden;
-    position: relative;
+  border-radius: 0.5rem;
+  border: 1px solid var(--primary-light-color);
+  background: #FFF;
+  overflow: hidden;
+  position: relative;
 }
 
 .solid-picklist-header {
-    padding: 12px 16px;
-    font-size: 0.875rem;
-    font-weight: 600;
-    background: #F3FAFF;
+  padding: 12px 16px;
+  font-size: 0.875rem;
+  font-weight: 600;
+  background: #F3FAFF;
 }
 
 .solid-source-picklist-header {
-    border-right: 1px solid var(--primary-light-color);
+  border-right: 1px solid var(--primary-light-color);
 }
 
 .solid-picklist-item-wrapper {
-    height: 2.5rem;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    border-top: 1px solid var(--primary-light-color);
-    padding: 0 16px;
+  height: 2.5rem;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border-top: 1px solid var(--primary-light-color);
+  padding: 0 16px;
 }
 
 .solid-picklist-source-item {
-    border-right: 1px solid var(--primary-light-color);
+  border-right: 1px solid var(--primary-light-color);
 }
 
 .solid-picklist-item-content {
-    font-size: 0.875rem;
-    font-weight: 600;
+  font-size: 0.875rem;
+  font-weight: 600;
 }
 
 .solid-picklist-move-button {
-    position: absolute;
-    right: 47.5%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    height: 28px;
-    width: 28px !important;
-    padding: 0;
-}
-
-.solid-picklist-move-button.p-button-outlined{
-    background-color: #f5f5f5;
+  position: absolute;
+  right: 47.5%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  height: 28px;
+  width: 28px !important;
+  padding: 0;
 }
 
+.solid-picklist-move-button.p-button-outlined {
+  background-color: #f5f5f5;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidstarters/solid-core-ui",
-  "version": "1.1.109",
+  "version": "1.1.110",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc && tsc-alias",

package/src/resources/globals.css

@@ -1438,18 +1438,37 @@ li.header-li-px {
 .tab-error-heading .p-tabview-nav-link:focus {
   border-color: #ff5757 !important;
 }
-.tab-error-heading{
+
+.tab-error-heading {
   animation: shake 0.8s ease-in-out;
   border-bottom: 3px solid red;
   font-weight: bold;
 }
+
 @keyframes shake {
-  0% { transform: translateX(0); }
-  20% { transform: translateX(-5px); }
-  40% { transform: translateX(5px); }
-  60% { transform: translateX(-5px); }
-  80% { transform: translateX(5px); }
-  100% { transform: translateX(0); }
+  0% {
+    transform: translateX(0);
+  }
+
+  20% {
+    transform: translateX(-5px);
+  }
+
+  40% {
+    transform: translateX(5px);
+  }
+
+  60% {
+    transform: translateX(-5px);
+  }
+
+  80% {
+    transform: translateX(5px);
+  }
+
+  100% {
+    transform: translateX(0);
+  }
 }
 
 .field-selection-form {
@@ -1641,6 +1660,16 @@ li.header-li-px {
 
 }
 
+.kaban-swimlane-load-more {
+  display: flex;
+  justify-content: space-between;
+  overflow: visible;
+  height: 100%;
+  writing-mode: vertical-rl;
+  text-align: center;
+  justify-content: center;
+  cursor: pointer;
+}
 
 .kanban-arrow-icon-container {
   transform: rotate(90deg);
@@ -3052,6 +3081,10 @@ li.header-li-px {
   row-gap: 10px;
 }
 
+.kanban-card-container {
+  margin-top: 2rem;
+}
+
 .kanban-ungrouped-column .kanban-card-container {
   flex: 1 1 calc(20% - 20px);
   max-width: calc(20% - 20px);
@@ -3255,54 +3288,54 @@ flex-shrink: 0; */
   height: calc(100vh - 64px);
   overflow-y: auto;
 }
+
 .solid-custom-picklist {
-    border-radius: 0.5rem;
-    border: 1px solid var(--primary-light-color);
-    background: #FFF;
-    overflow: hidden;
-    position: relative;
+  border-radius: 0.5rem;
+  border: 1px solid var(--primary-light-color);
+  background: #FFF;
+  overflow: hidden;
+  position: relative;
 }
 
 .solid-picklist-header {
-    padding: 12px 16px;
-    font-size: 0.875rem;
-    font-weight: 600;
-    background: #F3FAFF;
+  padding: 12px 16px;
+  font-size: 0.875rem;
+  font-weight: 600;
+  background: #F3FAFF;
 }
 
 .solid-source-picklist-header {
-    border-right: 1px solid var(--primary-light-color);
+  border-right: 1px solid var(--primary-light-color);
 }
 
 .solid-picklist-item-wrapper {
-    height: 2.5rem;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    border-top: 1px solid var(--primary-light-color);
-    padding: 0 16px;
+  height: 2.5rem;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border-top: 1px solid var(--primary-light-color);
+  padding: 0 16px;
 }
 
 .solid-picklist-source-item {
-    border-right: 1px solid var(--primary-light-color);
+  border-right: 1px solid var(--primary-light-color);
 }
 
 .solid-picklist-item-content {
-    font-size: 0.875rem;
-    font-weight: 600;
+  font-size: 0.875rem;
+  font-weight: 600;
 }
 
 .solid-picklist-move-button {
-    position: absolute;
-    right: 47.5%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    height: 28px;
-    width: 28px !important;
-    padding: 0;
-}
-
-.solid-picklist-move-button.p-button-outlined{
-    background-color: #f5f5f5;
+  position: absolute;
+  right: 47.5%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  height: 28px;
+  width: 28px !important;
+  padding: 0;
 }
 
+.solid-picklist-move-button.p-button-outlined {
+  background-color: #f5f5f5;
+}