sm-click-library-ui 0.0.378 → 0.0.379

package/dist/tailwind.css

@@ -555,24 +555,45 @@ video {
 .inset-0 {
   inset: 0px;
 }
+.-bottom-1 {
+  bottom: -0.25rem;
+}
 .-bottom-2 {
   bottom: -0.5rem;
 }
+.-left-2 {
+  left: -0.5rem;
+}
+.-right-1 {
+  right: -0.25rem;
+}
 .-right-2 {
   right: -0.5rem;
 }
 .bottom-2 {
   bottom: 0.5rem;
 }
+.bottom-\[-10px\] {
+  bottom: -10px;
+}
+.bottom-\[-11px\] {
+  bottom: -11px;
+}
 .left-0 {
   left: 0px;
 }
 .left-2 {
   left: 0.5rem;
 }
+.left-\[28px\] {
+  left: 28px;
+}
 .right-2 {
   right: 0.5rem;
 }
+.right-\[26px\] {
+  right: 26px;
+}
 .top-0 {
   top: 0px;
 }
@@ -608,6 +629,9 @@ video {
 .mb-3 {
   margin-bottom: 0.75rem;
 }
+.ml-5 {
+  margin-left: 1.25rem;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -632,6 +656,9 @@ video {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
+.block {
+  display: block;
+}
 .inline-block {
   display: inline-block;
 }
@@ -657,6 +684,10 @@ video {
   width: 3rem;
   height: 3rem;
 }
+.size-3 {
+  width: 0.75rem;
+  height: 0.75rem;
+}
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -669,12 +700,19 @@ video {
   width: 1.5rem;
   height: 1.5rem;
 }
+.size-full {
+  width: 100%;
+  height: 100%;
+}
 .h-10 {
   height: 2.5rem;
 }
 .h-12 {
   height: 3rem;
 }
+.h-20 {
+  height: 5rem;
+}
 .h-3 {
   height: 0.75rem;
 }
@@ -711,6 +749,12 @@ video {
 .w-12 {
   width: 3rem;
 }
+.w-20 {
+  width: 5rem;
+}
+.w-24 {
+  width: 6rem;
+}
 .w-3 {
   width: 0.75rem;
 }
@@ -723,6 +767,12 @@ video {
 .w-6 {
   width: 1.5rem;
 }
+.w-7 {
+  width: 1.75rem;
+}
+.w-8 {
+  width: 2rem;
+}
 .w-\[40\%\] {
   width: 40%;
 }
@@ -732,6 +782,9 @@ video {
 .w-screen {
   width: 100vw;
 }
+.min-w-\[220px\] {
+  min-width: 220px;
+}
 .min-w-\[50px\] {
   min-width: 50px;
 }
@@ -805,6 +858,9 @@ video {
 .justify-start {
   justify-content: flex-start;
 }
+.justify-end {
+  justify-content: flex-end;
+}
 .justify-center {
   justify-content: center;
 }
@@ -831,6 +887,11 @@ video {
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -933,6 +994,10 @@ video {
 .border-t-transparent {
   border-top-color: transparent;
 }
+.bg-\[\#0FB2D6\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 178 214 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#404857\] {
   --tw-bg-opacity: 1;
   background-color: rgb(64 72 87 / var(--tw-bg-opacity, 1));
@@ -966,6 +1031,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
 }
+.bg-emerald-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
+}
 .bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
@@ -997,6 +1066,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
 }
+.fill-current {
+  fill: currentColor;
+}
 .fill-gray-600 {
   fill: #4b5563;
 }
@@ -1018,10 +1090,17 @@ video {
 .p-4 {
   padding: 1rem;
 }
+.p-\[4px\] {
+  padding: 4px;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1045,6 +1124,15 @@ video {
 .pl-2 {
   padding-left: 0.5rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
+.pr-2 {
+  padding-right: 0.5rem;
+}
+.pr-\[21px\] {
+  padding-right: 21px;
+}
 .text-left {
   text-align: left;
 }
@@ -1110,6 +1198,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity, 1));
 }
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
+}
 .text-gray-800 {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
@@ -1284,6 +1376,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(38 52 61 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-gray-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
@@ -1292,10 +1388,22 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-teal-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
 }
+.hover\:text-emerald-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
+}
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .focus\:ring-0:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1322,10 +1430,22 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
 }
+.dark\:text-black:is([data-mode="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .dark\:text-gray-500:is([data-mode="dark"] *) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.dark\:text-gray-600:is([data-mode="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
+.dark\:text-gray-700:is([data-mode="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
 .dark\:shadow-gray-400:is([data-mode="dark"] *) {
   --tw-shadow-color: #9ca3af;
   --tw-shadow: var(--tw-shadow-colored);
@@ -1338,6 +1458,10 @@ video {
   --tw-shadow-color: #374151;
   --tw-shadow: var(--tw-shadow-colored);
 }
+.dark\:hover\:bg-gray-300:hover:is([data-mode="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
 @media (min-width: 640px) {
 
   .sm\:p-0 {
@@ -1362,6 +1486,11 @@ video {
 }
 @media (min-width: 1512px) {
 
+  .xl\:size-\[50px\] {
+    width: 50px;
+    height: 50px;
+  }
+
   .xl\:w-1\/3 {
     width: 33.333333%;
   }

package/package.json

@@ -5,7 +5,7 @@
     "dist",
     "src/test-utils"
   ],
-  "version": "0.0.378",
+  "version": "0.0.379",
   "main": "dist/sm-click-library-ui.es.js",
   "module": "dist/sm-click-library-ui.umd.js",
   "private": false,
@@ -35,7 +35,8 @@
     "vue3-avataaars": "^1.0.15",
     "vue3-carousel": "^0.16.0",
     "vue3-lottie": "^3.3.1",
-    "vue3-popper": "^1.5.0"
+    "vue3-popper": "^1.5.0",
+    "wavesurfer.js": "^7.10.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "1.6.1",