@juo/orion-extensions 0.11.1 → 0.13.0

package/dist/style.css

@@ -717,6 +717,9 @@ video {
 .left-2 {
   left: 8px;
 }
+.left-\[-18px\] {
+  left: -18px;
+}
 .left-full {
   left: 100%;
 }
@@ -963,24 +966,24 @@ video {
 .h-\[100px\] {
   height: 100px;
 }
+.h-\[106px\] {
+  height: 106px;
+}
+.h-\[120px\] {
+  height: 120px;
+}
+.h-\[12px\] {
+  height: 12px;
+}
 .h-\[14px\] {
   height: 14px;
 }
-.h-\[150px\] {
-  height: 150px;
+.h-\[160px\] {
+  height: 160px;
 }
 .h-\[16px\] {
   height: 16px;
 }
-.h-\[18px\] {
-  height: 18px;
-}
-.h-\[190px\] {
-  height: 190px;
-}
-.h-\[200px\] {
-  height: 200px;
-}
 .h-\[20px\] {
   height: 20px;
 }
@@ -1005,9 +1008,15 @@ video {
 .h-\[40px\] {
   height: 40px;
 }
+.h-\[48px\] {
+  height: 48px;
+}
 .h-\[52px\] {
   height: 52px;
 }
+.h-\[72px\] {
+  height: 72px;
+}
 .h-\[7px\] {
   height: 7px;
 }
@@ -1107,17 +1116,20 @@ video {
 .w-9 {
   width: 36px;
 }
-.w-\[14px\] {
-  width: 14px;
+.w-\[106px\] {
+  width: 106px;
+}
+.w-\[120px\] {
+  width: 120px;
 }
-.w-\[150px\] {
-  width: 150px;
+.w-\[12px\] {
+  width: 12px;
 }
-.w-\[18px\] {
-  width: 18px;
+.w-\[14px\] {
+  width: 14px;
 }
-.w-\[190px\] {
-  width: 190px;
+.w-\[160px\] {
+  width: 160px;
 }
 .w-\[200px\] {
   width: 200px;
@@ -1140,8 +1152,17 @@ video {
 .w-\[36px\] {
   width: 36px;
 }
-.w-\[404px\] {
-  width: 404px;
+.w-\[48px\] {
+  width: 48px;
+}
+.w-\[512px\] {
+  width: 512px;
+}
+.w-\[640px\] {
+  width: 640px;
+}
+.w-\[72px\] {
+  width: 72px;
 }
 .w-\[7px\] {
   width: 7px;
@@ -1161,6 +1182,9 @@ video {
 .w-\[var\(--text-xs\)\] {
   width: var(--text-xs);
 }
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1195,21 +1219,21 @@ video {
 .min-w-\[63\.6px\] {
   min-width: 63.6px;
 }
+.min-w-\[72px\] {
+  min-width: 72px;
+}
+.min-w-\[96px\] {
+  min-width: 96px;
+}
 .min-w-\[calc\(var\(--reka-select-trigger-width\)_-_15px\)\] {
   min-width: calc(var(--reka-select-trigger-width) - 15px);
 }
 .max-w-\[300px\] {
   max-width: 300px;
 }
-.max-w-\[400px\] {
-  max-width: 400px;
-}
 .max-w-\[440px\] {
   max-width: 440px;
 }
-.max-w-\[500px\] {
-  max-width: 500px;
-}
 .max-w-\[90\%\] {
   max-width: 90%;
 }
@@ -1219,12 +1243,6 @@ video {
 .max-w-full {
   max-width: 100%;
 }
-.max-w-lg {
-  max-width: 512px;
-}
-.max-w-xl {
-  max-width: 576px;
-}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1445,9 +1463,6 @@ video {
 .self-end {
   align-self: flex-end;
 }
-.self-stretch {
-  align-self: stretch;
-}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -2065,11 +2080,8 @@ video {
 .pl-\[3px\] {
   padding-left: 3px;
 }
-.pl-lg {
-  padding-left: var(--padding-lg);
-}
-.pl-xl {
-  padding-left: var(--padding-xl);
+.pl-md {
+  padding-left: var(--padding-md);
 }
 .pr-10 {
   padding-right: 40px;
@@ -2092,6 +2104,9 @@ video {
 .pr-lg {
   padding-right: var(--padding-lg);
 }
+.pr-md {
+  padding-right: var(--padding-md);
+}
 .pt-2 {
   padding-top: 8px;
 }
@@ -2782,19 +2797,102 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
 }
+@media not all and (min-width: 640px) {
+  .max-sm\:left-\[-12px\] {
+    left: -12px;
+  }
+  .max-sm\:mb-md {
+    margin-bottom: var(--spacing-md);
+  }
+  .max-sm\:mr-md {
+    margin-right: var(--spacing-md);
+  }
+  .max-sm\:mt-md {
+    margin-top: var(--spacing-md);
+  }
+  .max-sm\:self-center {
+    align-self: center;
+  }
+  .max-sm\:\!p-md {
+    padding: var(--padding-md) !important;
+  }
+}
 @media (min-width: 640px) {
   .sm\:mx-0 {
     margin-left: 0px;
     margin-right: 0px;
   }
-  .sm\:w-\[100vw\] {
-    width: 100vw;
+  .sm\:block {
+    display: block;
+  }
+  .sm\:inline-block {
+    display: inline-block;
+  }
+  .sm\:hidden {
+    display: none;
   }
-  .sm\:max-w-lg {
-    max-width: 512px;
+  .sm\:h-3 {
+    height: 12px;
   }
-  .sm\:max-w-xl {
-    max-width: 576px;
+  .sm\:h-\[120px\] {
+    height: 120px;
+  }
+  .sm\:h-\[150px\] {
+    height: 150px;
+  }
+  .sm\:h-\[18px\] {
+    height: 18px;
+  }
+  .sm\:h-\[190px\] {
+    height: 190px;
+  }
+  .sm\:h-\[200px\] {
+    height: 200px;
+  }
+  .sm\:h-\[30px\] {
+    height: 30px;
+  }
+  .sm\:h-\[96px\] {
+    height: 96px;
+  }
+  .sm\:h-auto {
+    height: auto;
+  }
+  .sm\:h-full {
+    height: 100%;
+  }
+  .sm\:w-3 {
+    width: 12px;
+  }
+  .sm\:w-\[120px\] {
+    width: 120px;
+  }
+  .sm\:w-\[150px\] {
+    width: 150px;
+  }
+  .sm\:w-\[18px\] {
+    width: 18px;
+  }
+  .sm\:w-\[190px\] {
+    width: 190px;
+  }
+  .sm\:w-\[200px\] {
+    width: 200px;
+  }
+  .sm\:w-\[96px\] {
+    width: 96px;
+  }
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:min-w-\[190px\] {
+    min-width: 190px;
+  }
+  .sm\:flex-1 {
+    flex: 1 1 0%;
+  }
+  .sm\:shrink {
+    flex-shrink: 1;
   }
   .sm\:translate-y-0 {
     --tw-translate-y: 0px;
@@ -2814,13 +2912,87 @@ video {
     --tw-scale-y: .95;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+  .sm\:items-stretch {
+    align-items: stretch;
+  }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+  .sm\:gap-0 {
+    gap: 0px;
+  }
+  .sm\:gap-3xl {
+    gap: var(--spacing-3xl);
+  }
+  .sm\:gap-lg {
+    gap: var(--spacing-lg);
+  }
+  .sm\:self-auto {
+    align-self: auto;
+  }
+  .sm\:self-stretch {
+    align-self: stretch;
+  }
+  .sm\:rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .sm\:bg-callout-300 {
+    background-color: var(--callout-300);
+  }
+  .sm\:p-0 {
+    padding: 0px;
+  }
+  .sm\:p-lg {
+    padding: var(--padding-lg);
+  }
+  .sm\:p-md {
+    padding: var(--padding-md);
+  }
   .sm\:px-0 {
     padding-left: 0px;
     padding-right: 0px;
   }
+  .sm\:px-2xl {
+    padding-left: var(--padding-2xl);
+    padding-right: var(--padding-2xl);
+  }
+  .sm\:px-lg {
+    padding-left: var(--padding-lg);
+    padding-right: var(--padding-lg);
+  }
+  .sm\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  .sm\:py-md {
+    padding-top: var(--padding-md);
+    padding-bottom: var(--padding-md);
+  }
+  .sm\:py-sm {
+    padding-top: var(--padding-sm);
+    padding-bottom: var(--padding-sm);
+  }
+  .sm\:pl-lg {
+    padding-left: var(--padding-lg);
+  }
+  .sm\:pl-xl {
+    padding-left: var(--padding-xl);
+  }
+  .sm\:pr-0 {
+    padding-right: 0px;
+  }
   .sm\:text-2xl {
     font-size: var(--text-2xl);
   }
+  .sm\:text-md {
+    font-size: var(--text-md);
+  }
 }
 @media (min-width: 768px) {
   .md\:ml-auto {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/orion-extensions",
   "private": false,
-  "version": "0.11.1",
+  "version": "0.13.0",
   "type": "module",
   "files": [
     "dist"
@@ -43,8 +43,8 @@
     "tailwind-merge": "3.2.0",
     "tailwindcss": "3.3.5",
     "vue": "3.5.13",
-    "@juo/orion-core": "0.17.1",
-    "@juo/customer-ui": "0.3.0"
+    "@juo/orion-core": "0.19.0",
+    "@juo/customer-ui": "0.4.0"
   },
   "scripts": {
     "dev": "vite build -w",