avo 4.0.0.beta.4 → 4.0.0.beta.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8bc41072024aca335bb61ad71567c9654a2fa3efaa91cee5fa8ca97630fe352e
-  data.tar.gz: c1ee0a7f198c106a9ad0050698f248ccce32a3e684ab35b5cc9876aecd9fd6f6
+  metadata.gz: 8dca31ebc6d17ce534885bb1a969865d8ede142b4bf699495c6ed2c71c77218d
+  data.tar.gz: 01767fe38c8e09a979f1831de0b3ae6d9bd6adadb22f07dfbb79e7bd19e7588d
 SHA512:
-  metadata.gz: 4e80b61da0c33adb3c3ec528e7541fdabf042645912cf87eac10b344061a4dff768120c5ec0845ce465b42824b994bb26763a02ed2b15fc8923d40b42601a37a
-  data.tar.gz: 3e0e5e9acca71e4b43764bf7f9c47ec3f337208ce65bf148be5cc12450ae2e7c19d6031399269416b4fa3dd343ff245dc5c584afbf1077303dbc7a07dda1801b
+  metadata.gz: 8109dcce26f65479c4269b8bc6d74c5f090f10286bc9d6ff968a4e561d3a485270a90dee3efdf1de2d3e705e4387d9384a063fd55ac9c70b279ad8a58d901b7d
+  data.tar.gz: f334616442d6a678b373f7c7b8a30d4f22145669275da55e7eaf39b81be62b022f428cb00b07e8d38deac229c5364b71cb8e99ff470c7d8e935c18376f8cf5ae

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.4)
+    avo (4.0.0.beta.6)
       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

@@ -2802,6 +2802,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 +2832,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);
@@ -7664,9 +7678,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 +8666,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 +9145,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 +10382,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 +11558,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 {
@@ -12078,6 +12104,9 @@
         --btn-color-accent-content: var(--color-rose-600);
         --btn-color-accent-foreground: var(--color-white);
       }
+      &>span >kbd {
+        margin-block: calc(var(--spacing) * -1);
+      }
     }
     .dark {
       .button--style-primary {
@@ -12551,39 +12580,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;
@@ -12687,36 +12699,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;
@@ -13359,24 +13346,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);