avo 4.0.0.beta.5 → 4.0.0.beta.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78097e52553f1c4b182f2542a08a85379f1fb97804598c84e6efb48fc24ccc30
-  data.tar.gz: f372148210d4b8ac86b22117ab5222e67c449649d0f5e0045c504a8902ae3e40
+  metadata.gz: 6424e1864bdedf92e5ab1582cdfcaf88370f621124cee06571fe7a1755e7bc93
+  data.tar.gz: bf1057da44c754a0f016a8725f4305bd0d3d63b4e3d9764c41fc7f367b5a06da
 SHA512:
-  metadata.gz: 68fac9ebc6f6c49005b06f106e566308ad593d25232a56d36a2f54042dc877f6ed07e37e0da3d9fd33a5bbddd21d2220960fe24b3a0b97cc1042d13dc99e5eee
-  data.tar.gz: 5314103f75eef43decd2326a4cb1a1fab7fc7833a6a9ba000bafd117504af078d4d72a7356083ccfe7217a6d5501b0b906e07abf612222c0685ea2401adaf8c7
+  metadata.gz: 30250565035ceb2f975b9311dc1c65b443e8106d17500c931a25e263c0b4b2c1151af6dc8fa012e80ab48f02fd680550c5bc9a612c6d5f54ed1e35f7d21e5b42
+  data.tar.gz: 958c7972b07da9233434c08b844673f9cbc749b59cf6ec1753c2e16ff1a20c610b6e301c517f6b86c16e70ddfcd0c1d6c52b9cd351e3b3a3fb23b9130dcdc279

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.5)
+    avo (4.0.0.beta.7)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)
@@ -125,7 +125,7 @@ GEM
       rake
       thor (>= 0.14.0)
     ast (2.4.2)
-    avo-icons (0.1.1)
+    avo-icons (0.1.2)
       inline_svg
     avo-money_field (0.0.5)
       money-rails (~> 1.12)
@@ -168,7 +168,7 @@ GEM
     backport (1.2.0)
     base64 (0.3.0)
     bcrypt (3.1.20)
-    benchmark (0.4.1)
+    benchmark (0.5.0)
     benchmark-ips (2.14.0)
     better_html (2.1.1)
       actionview (>= 6.0)
@@ -177,7 +177,7 @@ GEM
       erubi (~> 1.4)
       parser (>= 2.4)
       smart_properties
-    bigdecimal (3.2.2)
+    bigdecimal (4.0.1)
     bindex (0.8.1)
     bootsnap (1.18.6)
       msgpack (~> 1.2)
@@ -204,8 +204,8 @@ GEM
     coercible (1.0.0)
       descendants_tracker (~> 0.0.1)
     colored2 (3.1.2)
-    concurrent-ruby (1.3.5)
-    connection_pool (2.5.3)
+    concurrent-ruby (1.3.6)
+    connection_pool (3.0.2)
     cork (0.3.0)
       colored2 (~> 3.1)
     countries (8.0.3)
@@ -294,8 +294,8 @@ GEM
       dry-logic (~> 1.5)
       dry-types (~> 1.8)
       zeitwerk (~> 2.6)
-    dry-types (1.8.3)
-      bigdecimal (~> 3.0)
+    dry-types (1.9.1)
+      bigdecimal (>= 3.0)
       concurrent-ruby (~> 1.0)
       dry-core (~> 1.0)
       dry-inflector (~> 1.0)
@@ -382,7 +382,7 @@ GEM
       railties (>= 6.0.0)
     htmlbeautifier (1.4.3)
     htmlentities (4.3.4)
-    i18n (1.14.7)
+    i18n (1.14.8)
       concurrent-ruby (~> 1.0)
     i18n-tasks (1.0.14)
       activesupport (>= 4.0.2)
@@ -458,7 +458,7 @@ GEM
     mini_magick (5.3.1)
       logger
     mini_mime (1.1.5)
-    minitest (5.25.4)
+    minitest (5.27.0)
     monetize (1.13.0)
       money (~> 6.12)
     money (6.19.0)
@@ -483,9 +483,9 @@ GEM
     net-smtp (0.5.1)
       net-protocol
     nio4r (2.7.4)
-    nokogiri (1.18.9-arm64-darwin)
+    nokogiri (1.19.2-arm64-darwin)
       racc (~> 1.4)
-    nokogiri (1.18.9-x86_64-linux-gnu)
+    nokogiri (1.19.2-x86_64-linux-gnu)
       racc (~> 1.4)
     observer (0.1.2)
     octokit (10.0.0)

data/app/assets/builds/avo/application.css

@@ -16,7 +16,6 @@
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-red-900: oklch(39.6% 0.141 25.723);
     --color-orange-50: oklch(98% 0.016 73.684);
     --color-orange-100: oklch(95.4% 0.038 75.164);
     --color-orange-300: oklch(83.7% 0.128 66.29);
