@learnpack/learnpack 5.0.69 → 5.0.70

package/src/creatorDist/assets/{index-C_Rp91QE.css → index-Dqo9u2iR.css}

@@ -42,6 +42,8 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-duration: initial;
+      --tw-ease: initial;
     }
   }
 }
@@ -95,6 +97,7 @@
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 0.15s;
@@ -364,6 +367,9 @@
   .absolute {
     position: absolute;
   }
+  .fixed {
+    position: fixed;
+  }
   .relative {
     position: relative;
   }
@@ -373,6 +379,12 @@
   .-top-3 {
     top: calc(var(--spacing) * -3);
   }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -388,21 +400,27 @@
   .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
-  .bottom-4 {
-    bottom: calc(var(--spacing) * 4);
-  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
     left: 50%;
   }
+  .left-2 {
+    left: calc(var(--spacing) * 2);
+  }
   .z-10 {
     z-index: 10;
   }
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
+  .z-50 {
+    z-index: 50;
+  }
   .container {
     width: 100%;
   }
@@ -500,6 +518,12 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-\[70\%\] {
+    height: 70%;
+  }
   .h-full {
     height: 100%;
   }
@@ -515,23 +539,20 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .w-1\/3 {
-    width: 33.3333%;
-  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
-  .w-2\/3 {
-    width: 66.6667%;
-  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
+  .w-4\/5 {
+    width: 80%;
+  }
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
-  .w-\[90\%\] {
-    width: 90%;
+  .w-20 {
+    width: calc(var(--spacing) * 20);
   }
   .w-full {
     width: 100%;
@@ -555,6 +576,14 @@
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-full {
+    --tw-translate-x: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .transform {
     transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
       var(--tw-skew-x) var(--tw-skew-y);
@@ -571,9 +600,6 @@
   .resize {
     resize: both;
   }
-  .resize-none {
-    resize: none;
-  }
   .flex-col {
     flex-direction: column;
   }
@@ -743,6 +769,9 @@
       var(--tw-gradient-to) var(--tw-gradient-to-position)
     );
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -773,8 +802,11 @@
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
-  .pb-16 {
-    padding-bottom: calc(var(--spacing) * 16);
+  .pb-5 {
+    padding-bottom: calc(var(--spacing) * 5);
+  }
+  .pb-32 {
+    padding-bottom: calc(var(--spacing) * 32);
   }
   .text-center {
     text-align: center;
@@ -891,6 +923,22 @@
     );
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(
+      --tw-ease,
+      var(--default-transition-timing-function)
+    );
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .duration-300 {
+    --tw-duration: 0.3s;
+    transition-duration: 0.3s;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
   @media (hover: hover) {
     .hover\:bg-blue-50:hover {
       background-color: var(--color-blue-50);
@@ -926,6 +974,29 @@
   .disabled\:opacity-40:disabled {
     opacity: 0.4;
   }
+  @media (min-width: 48rem) {
+    .md\:flex-row {
+      flex-direction: row;
+    }
+  }
+  @media (min-width: 64rem) {
+    .lg\:relative {
+      position: relative;
+    }
+    .lg\:hidden {
+      display: none;
+    }
+    .lg\:w-1\/3 {
+      width: 33.3333%;
+    }
+    .lg\:translate-x-0 {
+      --tw-translate-x: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    .lg\:transform-none {
+      transform: none;
+    }
+  }
 }
 :root {
   color-scheme: light dark;
@@ -993,13 +1064,14 @@ h1 {
   display: flex;
 }
 @keyframes spin {
+  0% {
+    transform: rotate(0);
+  }
   to {
     transform: rotate(360deg);
   }
 }
 .loader-icon {
-  border: 2px solid var(--loader-color);
-  border-top-color: #0000;
   justify-content: center;
   align-items: center;
   width: 40px;
@@ -1007,19 +1079,6 @@ h1 {
   display: flex;
   position: relative;
 }
-.loader-icon:after {
-  content: "";
-  border: 2px solid var(--gray-text);
-  border-top: 2px solid var(--learnpack-blue);
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
-  animation: 2s linear infinite spin;
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
 @keyframes glowing {
   0% {
     opacity: 0.6;
@@ -1202,6 +1261,14 @@ h1 {
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @keyframes ping {
   75%,
   to {

package/src/creatorDist/index.html

@@ -10,8 +10,8 @@
     />
 
     <title>Learnpack Creator: Craft tutorials in seconds!</title>
-    <script type="module" crossorigin src="/creator/assets/index-C7bLE5wU.js"></script>
-    <link rel="stylesheet" crossorigin href="/creator/assets/index-C_Rp91QE.css">
+    <script type="module" crossorigin src="/creator/assets/index-Chx6V3zd.js"></script>
+    <link rel="stylesheet" crossorigin href="/creator/assets/index-Dqo9u2iR.css">
   </head>
   <body>
     <div id="root"></div>