@@ -270,6 +269,7 @@
     --tracking-wide: 0.025em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
+    --leading-snug: 1.375;
     --radius-xs: 0.125rem;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -565,6 +565,9 @@
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
   .end-3 {
     inset-inline-end: calc(var(--spacing) * 3);
   }
@@ -586,6 +589,9 @@
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
@@ -595,9 +601,6 @@
   .top-full {
     top: 100%;
   }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
@@ -610,9 +613,6 @@
   .bottom-full {
     bottom: 100%;
   }
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
   .left-auto {
     left: auto;
   }
@@ -817,8 +817,8 @@
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
-  .mr-0 {
-    margin-right: calc(var(--spacing) * 0);
+  .mt-auto {
+    margin-top: auto;
   }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
@@ -914,6 +914,10 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -966,9 +970,6 @@
   .h-\[0\.75rem\] {
     height: 0.75rem;
   }
-  .h-\[76vh\] {
-    height: 76vh;
-  }
   .h-full {
     height: 100%;
   }
@@ -1197,6 +1198,9 @@
   .flex-2 {
     flex: 2;
   }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1217,6 +1221,9 @@
   .origin-top-left {
     transform-origin: 0 0;
   }
+  .origin-top-right {
+    transform-origin: 100% 0;
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1444,6 +1451,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
   .gap-y-4 {
     row-gap: calc(var(--spacing) * 4);
   }
@@ -1710,9 +1720,6 @@
   .border-lime-500 {
     border-color: var(--color-lime-500);
   }
-  .border-neutral-200 {
-    border-color: var(--color-neutral-200);
-  }
   .border-neutral-300 {
     border-color: var(--color-neutral-300);
   }
@@ -1947,9 +1954,6 @@
   .bg-neutral-50 {
     background-color: var(--color-neutral-50);
   }
-  .bg-neutral-100 {
-    background-color: var(--color-neutral-100);
-  }
   .bg-neutral-500 {
     background-color: var(--color-neutral-500);
   }
@@ -2109,9 +2113,6 @@
   .object-cover {
     object-fit: cover;
   }
-  .p-0\.5 {
-    padding: calc(var(--spacing) * 0.5);
-  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -2196,6 +2197,9 @@
   .pt-0\.5 {
     padding-top: calc(var(--spacing) * 0.5);
   }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -2304,6 +2308,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -2802,6 +2810,12 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .before\:opacity-0 {
+    &::before {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
   .before\:content-\[\'\'\] {
     &::before {
       --tw-content: '';
@@ -2826,6 +2840,14 @@
       }
     }
   }
+  .group-hover\:before\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      &::before {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
   .last\:mb-0 {
     &:last-child {
       margin-bottom: calc(var(--spacing) * 0);
@@ -3250,29 +3272,19 @@
       background-color: var(--color-zinc-600);
     }
   }
-  .hover\:text-blue-500 {
-    &:hover {
-      color: var(--color-blue-500);
-    }
-  }
   .hover\:text-content {
     &:hover {
       color: var(--color-content);
     }
   }
-  .hover\:text-gray-600 {
-    &:hover {
-      color: var(--color-gray-600);
-    }
-  }
-  .hover\:text-gray-900 {
+  .hover\:text-danger-content {
     &:hover {
-      color: var(--color-gray-900);
+      color: var(--color-danger-content);
     }
   }
-  .hover\:text-red-900 {
+  .hover\:text-gray-600 {
     &:hover {
-      color: var(--color-red-900);
+      color: var(--color-gray-600);
     }
   }
   .hover\:text-slate-900 {
@@ -3280,11 +3292,6 @@
       color: var(--color-slate-900);
     }
   }
-  .hover\:underline {
-    &:hover {
-      text-decoration-line: underline;
-    }
-  }
   .hover\:opacity-100 {
     &:hover {
       opacity: 100%;
@@ -3369,6 +3376,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .active\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .active\:border-amber-500 {
     &:active {
       border-color: var(--color-amber-500);
@@ -7664,9 +7676,11 @@
     font-weight: var(--font-weight-semibold);
     color: var(--color-content-secondary);
     box-shadow: var(--box-shadow-search-input-shortcut);
+    transition: transform 0.08s ease-out, box-shadow 0.08s ease-out;
   }
   kbd.kbd--called {
-    opacity: 0.4;
+    transform: scale(0.75) translateY(2px);
+    box-shadow: none;
   }
   @layer base {
     a {
@@ -8650,9 +8664,15 @@
   .table-row:hover.selected-row, .selected-row {
     background: var(--color-table-row-hover);
   }
-  @layer base {
+  .table-row.is-keyboard-focused {
+    background: color-mix(in srgb, oklch(98.51% 0.0000 89.88), oklch(39.04% 0.0000 89.88) 10%);
+    @supports (color: color-mix(in lab, red, red)) {
+      background: color-mix(in oklab, var(--color-background), var(--color-accent) 10%);
+    }
+  }
+  @layer components {
     .resource-controls {
-      .resource-control, button, a {
+      .resource-control, button:not(.button), a:not(.button) {
         color: var(--color-content-secondary);
         &:hover {
           color: var(--color-content);
@@ -9123,8 +9143,8 @@
     border-width: 1px;
     border-color: var(--color-tertiary);
   }
-  .CodeMirror-fullscreen, .editor-preview-active-side {
-    z-index: 50;
+  .main-content-area:has(.CodeMirror-fullscreen) {
+    z-index: 101;
   }
   .editor-toolbar {
     border-top-left-radius: var(--radius-lg);
@@ -10360,6 +10380,7 @@
     align-items: flex-start;
     align-self: stretch;
     padding: calc(var(--spacing) - 1px);
+    scroll-padding-inline: calc(var(--spacing) );
   }
   .card:has(.card__footer .pagination) {
     .card__wrapper {
@@ -11535,9 +11556,12 @@
       padding-inline-end: calc( var(--input-icon-offset) + var(--input-icon-gap) );
     }
     .search-input__input.search-input__input--with-shortcut {
+      padding-inline-end: calc( var(--input-icon-offset) + var(--input-icon-size) + var(--input-icon-gap) * 2 );
+    }
+    .search-input__input.search-input__input--with-two-key-shortcut {
       padding-inline-end: calc( var(--input-icon-offset) + var(--input-icon-size) * 2 + var(--input-icon-gap) * 3 );
     }
-    body.os-pc .search-input__input.search-input__input--with-shortcut {
+    body.os-pc .search-input__input.search-input__input--with-two-key-shortcut {
       padding-inline-end: calc( var(--input-icon-offset) + var(--input-icon-size) * 3 + var(--input-icon-gap) * 4 );
     }
     .search-input__suffix {
@@ -12554,39 +12578,22 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
-  .color-scheme-switcher__theme-wrapper {
-    position: relative;
-  }
   .color-scheme-switcher__button--theme {
     gap: calc(var(--spacing) * 1);
   }
-  .color-scheme-switcher__theme-panel {
-    position: absolute;
+  .color-scheme-switcher__theme-popover {
     inset-inline-start: calc(var(--spacing) * 0);
-    top: 100%;
-    z-index: 40;
-    margin-top: calc(var(--spacing) * 2);
-    border-radius: var(--radius-lg);
-    background-color: var(--color-white);
-    &:where(.dark, .dark *) {
-      background-color: var(--color-neutral-800);
-    }
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: var(--color-neutral-200);
-    &:where(.dark, .dark *) {
-      border-color: var(--color-neutral-700);
-    }
+    inset-inline-end: auto;
+    min-width: 160px;
+  }
+  .color-scheme-switcher__accent-popover {
     min-width: 160px;
-    padding: calc(var(--spacing) * 2);
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    animation: css-animate-slide-down 0.15s ease-out;
   }
   .color-scheme-switcher__theme-options {
     display: flex;
     flex-direction: column;
     gap: calc(var(--spacing) * 0.5);
+    align-self: stretch;
   }
   .color-scheme-switcher__theme-option {
     display: flex;
@@ -12690,36 +12697,11 @@
     --tw-leading: 1;
     line-height: 1;
   }
-  .color-scheme-switcher__accent-wrapper {
-    position: relative;
-  }
-  .color-scheme-switcher__accent-panel {
-    position: absolute;
-    inset-inline-end: calc(var(--spacing) * 0);
-    top: 100%;
-    z-index: 40;
-    margin-top: calc(var(--spacing) * 2);
-    border-radius: var(--radius-lg);
-    background-color: var(--color-white);
-    &:where(.dark, .dark *) {
-      background-color: var(--color-neutral-800);
-    }
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: var(--color-neutral-200);
-    &:where(.dark, .dark *) {
-      border-color: var(--color-neutral-700);
-    }
-    min-width: 160px;
-    padding: calc(var(--spacing) * 2);
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    animation: css-animate-slide-down 0.15s ease-out;
-  }
   .color-scheme-switcher__accent-options {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: calc(var(--spacing) * 2);
+    align-self: stretch;
   }
   .color-scheme-switcher__accent-option {
     display: flex;
@@ -13362,24 +13344,17 @@
     flex-direction: column;
     padding-inline: calc(var(--spacing) * 3);
   }
-  .sidebar__nav-list {
-    width: 100%;
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .sidebar__footer {
     flex-shrink: 0;
   }
   .sidebar-section {
-    padding-top: calc(var(--spacing) * 4);
+    &:not(*:first-child) {
+      margin-top: calc(var(--spacing) * 4);
+    }
   }
   .sidebar-section__header {
     display: flex;
     width: 100%;
-    cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 2);
     border-radius: var(--radius-lg);