layered-ui-rails 0.11.0 → 0.13.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7b8624e106b7699524fb79136daa1fca817909d6d35937c08d1488829265f1cc
-  data.tar.gz: 690fc99b3a4c5a18aed1b301839264ff14d21ceb4a58d1047561baf8853a5231
+  metadata.gz: bb842a9cdcc5c1b9c2668fe8376a3759194baeedda617a1cd6a76a6f55b61025
+  data.tar.gz: '07087fec53eef6910a38b986eef699658a9236c879259f2cd294f053cebb389c'
 SHA512:
-  metadata.gz: '058e550042712d33577ebd0336eb4be4da804c22464a441c6fe234122284f2f2abe7208a247c42622669329520facda8b51669179e17c7d0bae95d9c1483723f'
-  data.tar.gz: 5db1adea650826e3b76d6e1a106be48c5ff8af5e1062fbcd100fab95ebd436597ece3318edf3fd1faaf582ee499ca04d1b357f2908b6433e6d854a8f8ba16416
+  metadata.gz: 161cd32870931810f2800cb183c015d9844acf888690d45cd5146d47bd9dc122ca3a8acaec558a9bea137591254b826bf48096e46bc4014ecb3ec2f3fd60f769
+  data.tar.gz: 1f8d3e2b04daeef75a95be1c5437261d0b88f35a7399f4af6be4b051d4adc47b84d0e5ae1e1df5ba10573facd80b327e720d3cd743c115c3143496b16c8524a7

data/.claude/skills/layered-ui-rails/SKILL.md

@@ -131,7 +131,7 @@ Key components:
 | Forms | `.l-ui-form`, `.l-ui-form__group`, `.l-ui-form__field`, `.l-ui-label`, `.l-ui-select` |
 | Tables | `.l-ui-table`, `.l-ui-table__header`, `.l-ui-table__cell`, `--primary`, `--action` |
 | Badges | `.l-ui-badge`, `--rounded`, `--default`, `--success`, `--warning`, `--danger` |
-| Notices | `.l-ui-notice--success`, `--warning`, `--error` |
+| Notices | `.l-ui-notice` (base), `--success`, `--warning`, `--error` |
 | Tabs | `.l-ui-tabs__list`, `.l-ui-tabs__tab`, `--active` |
 | Modal | `.l-ui-modal`, `.l-ui-modal__header`, `.l-ui-modal__body` |
 

data/.claude/skills/layered-ui-rails/references/CSS.md

@@ -30,6 +30,7 @@ Modifiers (combine with a standalone variant above):
 
 ```
 .l-ui-button--full            Full-width (e.g. l-ui-button--primary l-ui-button--full)
+.l-ui-button--small           Compact 32px-tall variant (e.g. l-ui-button--primary l-ui-button--small)
 ```
 
 Any button variant is automatically styled as disabled when the `disabled` HTML attribute is present - no extra class needed.
@@ -69,10 +70,10 @@ For destructive actions use `l-ui-button--danger` (solid) or `l-ui-button--outli
 .l-ui-select                   Select dropdown
 .l-ui-select-wrapper           Select wrapper (custom arrow)
 
-.l-ui-search__inline           Inline search form layout
+.l-ui-search-inline            Inline search form layout
 
-.l-ui-container--checkbox      Checkbox container
-.l-ui-radio__group             Radio button group
+.l-ui-checkbox-container       Checkbox container
+.l-ui-radio                    Radio button group
 .l-ui-radio__item              Radio item wrapper
 .l-ui-radio__input             Radio input element
 .l-ui-radio__label             Radio label
@@ -96,13 +97,13 @@ For destructive actions use `l-ui-button--danger` (solid) or `l-ui-button--outli
 .l-ui-table__cell--primary         Bold cell (typically first column, use <th scope="row">)
 .l-ui-table__cell--action          Right-aligned action cell
 .l-ui-table__action--danger        Danger action link
-.l-ui-container--table             Overflow wrapper for responsive tables
+.l-ui-table-container              Overflow wrapper for responsive tables
 ```
 
 WCAG 2.2 AA table pattern:
 
 ```html
-<div class="l-ui-container--table">
+<div class="l-ui-table-container">
   <table class="l-ui-table">
     <caption>Users</caption>
     <thead class="l-ui-table__header">
@@ -127,7 +128,10 @@ WCAG 2.2 AA table pattern:
 
 ## Notices
 
+Always combine the base block with one variant modifier (e.g. `class="l-ui-notice l-ui-notice--success"`).
+
 ```
+.l-ui-notice            Base notice (always required alongside a variant)
 .l-ui-notice--success   Green success message
 .l-ui-notice--warning   Yellow warning message
 .l-ui-notice--error     Red error message
@@ -173,7 +177,7 @@ WCAG 2.2 AA table pattern:
 ## Title bar
 
 ```
-.l-ui-title-bar          Title bar wrapper used with .l-ui-container--spread
+.l-ui-title-bar          Title bar wrapper used with .l-ui-spread
 .l-ui-title-bar__content Breadcrumbs and title column
 .l-ui-title-bar__title   Page title
 .l-ui-title-bar__actions Action area
@@ -192,10 +196,11 @@ WCAG 2.2 AA table pattern:
 ## Navigation
 
 ```
-.l-ui-container--navigation       Sidebar container
-.l-ui-container--navigation.open  Visible sidebar
-.l-ui-backdrop--navigation        Overlay backdrop
-.l-ui-backdrop--navigation.open   Visible backdrop
+.l-ui-navigation-container        Sidebar container
+.l-ui-navigation-container.open   Visible sidebar
+.l-ui-backdrop                    Base backdrop (always pair with a variant)
+.l-ui-backdrop--navigation        Navigation overlay (use with .l-ui-backdrop)
+.l-ui-backdrop.open               Visible backdrop
 .l-ui-navigation                  Nav flexbox
 .l-ui-navigation__links           Nav links list
 .l-ui-navigation__item            Nav item
@@ -219,7 +224,7 @@ WCAG 2.2 AA table pattern:
 ## Header
 
 ```
-.l-ui-container--header          Fixed header container
+.l-ui-header-container           Fixed header container
 .l-ui-header                     Header flexbox
 .l-ui-header__icon               Header icon (responsive)
 .l-ui-header__icon--light        Light theme icon
@@ -228,6 +233,7 @@ WCAG 2.2 AA table pattern:
 .l-ui-header__logo--light        Light theme logo
 .l-ui-header__logo--dark         Dark theme logo
 .l-ui-theme-toggle               Theme toggle button
+.l-ui-theme-toggle__icon         Base toggle icon (always pair with a variant)
 .l-ui-theme-toggle__icon--light  Sun icon (shown in dark mode)
 .l-ui-theme-toggle__icon--dark   Moon icon (shown in light mode)
 ```
@@ -235,8 +241,8 @@ WCAG 2.2 AA table pattern:
 ## Panel
 
 ```
-.l-ui-container--panel          Side panel container
-.l-ui-container--panel.open     Visible panel
+.l-ui-panel-container           Side panel container
+.l-ui-panel-container.open      Visible panel
 .l-ui-panel                     Panel flexbox
 .l-ui-panel__button             Floating action button
 .l-ui-panel__button--dragging   During drag
@@ -283,7 +289,11 @@ WCAG 2.2 AA table pattern:
 
 ## Icon sizes
 
+Always combine the base block with one size modifier (e.g. `class="l-ui-icon l-ui-icon--sm"`).
+
 ```
+.l-ui-icon        Base icon (always required alongside a size modifier)
+.l-ui-icon--xs    16px (4x4)
 .l-ui-icon--sm    20px (5x5)
 .l-ui-icon--md    24px (6x6)
 .l-ui-icon--lg    28px (7x7)
@@ -293,17 +303,17 @@ WCAG 2.2 AA table pattern:
 ## Utility classes
 
 ```
-.l-ui-utility--mt-0 through --mt-8  Margin top (fixed scale)
-.l-ui-utility--mt-sm/md/lg/xl/2xl  Responsive margin top
-.l-ui-utility--mb-0                 Margin bottom zero
-.l-ui-sr-only                       Visually hidden, screen reader only
-.l-ui-skip-link                     Accessibility skip link
-.l-ui-list                          Styled list
-.l-ui-hr                            Horizontal rule with theme border and vertical spacing
-.l-ui-container--grid               1-col mobile, 2-col desktop grid
-.l-ui-container--spread             Flex row with space-between
-.l-ui-container--pagy               Pagination wrapper
-.l-ui-scroll-lock                   Prevent body scroll (mobile panels/modals)
+.l-ui-mt-0/2/3/4/6/8            Margin top (fixed scale)
+.l-ui-mb-0                      Margin bottom zero
+.l-ui--mr-2                     Negative margin right (offset for flush right alignment)
+.l-ui-sr-only                   Visually hidden, screen reader only
+.l-ui-skip-link                 Accessibility skip link
+.l-ui-list                      Styled list
+.l-ui-hr                        Horizontal rule with theme border and vertical spacing
+.l-ui-grid                      1-col mobile, 2-col desktop grid
+.l-ui-spread                    Flex row with space-between
+.l-ui-pagy-container            Pagination wrapper (Pagy integration)
+.l-ui-scroll-lock               Prevent body scroll (mobile panels/modals)
 ```
 
 ## Theming tokens

data/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 All notable changes to this project will be documented in this file. This project follows [Semantic Versioning](https://semver.org/).
 
+## [0.13.0] - 2026-05-09
+
+### Added
+
+- Fixed-scale margin utilities `l-ui-mt-2`, `l-ui-mt-3`, and `l-ui-mt-6`
+- Default underline/focus link styling on `l-ui-panel__body a` (matches `l-ui-page a`)
+
+### Changed
+
+- **Breaking:** Responsive margin-top utilities `l-ui-mt-sm`/`md`/`lg`/`xl`/`2xl` removed in favour of the fixed scale. Migration: `sm` → `mt-2`, `md` → `mt-3`, `lg` → `mt-4`, `xl` → `mt-6`, `2xl` → `mt-8`. The BEM migration prompt has been updated with the mapping
+- `pre.l-ui-surface` margin reset moved into `@layer base` so call-site Tailwind spacing utilities (e.g. `mt-4`) reliably override the browser default
+
+## [0.12.0] - 2026-05-08
+
+### Added
+
+- `l-ui-button--small` modifier for a compact 32px-tall button variant (combine with any button colour variant)
+- `l-ui-icon--xs` icon size (16px) alongside existing `--sm`/`--md`/`--lg`
+
+### Changed
+
+- Header navigation spacing tightened: `.l-ui-header__navigation` now uses `gap-4`, and the theme toggle absorbs the trailing `-mr-3`
+- Default `Register`/`Login` header buttons use `l-ui-button--outline`/`--primary` with `l-ui-button--small`
+- `l-ui-stream-fade` animation is now opacity-only (no Y-axis translation)
+
 ## [0.11.0] - 2026-05-07
 
 ### Added

data/README.md

@@ -186,8 +186,6 @@ For per-request icons, set instance variables - the engine renders `<link>` and
 
 An online version of the documentation is available at **[layered-ui-rails.layered.ai](https://layered-ui-rails.layered.ai)**.
 
-The latest accessibility audit is available at **[audits/accessibility/codex-5_3.md](https://github.com/layered-ai-public/layered-ui-rails/blob/main/audits/accessibility/codex-5_3.md)**.
-
 You can also run the included dummy app locally for development and testing:
 
 ```bash
@@ -211,6 +209,10 @@ export KAMAL_SSH_KEY=<path-to-ssh-key>
 kamal deploy
 ```
 
+## Accessibility audits
+
+The latest accessibility audits are available at **[https://github.com/layered-ai-public/layered-ui-rails/blob/main/audits/accessibility](https://github.com/layered-ai-public/layered-ui-rails/blob/main/audits/accessibility)**.
+
 ## Contributing
 
 This project is still in its early days. We welcome issues, feedback, and ideas - they genuinely help shape the direction of the project. That said, we're holding off on accepting pull requests for now to stay focused on getting the foundations right. Thank you for your patience and interest. See [CLA.md](CLA.md) for the full policy.

data/app/assets/images/layered_ui/logo_dark.svg

@@ -1,25 +1,15 @@
-<svg width="454" height="80" viewBox="0 0 454 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_93_125" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="433" y="10" width="21" height="16">
-<path d="M453.245 10H433.245V26H453.245V10Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_93_125)">
-<mask id="mask1_93_125" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="434" y="14" width="8" height="8">
-<path d="M434.312 14H441.245V22H434.312V14Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_93_125)">
-<path d="M437.733 21.8H436.858V14.9667H434.462V14.175H440.129V14.9667H437.733V21.8Z" fill="white"/>
-</g>
-<path d="M445.375 21.8L442.813 15.05H442.771C442.781 15.2062 442.797 15.3833 442.813 15.5917C442.823 15.7896 442.833 16.0083 442.833 16.2583C442.844 16.4979 442.854 16.7375 442.854 16.9875V21.8H442.021V14.175H443.333L445.75 20.5083H445.792L448.229 14.175H449.542V21.8H448.667V16.925C448.667 16.7062 448.667 16.4823 448.667 16.2583C448.677 16.0239 448.688 15.8104 448.688 15.6125C448.698 15.4042 448.714 15.2271 448.729 15.0708H448.688L446.104 21.8H445.375Z" fill="white"/>
-</g>
-<path d="M42.5 37.2344L5.875 20L42.5 2.76563L79.125 20L42.5 37.2344ZM2.9375 21.375L42.5 40L82.0625 21.375L85 20L82.0625 18.625L42.5 0L2.9375 18.625L0 20L2.9375 21.375ZM12.4375 34.1406C5.01563 37.6406 0.859376 39.5938 0 40L2.9375 41.375L42.5 60L82.0625 41.375L85 40C84.1406 39.5938 79.9844 37.6406 72.5625 34.1406L69.625 35.5156L79.125 39.9844L42.5 57.2188L5.875 39.9844L15.375 35.5156L12.4375 34.1406ZM2.9375 58.625L0 60L2.9375 61.375L42.5 80L82.0625 61.375L85 60C84.1406 59.5938 79.9844 57.6406 72.5625 54.1406L69.625 55.5156L79.125 59.9844L42.5 77.2188L5.875 59.9844L15.375 55.5156L12.4375 54.1406L2.9375 58.6094V58.625Z" fill="white"/>
-<path d="M117.833 23.0625H120.145C120.588 23.0625 120.812 23.2917 120.812 23.75V52.3542H139.583C139.776 52.3542 139.937 52.4323 140.062 52.5833C140.187 52.724 140.25 52.8698 140.25 53.0208V55.3333C140.25 55.7813 140.026 56 139.583 56H117.833C117.677 56 117.526 55.9375 117.375 55.8125C117.234 55.6875 117.166 55.5313 117.166 55.3333V23.75C117.166 23.5573 117.234 23.3958 117.375 23.2708C117.526 23.1354 117.677 23.0625 117.833 23.0625Z" fill="white"/>
-<path d="M166.356 23.0625C166.549 23.0625 166.736 23.1354 166.919 23.2708C167.096 23.3958 167.215 23.5365 167.273 23.6875L173.939 40.3958C174.007 40.5625 174.064 40.7813 174.106 41.0417C174.158 41.2917 174.189 41.5104 174.189 41.6875V55.3333C174.189 55.7813 173.965 56 173.523 56H171.252C170.804 56 170.585 55.7813 170.585 55.3333V46.4583H153.169V55.3333C153.169 55.7813 152.945 56 152.502 56H150.189C149.741 56 149.523 55.7813 149.523 55.3333V41.6875C149.523 41.5104 149.544 41.2917 149.585 41.0417C149.637 40.7813 149.695 40.5625 149.752 40.3958L156.419 23.6875C156.486 23.5365 156.616 23.3958 156.814 23.2708C157.007 23.1354 157.179 23.0625 157.335 23.0625H166.356ZM170.585 42.8542V41.6875L164.585 26.7292H159.169L153.169 41.6875V42.8542H170.585Z" fill="white"/>
-<path d="M183.65 32.4792C183.509 32.3281 183.389 32.1458 183.296 31.9375C183.212 31.7292 183.171 31.5313 183.171 31.3333V23.75C183.171 23.5833 183.238 23.4323 183.379 23.2917C183.514 23.1406 183.671 23.0625 183.837 23.0625H186.15C186.327 23.0625 186.483 23.1406 186.608 23.2917C186.744 23.4323 186.816 23.5833 186.816 23.75V29.8958C186.816 30.0521 186.863 30.2396 186.962 30.4583C187.056 30.6823 187.171 30.875 187.296 31.0417L195.546 39.1042L203.754 31.0417C203.921 30.875 204.035 30.6823 204.108 30.4583C204.191 30.2396 204.233 30.0521 204.233 29.8958V23.75C204.233 23.5833 204.296 23.4323 204.421 23.2917C204.556 23.1406 204.718 23.0625 204.9 23.0625H207.212C207.405 23.0625 207.566 23.1406 207.691 23.2917C207.816 23.4323 207.879 23.5833 207.879 23.75V31.3333C207.879 31.5313 207.827 31.7292 207.733 31.9375C207.634 32.1458 207.525 32.3281 207.4 32.4792L197.379 42.4583V55.3333C197.379 55.5313 197.301 55.6875 197.15 55.8125C197.009 55.9375 196.858 56 196.691 56H194.4C193.952 56 193.733 55.7813 193.733 55.3333V42.4583L183.65 32.4792Z" fill="white"/>
-<path d="M217.542 55.3333V23.75C217.542 23.2917 217.76 23.0625 218.208 23.0625H240.562C241.021 23.0625 241.25 23.2917 241.25 23.75V26.0417C241.25 26.5 241.021 26.7292 240.562 26.7292H221.125V37.7083H237.979C238.146 37.7083 238.297 37.7865 238.437 37.9375C238.573 38.0781 238.646 38.224 238.646 38.375V40.6875C238.646 40.8854 238.573 41.0417 238.437 41.1667C238.297 41.2917 238.146 41.3542 237.979 41.3542H221.125V52.3542H240.562C240.755 52.3542 240.917 52.4323 241.042 52.5833C241.177 52.724 241.25 52.8698 241.25 53.0208V55.3333C241.25 55.7813 241.021 56 240.562 56H218.208C217.76 56 217.542 55.7813 217.542 55.3333Z" fill="white"/>
-<path d="M270.517 55.375L264.287 41.3542H254.017V55.3333C254.017 55.7813 253.793 56 253.35 56H251.079C250.631 56 250.412 55.7813 250.412 55.3333V23.75C250.412 23.2917 250.631 23.0625 251.079 23.0625H268.079C269.037 23.0625 269.938 23.25 270.787 23.625C271.631 23.9896 272.376 24.4948 273.017 25.1458C273.652 25.7865 274.152 26.5313 274.517 27.375C274.892 28.224 275.079 29.125 275.079 30.0833V34.3542C275.079 35.9271 274.605 37.3281 273.662 38.5625C272.714 39.7865 271.496 40.6198 269.996 41.0625L268.371 41.5417L274.517 55.375C274.6 55.5417 274.6 55.6875 274.517 55.8125C274.444 55.9375 274.313 56 274.121 56H271.475C271.293 56 271.105 55.9375 270.912 55.8125C270.714 55.6875 270.584 55.5417 270.517 55.375ZM254.017 37.7083H268.079C269.006 37.7083 269.798 37.3854 270.454 36.7292C271.105 36.0781 271.433 35.2865 271.433 34.3542V30.0833C271.433 29.1563 271.105 28.3646 270.454 27.7083C269.798 27.0573 269.006 26.7292 268.079 26.7292H254.017V37.7083Z" fill="white"/>
-<path d="M284.79 55.3333V23.75C284.79 23.2917 285.008 23.0625 285.456 23.0625H307.81C308.269 23.0625 308.498 23.2917 308.498 23.75V26.0417C308.498 26.5 308.269 26.7292 307.81 26.7292H288.373V37.7083H305.227C305.394 37.7083 305.545 37.7865 305.685 37.9375C305.821 38.0781 305.894 38.224 305.894 38.375V40.6875C305.894 40.8854 305.821 41.0417 305.685 41.1667C305.545 41.2917 305.394 41.3542 305.227 41.3542H288.373V52.3542H307.81C308.003 52.3542 308.165 52.4323 308.29 52.5833C308.425 52.724 308.498 52.8698 308.498 53.0208V55.3333C308.498 55.7813 308.269 56 307.81 56H285.456C285.008 56 284.79 55.7813 284.79 55.3333Z" fill="white"/>
-<path d="M317.619 55.3333V23.75C317.619 23.5833 317.687 23.4323 317.827 23.2917C317.963 23.1406 318.119 23.0625 318.286 23.0625H335.327C336.286 23.0625 337.187 23.25 338.036 23.625C338.879 23.9896 339.624 24.4948 340.265 25.1458C340.9 25.7865 341.4 26.5313 341.765 27.375C342.14 28.224 342.327 29.125 342.327 30.0833V49C342.327 49.9583 342.14 50.8698 341.765 51.7292C341.4 52.5938 340.9 53.3333 340.265 53.9583C339.624 54.5833 338.879 55.0833 338.036 55.4583C337.187 55.8229 336.286 56 335.327 56H318.286C318.119 56 317.963 55.9375 317.827 55.8125C317.687 55.6875 317.619 55.5313 317.619 55.3333ZM321.265 52.3542H335.327C336.254 52.3542 337.046 52.0313 337.702 51.375C338.353 50.7083 338.681 49.9167 338.681 49V30.0833C338.681 29.1563 338.353 28.3646 337.702 27.7083C337.046 27.0573 336.254 26.7292 335.327 26.7292H321.265V52.3542Z" fill="white"/>
-<path d="M353.294 55.1458V49.8958C353.294 49.4531 353.512 49.2291 353.96 49.2291H356.252C356.419 49.2291 356.57 49.302 356.71 49.4375C356.861 49.5625 356.94 49.7187 356.94 49.8958V55.1458C356.94 55.3281 356.861 55.4895 356.71 55.625C356.57 55.75 356.419 55.8125 356.252 55.8125H353.96C353.512 55.8125 353.294 55.5937 353.294 55.1458Z" fill="white"/>
-<path d="M385.365 23.0625C385.558 23.0625 385.746 23.1354 385.928 23.2708C386.105 23.3958 386.225 23.5365 386.282 23.6875L392.949 40.3958C393.016 40.5625 393.074 40.7813 393.115 41.0417C393.167 41.2917 393.199 41.5104 393.199 41.6875V55.3333C393.199 55.7813 392.975 56 392.532 56H390.261C389.813 56 389.594 55.7813 389.594 55.3333V46.4583H372.178V55.3333C372.178 55.7813 371.954 56 371.511 56H369.199C368.751 56 368.532 55.7813 368.532 55.3333V41.6875C368.532 41.5104 368.553 41.2917 368.594 41.0417C368.647 40.7813 368.704 40.5625 368.761 40.3958L375.428 23.6875C375.496 23.5365 375.626 23.3958 375.824 23.2708C376.016 23.1354 376.188 23.0625 376.344 23.0625H385.365ZM389.594 42.8542V41.6875L383.594 26.7292H378.178L372.178 41.6875V42.8542H389.594Z" fill="white"/>
-<path d="M402.847 55.3333V53.0208C402.847 52.8698 402.909 52.724 403.034 52.5833C403.159 52.4323 403.315 52.3542 403.513 52.3542H412.743V26.7292H403.513C403.065 26.7292 402.847 26.5 402.847 26.0417V23.75C402.847 23.2917 403.065 23.0625 403.513 23.0625H425.555C425.998 23.0625 426.222 23.2917 426.222 23.75V26.0417C426.222 26.5 425.998 26.7292 425.555 26.7292H416.388V52.3542H425.555C425.748 52.3542 425.909 52.4323 426.034 52.5833C426.159 52.724 426.222 52.8698 426.222 53.0208V55.3333C426.222 55.7813 425.998 56 425.555 56H403.513C403.065 56 402.847 55.7813 402.847 55.3333Z" fill="white"/>
+<svg width="466" height="80" viewBox="0 0 466 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M450.588 16.3333H449.463V7.79167H446.484V6.8125H453.567V7.79167H450.588V16.3333Z" fill="white"/>
+<path d="M460.112 16.3333L456.924 7.91667H456.883C456.893 8.08333 456.909 8.30208 456.924 8.5625C456.935 8.8125 456.945 9.09375 456.945 9.39583C456.956 9.70313 456.966 10.0104 456.966 10.3125V16.3333H455.945V6.8125H457.57L460.591 14.7292H460.633L463.695 6.8125H465.32V16.3333H464.237V10.2292C464.237 9.95313 464.237 9.67708 464.237 9.39583C464.247 9.10417 464.263 8.83333 464.279 8.58333C464.289 8.33333 464.305 8.11458 464.32 7.91667H464.258L461.029 16.3333H460.112Z" fill="white"/>
+<path d="M42.5 37.2344L5.875 20L42.5 2.76563L79.125 20L42.5 37.2344ZM2.9375 21.375L42.5 40L82.0625 21.375L85 20L82.0625 18.625L42.5 0L2.9375 18.625L0 20L2.9375 21.375ZM12.4375 34.1406C5.01562 37.6406 0.859376 39.5938 0 40L2.9375 41.375L42.5 60L82.0625 41.375L85 40C84.1406 39.5938 79.9844 37.6406 72.5625 34.1406L69.625 35.5156L79.125 39.9844L42.5 57.2188L5.875 39.9844L15.375 35.5156L12.4375 34.1406ZM2.9375 58.625L0 60L2.9375 61.375L42.5 80L82.0625 61.375L85 60C84.1406 59.5938 79.9844 57.6406 72.5625 54.1406L69.625 55.5156L79.125 59.9844L42.5 77.2188L5.875 59.9844L15.375 55.5156L12.4375 54.1406L2.9375 58.6094V58.625Z" fill="white"/>
+<path d="M132.834 23.0625H135.146C135.589 23.0625 135.813 23.2917 135.813 23.75V52.3542H154.584C154.776 52.3542 154.938 52.4323 155.063 52.5833C155.188 52.724 155.25 52.8698 155.25 53.0208V55.3333C155.25 55.7813 155.026 56 154.584 56H132.834C132.677 56 132.526 55.9375 132.375 55.8125C132.235 55.6875 132.167 55.5313 132.167 55.3333V23.75C132.167 23.5573 132.235 23.3958 132.375 23.2708C132.526 23.1354 132.677 23.0625 132.834 23.0625Z" fill="white"/>
+<path d="M181.357 23.0625C181.549 23.0625 181.737 23.1354 181.919 23.2708C182.096 23.3958 182.216 23.5365 182.273 23.6875L188.94 40.3958C189.008 40.5625 189.065 40.7813 189.107 41.0417C189.159 41.2917 189.19 41.5104 189.19 41.6875V55.3333C189.19 55.7813 188.966 56 188.523 56H186.253C185.805 56 185.586 55.7813 185.586 55.3333V46.4583H168.169V55.3333C168.169 55.7813 167.945 56 167.503 56H165.19C164.742 56 164.523 55.7813 164.523 55.3333V41.6875C164.523 41.5104 164.544 41.2917 164.586 41.0417C164.638 40.7813 164.695 40.5625 164.753 40.3958L171.419 23.6875C171.487 23.5365 171.617 23.3958 171.815 23.2708C172.008 23.1354 172.18 23.0625 172.336 23.0625H181.357ZM185.586 42.8542V41.6875L179.586 26.7292H174.169L168.169 41.6875V42.8542H185.586Z" fill="white"/>
+<path d="M198.651 32.4792C198.51 32.3281 198.39 32.1458 198.296 31.9375C198.213 31.7292 198.171 31.5313 198.171 31.3333V23.75C198.171 23.5833 198.239 23.4323 198.38 23.2917C198.515 23.1406 198.671 23.0625 198.838 23.0625H201.151C201.328 23.0625 201.484 23.1406 201.609 23.2917C201.744 23.4323 201.817 23.5833 201.817 23.75V29.8958C201.817 30.0521 201.864 30.2396 201.963 30.4583C202.057 30.6823 202.171 30.875 202.296 31.0417L210.546 39.1042L218.755 31.0417C218.921 30.875 219.036 30.6823 219.109 30.4583C219.192 30.2396 219.234 30.0521 219.234 29.8958V23.75C219.234 23.5833 219.296 23.4323 219.421 23.2917C219.557 23.1406 219.718 23.0625 219.901 23.0625H222.213C222.406 23.0625 222.567 23.1406 222.692 23.2917C222.817 23.4323 222.88 23.5833 222.88 23.75V31.3333C222.88 31.5313 222.828 31.7292 222.734 31.9375C222.635 32.1458 222.526 32.3281 222.401 32.4792L212.38 42.4583V55.3333C212.38 55.5313 212.302 55.6875 212.151 55.8125C212.01 55.9375 211.859 56 211.692 56H209.401C208.953 56 208.734 55.7813 208.734 55.3333V42.4583L198.651 32.4792Z" fill="white"/>
+<path d="M232.542 55.3333V23.75C232.542 23.2917 232.761 23.0625 233.209 23.0625H255.563C256.022 23.0625 256.251 23.2917 256.251 23.75V26.0417C256.251 26.5 256.022 26.7292 255.563 26.7292H236.126V37.7083H252.98C253.147 37.7083 253.298 37.7865 253.438 37.9375C253.574 38.0781 253.647 38.224 253.647 38.375V40.6875C253.647 40.8854 253.574 41.0417 253.438 41.1667C253.298 41.2917 253.147 41.3542 252.98 41.3542H236.126V52.3542H255.563C255.756 52.3542 255.917 52.4323 256.042 52.5833C256.178 52.724 256.251 52.8698 256.251 53.0208V55.3333C256.251 55.7813 256.022 56 255.563 56H233.209C232.761 56 232.542 55.7813 232.542 55.3333Z" fill="white"/>
+<path d="M285.518 55.375L279.289 41.3542H269.018V55.3333C269.018 55.7813 268.794 56 268.351 56H266.08C265.632 56 265.414 55.7813 265.414 55.3333V23.75C265.414 23.2917 265.632 23.0625 266.08 23.0625H283.08C284.039 23.0625 284.94 23.25 285.789 23.625C286.632 23.9896 287.377 24.4948 288.018 25.1458C288.653 25.7865 289.153 26.5313 289.518 27.375C289.893 28.224 290.08 29.125 290.08 30.0833V34.3542C290.08 35.9271 289.606 37.3281 288.664 38.5625C287.716 39.7865 286.497 40.6198 284.997 41.0625L283.372 41.5417L289.518 55.375C289.601 55.5417 289.601 55.6875 289.518 55.8125C289.445 55.9375 289.315 56 289.122 56H286.476C286.294 56 286.106 55.9375 285.914 55.8125C285.716 55.6875 285.585 55.5417 285.518 55.375ZM269.018 37.7083H283.08C284.007 37.7083 284.799 37.3854 285.455 36.7292C286.106 36.0781 286.434 35.2865 286.434 34.3542V30.0833C286.434 29.1563 286.106 28.3646 285.455 27.7083C284.799 27.0573 284.007 26.7292 283.08 26.7292H269.018V37.7083Z" fill="white"/>
+<path d="M299.791 55.3333V23.75C299.791 23.2917 300.009 23.0625 300.457 23.0625H322.811C323.27 23.0625 323.499 23.2917 323.499 23.75V26.0417C323.499 26.5 323.27 26.7292 322.811 26.7292H303.374V37.7083H320.228C320.395 37.7083 320.546 37.7865 320.686 37.9375C320.822 38.0781 320.895 38.224 320.895 38.375V40.6875C320.895 40.8854 320.822 41.0417 320.686 41.1667C320.546 41.2917 320.395 41.3542 320.228 41.3542H303.374V52.3542H322.811C323.004 52.3542 323.166 52.4323 323.291 52.5833C323.426 52.724 323.499 52.8698 323.499 53.0208V55.3333C323.499 55.7813 323.27 56 322.811 56H300.457C300.009 56 299.791 55.7813 299.791 55.3333Z" fill="white"/>
+<path d="M332.62 55.3333V23.75C332.62 23.5833 332.687 23.4323 332.828 23.2917C332.963 23.1406 333.12 23.0625 333.286 23.0625H350.328C351.286 23.0625 352.187 23.25 353.036 23.625C353.88 23.9896 354.625 24.4948 355.265 25.1458C355.901 25.7865 356.401 26.5313 356.765 27.375C357.14 28.224 357.328 29.125 357.328 30.0833V49C357.328 49.9583 357.14 50.8698 356.765 51.7292C356.401 52.5938 355.901 53.3333 355.265 53.9583C354.625 54.5833 353.88 55.0833 353.036 55.4583C352.187 55.8229 351.286 56 350.328 56H333.286C333.12 56 332.963 55.9375 332.828 55.8125C332.687 55.6875 332.62 55.5313 332.62 55.3333ZM336.265 52.3542H350.328C351.255 52.3542 352.047 52.0313 352.703 51.375C353.354 50.7083 353.682 49.9167 353.682 49V30.0833C353.682 29.1563 353.354 28.3646 352.703 27.7083C352.047 27.0573 351.255 26.7292 350.328 26.7292H336.265V52.3542Z" fill="white"/>
+<path d="M368.295 55.1458V49.8958C368.295 49.4531 368.514 49.2292 368.962 49.2292H371.253C371.42 49.2292 371.571 49.3021 371.712 49.4375C371.863 49.5625 371.941 49.7187 371.941 49.8958V55.1458C371.941 55.3281 371.863 55.4896 371.712 55.625C371.571 55.75 371.42 55.8125 371.253 55.8125H368.962C368.514 55.8125 368.295 55.5937 368.295 55.1458Z" fill="white"/>
+<path d="M400.367 23.0625C400.559 23.0625 400.747 23.1354 400.929 23.2708C401.106 23.3958 401.226 23.5365 401.283 23.6875L407.95 40.3958C408.018 40.5625 408.075 40.7813 408.117 41.0417C408.169 41.2917 408.2 41.5104 408.2 41.6875V55.3333C408.2 55.7813 407.976 56 407.533 56H405.262C404.814 56 404.596 55.7813 404.596 55.3333V46.4583H387.179V55.3333C387.179 55.7813 386.955 56 386.512 56H384.2C383.752 56 383.533 55.7813 383.533 55.3333V41.6875C383.533 41.5104 383.554 41.2917 383.596 41.0417C383.648 40.7813 383.705 40.5625 383.762 40.3958L390.429 23.6875C390.497 23.5365 390.627 23.3958 390.825 23.2708C391.018 23.1354 391.189 23.0625 391.346 23.0625H400.367ZM404.596 42.8542V41.6875L398.596 26.7292H393.179L387.179 41.6875V42.8542H404.596Z" fill="white"/>
+<path d="M417.848 55.3333V53.0208C417.848 52.8698 417.91 52.724 418.035 52.5833C418.16 52.4323 418.316 52.3542 418.514 52.3542H427.743V26.7292H418.514C418.066 26.7292 417.848 26.5 417.848 26.0417V23.75C417.848 23.2917 418.066 23.0625 418.514 23.0625H440.556C440.999 23.0625 441.223 23.2917 441.223 23.75V26.0417C441.223 26.5 440.999 26.7292 440.556 26.7292H431.389V52.3542H440.556C440.749 52.3542 440.91 52.4323 441.035 52.5833C441.16 52.724 441.223 52.8698 441.223 53.0208V55.3333C441.223 55.7813 440.999 56 440.556 56H418.514C418.066 56 417.848 55.7813 417.848 55.3333Z" fill="white"/>
 </svg>

data/app/assets/images/layered_ui/logo_light.svg

@@ -1,25 +1,15 @@
-<svg width="454" height="80" viewBox="0 0 454 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_93_127" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="433" y="10" width="21" height="16">
-<path d="M453.245 10H433.245V26H453.245V10Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_93_127)">
-<mask id="mask1_93_127" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="434" y="14" width="8" height="8">
-<path d="M434.313 14H441.245V22H434.313V14Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_93_127)">
-<path d="M437.733 21.8H436.858V14.9667H434.462V14.175H440.129V14.9667H437.733V21.8Z" fill="black"/>
-</g>
-<path d="M445.376 21.8L442.813 15.05H442.772C442.782 15.2062 442.798 15.3833 442.813 15.5917C442.824 15.7896 442.834 16.0083 442.834 16.2583C442.845 16.4979 442.855 16.7375 442.855 16.9875V21.8H442.022V14.175H443.334L445.751 20.5083H445.793L448.23 14.175H449.543V21.8H448.668V16.925C448.668 16.7062 448.668 16.4823 448.668 16.2583C448.678 16.0239 448.688 15.8104 448.688 15.6125C448.699 15.4042 448.714 15.2271 448.73 15.0708H448.688L446.105 21.8H445.376Z" fill="black"/>
-</g>
-<path d="M42.5 37.2344L5.875 20L42.5 2.76563L79.125 20L42.5 37.2344ZM2.9375 21.375L42.5 40L82.0625 21.375L85 20L82.0625 18.625L42.5 0L2.9375 18.625L0 20L2.9375 21.375ZM12.4375 34.1406C5.01563 37.6406 0.859376 39.5938 0 40L2.9375 41.375L42.5 60L82.0625 41.375L85 40C84.1406 39.5938 79.9844 37.6406 72.5625 34.1406L69.625 35.5156L79.125 39.9844L42.5 57.2188L5.875 39.9844L15.375 35.5156L12.4375 34.1406ZM2.9375 58.625L0 60L2.9375 61.375L42.5 80L82.0625 61.375L85 60C84.1406 59.5938 79.9844 57.6406 72.5625 54.1406L69.625 55.5156L79.125 59.9844L42.5 77.2188L5.875 59.9844L15.375 55.5156L12.4375 54.1406L2.9375 58.6094V58.625Z" fill="black"/>
-<path d="M117.833 23.0625H120.145C120.588 23.0625 120.812 23.2917 120.812 23.75V52.3542H139.583C139.776 52.3542 139.937 52.4323 140.062 52.5833C140.187 52.724 140.25 52.8698 140.25 53.0208V55.3333C140.25 55.7813 140.026 56 139.583 56H117.833C117.677 56 117.526 55.9375 117.375 55.8125C117.234 55.6875 117.166 55.5313 117.166 55.3333V23.75C117.166 23.5573 117.234 23.3958 117.375 23.2708C117.526 23.1354 117.677 23.0625 117.833 23.0625Z" fill="black"/>
-<path d="M166.356 23.0625C166.549 23.0625 166.736 23.1354 166.919 23.2708C167.096 23.3958 167.215 23.5365 167.273 23.6875L173.939 40.3958C174.007 40.5625 174.064 40.7813 174.106 41.0417C174.158 41.2917 174.189 41.5104 174.189 41.6875V55.3333C174.189 55.7813 173.965 56 173.523 56H171.252C170.804 56 170.585 55.7813 170.585 55.3333V46.4583H153.169V55.3333C153.169 55.7813 152.945 56 152.502 56H150.189C149.741 56 149.523 55.7813 149.523 55.3333V41.6875C149.523 41.5104 149.544 41.2917 149.585 41.0417C149.637 40.7813 149.695 40.5625 149.752 40.3958L156.419 23.6875C156.486 23.5365 156.616 23.3958 156.814 23.2708C157.007 23.1354 157.179 23.0625 157.335 23.0625H166.356ZM170.585 42.8542V41.6875L164.585 26.7292H159.169L153.169 41.6875V42.8542H170.585Z" fill="black"/>
-<path d="M183.65 32.4792C183.509 32.3281 183.389 32.1458 183.296 31.9375C183.212 31.7292 183.171 31.5313 183.171 31.3333V23.75C183.171 23.5833 183.238 23.4323 183.379 23.2917C183.514 23.1406 183.671 23.0625 183.837 23.0625H186.15C186.327 23.0625 186.483 23.1406 186.608 23.2917C186.744 23.4323 186.816 23.5833 186.816 23.75V29.8958C186.816 30.0521 186.863 30.2396 186.962 30.4583C187.056 30.6823 187.171 30.875 187.296 31.0417L195.546 39.1042L203.754 31.0417C203.921 30.875 204.035 30.6823 204.108 30.4583C204.191 30.2396 204.233 30.0521 204.233 29.8958V23.75C204.233 23.5833 204.296 23.4323 204.421 23.2917C204.556 23.1406 204.718 23.0625 204.9 23.0625H207.212C207.405 23.0625 207.566 23.1406 207.691 23.2917C207.816 23.4323 207.879 23.5833 207.879 23.75V31.3333C207.879 31.5313 207.827 31.7292 207.733 31.9375C207.634 32.1458 207.525 32.3281 207.4 32.4792L197.379 42.4583V55.3333C197.379 55.5313 197.301 55.6875 197.15 55.8125C197.009 55.9375 196.858 56 196.691 56H194.4C193.952 56 193.733 55.7813 193.733 55.3333V42.4583L183.65 32.4792Z" fill="black"/>
-<path d="M217.542 55.3333V23.75C217.542 23.2917 217.76 23.0625 218.208 23.0625H240.563C241.021 23.0625 241.25 23.2917 241.25 23.75V26.0417C241.25 26.5 241.021 26.7292 240.563 26.7292H221.125V37.7083H237.979C238.146 37.7083 238.297 37.7865 238.438 37.9375C238.573 38.0781 238.646 38.224 238.646 38.375V40.6875C238.646 40.8854 238.573 41.0417 238.438 41.1667C238.297 41.2917 238.146 41.3542 237.979 41.3542H221.125V52.3542H240.563C240.755 52.3542 240.917 52.4323 241.042 52.5833C241.177 52.724 241.25 52.8698 241.25 53.0208V55.3333C241.25 55.7813 241.021 56 240.563 56H218.208C217.76 56 217.542 55.7813 217.542 55.3333Z" fill="black"/>
-<path d="M270.517 55.375L264.287 41.3542H254.017V55.3333C254.017 55.7813 253.793 56 253.35 56H251.079C250.631 56 250.412 55.7813 250.412 55.3333V23.75C250.412 23.2917 250.631 23.0625 251.079 23.0625H268.079C269.037 23.0625 269.938 23.25 270.787 23.625C271.631 23.9896 272.376 24.4948 273.017 25.1458C273.652 25.7865 274.152 26.5313 274.517 27.375C274.892 28.224 275.079 29.125 275.079 30.0833V34.3542C275.079 35.9271 274.605 37.3281 273.662 38.5625C272.714 39.7865 271.496 40.6198 269.996 41.0625L268.371 41.5417L274.517 55.375C274.6 55.5417 274.6 55.6875 274.517 55.8125C274.444 55.9375 274.313 56 274.121 56H271.475C271.293 56 271.105 55.9375 270.912 55.8125C270.714 55.6875 270.584 55.5417 270.517 55.375ZM254.017 37.7083H268.079C269.006 37.7083 269.798 37.3854 270.454 36.7292C271.105 36.0781 271.433 35.2865 271.433 34.3542V30.0833C271.433 29.1563 271.105 28.3646 270.454 27.7083C269.798 27.0573 269.006 26.7292 268.079 26.7292H254.017V37.7083Z" fill="black"/>
-<path d="M284.79 55.3333V23.75C284.79 23.2917 285.009 23.0625 285.456 23.0625H307.811C308.269 23.0625 308.498 23.2917 308.498 23.75V26.0417C308.498 26.5 308.269 26.7292 307.811 26.7292H288.373V37.7083H305.227C305.394 37.7083 305.545 37.7865 305.686 37.9375C305.821 38.0781 305.894 38.224 305.894 38.375V40.6875C305.894 40.8854 305.821 41.0417 305.686 41.1667C305.545 41.2917 305.394 41.3542 305.227 41.3542H288.373V52.3542H307.811C308.003 52.3542 308.165 52.4323 308.29 52.5833C308.425 52.724 308.498 52.8698 308.498 53.0208V55.3333C308.498 55.7813 308.269 56 307.811 56H285.456C285.009 56 284.79 55.7813 284.79 55.3333Z" fill="black"/>
-<path d="M317.619 55.3333V23.75C317.619 23.5833 317.687 23.4323 317.827 23.2917C317.963 23.1406 318.119 23.0625 318.286 23.0625H335.327C336.286 23.0625 337.187 23.25 338.036 23.625C338.879 23.9896 339.624 24.4948 340.265 25.1458C340.9 25.7865 341.4 26.5313 341.765 27.375C342.14 28.224 342.327 29.125 342.327 30.0833V49C342.327 49.9583 342.14 50.8698 341.765 51.7292C341.4 52.5938 340.9 53.3333 340.265 53.9583C339.624 54.5833 338.879 55.0833 338.036 55.4583C337.187 55.8229 336.286 56 335.327 56H318.286C318.119 56 317.963 55.9375 317.827 55.8125C317.687 55.6875 317.619 55.5313 317.619 55.3333ZM321.265 52.3542H335.327C336.254 52.3542 337.046 52.0313 337.702 51.375C338.353 50.7083 338.681 49.9167 338.681 49V30.0833C338.681 29.1563 338.353 28.3646 337.702 27.7083C337.046 27.0573 336.254 26.7292 335.327 26.7292H321.265V52.3542Z" fill="black"/>
-<path d="M353.294 55.1458V49.8958C353.294 49.4531 353.512 49.2291 353.96 49.2291H356.252C356.419 49.2291 356.57 49.302 356.71 49.4375C356.861 49.5625 356.94 49.7187 356.94 49.8958V55.1458C356.94 55.3281 356.861 55.4895 356.71 55.625C356.57 55.75 356.419 55.8125 356.252 55.8125H353.96C353.512 55.8125 353.294 55.5937 353.294 55.1458Z" fill="black"/>
-<path d="M385.365 23.0625C385.558 23.0625 385.746 23.1354 385.928 23.2708C386.105 23.3958 386.225 23.5365 386.282 23.6875L392.949 40.3958C393.016 40.5625 393.074 40.7813 393.115 41.0417C393.167 41.2917 393.199 41.5104 393.199 41.6875V55.3333C393.199 55.7813 392.975 56 392.532 56H390.261C389.813 56 389.594 55.7813 389.594 55.3333V46.4583H372.178V55.3333C372.178 55.7813 371.954 56 371.511 56H369.199C368.751 56 368.532 55.7813 368.532 55.3333V41.6875C368.532 41.5104 368.553 41.2917 368.594 41.0417C368.647 40.7813 368.704 40.5625 368.761 40.3958L375.428 23.6875C375.496 23.5365 375.626 23.3958 375.824 23.2708C376.016 23.1354 376.188 23.0625 376.344 23.0625H385.365ZM389.594 42.8542V41.6875L383.594 26.7292H378.178L372.178 41.6875V42.8542H389.594Z" fill="black"/>
-<path d="M402.847 55.3333V53.0208C402.847 52.8698 402.909 52.724 403.034 52.5833C403.159 52.4323 403.316 52.3542 403.514 52.3542H412.743V26.7292H403.514C403.066 26.7292 402.847 26.5 402.847 26.0417V23.75C402.847 23.2917 403.066 23.0625 403.514 23.0625H425.555C425.998 23.0625 426.222 23.2917 426.222 23.75V26.0417C426.222 26.5 425.998 26.7292 425.555 26.7292H416.389V52.3542H425.555C425.748 52.3542 425.909 52.4323 426.034 52.5833C426.159 52.724 426.222 52.8698 426.222 53.0208V55.3333C426.222 55.7813 425.998 56 425.555 56H403.514C403.066 56 402.847 55.7813 402.847 55.3333Z" fill="black"/>
+<svg width="466" height="80" viewBox="0 0 466 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M450.588 16.3333H449.463V7.79167H446.484V6.8125H453.567V7.79167H450.588V16.3333Z" fill="black"/>
+<path d="M460.112 16.3333L456.924 7.91667H456.883C456.893 8.08333 456.909 8.30208 456.924 8.5625C456.935 8.8125 456.945 9.09375 456.945 9.39583C456.956 9.70313 456.966 10.0104 456.966 10.3125V16.3333H455.945V6.8125H457.57L460.591 14.7292H460.633L463.695 6.8125H465.32V16.3333H464.237V10.2292C464.237 9.95313 464.237 9.67708 464.237 9.39583C464.247 9.10417 464.263 8.83333 464.279 8.58333C464.289 8.33333 464.305 8.11458 464.32 7.91667H464.258L461.029 16.3333H460.112Z" fill="black"/>
+<path d="M42.5 37.2344L5.875 20L42.5 2.76563L79.125 20L42.5 37.2344ZM2.9375 21.375L42.5 40L82.0625 21.375L85 20L82.0625 18.625L42.5 0L2.9375 18.625L0 20L2.9375 21.375ZM12.4375 34.1406C5.01562 37.6406 0.859376 39.5938 0 40L2.9375 41.375L42.5 60L82.0625 41.375L85 40C84.1406 39.5938 79.9844 37.6406 72.5625 34.1406L69.625 35.5156L79.125 39.9844L42.5 57.2188L5.875 39.9844L15.375 35.5156L12.4375 34.1406ZM2.9375 58.625L0 60L2.9375 61.375L42.5 80L82.0625 61.375L85 60C84.1406 59.5938 79.9844 57.6406 72.5625 54.1406L69.625 55.5156L79.125 59.9844L42.5 77.2188L5.875 59.9844L15.375 55.5156L12.4375 54.1406L2.9375 58.6094V58.625Z" fill="black"/>
+<path d="M132.834 23.0625H135.146C135.589 23.0625 135.813 23.2917 135.813 23.75V52.3542H154.584C154.776 52.3542 154.938 52.4323 155.063 52.5833C155.188 52.724 155.25 52.8698 155.25 53.0208V55.3333C155.25 55.7813 155.026 56 154.584 56H132.834C132.677 56 132.526 55.9375 132.375 55.8125C132.235 55.6875 132.167 55.5313 132.167 55.3333V23.75C132.167 23.5573 132.235 23.3958 132.375 23.2708C132.526 23.1354 132.677 23.0625 132.834 23.0625Z" fill="black"/>
+<path d="M181.357 23.0625C181.549 23.0625 181.737 23.1354 181.919 23.2708C182.096 23.3958 182.216 23.5365 182.273 23.6875L188.94 40.3958C189.008 40.5625 189.065 40.7813 189.107 41.0417C189.159 41.2917 189.19 41.5104 189.19 41.6875V55.3333C189.19 55.7813 188.966 56 188.523 56H186.253C185.805 56 185.586 55.7813 185.586 55.3333V46.4583H168.169V55.3333C168.169 55.7813 167.945 56 167.503 56H165.19C164.742 56 164.523 55.7813 164.523 55.3333V41.6875C164.523 41.5104 164.544 41.2917 164.586 41.0417C164.638 40.7813 164.695 40.5625 164.753 40.3958L171.419 23.6875C171.487 23.5365 171.617 23.3958 171.815 23.2708C172.008 23.1354 172.18 23.0625 172.336 23.0625H181.357ZM185.586 42.8542V41.6875L179.586 26.7292H174.169L168.169 41.6875V42.8542H185.586Z" fill="black"/>
+<path d="M198.651 32.4792C198.51 32.3281 198.39 32.1458 198.296 31.9375C198.213 31.7292 198.171 31.5313 198.171 31.3333V23.75C198.171 23.5833 198.239 23.4323 198.38 23.2917C198.515 23.1406 198.671 23.0625 198.838 23.0625H201.151C201.328 23.0625 201.484 23.1406 201.609 23.2917C201.744 23.4323 201.817 23.5833 201.817 23.75V29.8958C201.817 30.0521 201.864 30.2396 201.963 30.4583C202.057 30.6823 202.171 30.875 202.296 31.0417L210.546 39.1042L218.755 31.0417C218.921 30.875 219.036 30.6823 219.109 30.4583C219.192 30.2396 219.234 30.0521 219.234 29.8958V23.75C219.234 23.5833 219.296 23.4323 219.421 23.2917C219.557 23.1406 219.718 23.0625 219.901 23.0625H222.213C222.406 23.0625 222.567 23.1406 222.692 23.2917C222.817 23.4323 222.88 23.5833 222.88 23.75V31.3333C222.88 31.5313 222.828 31.7292 222.734 31.9375C222.635 32.1458 222.526 32.3281 222.401 32.4792L212.38 42.4583V55.3333C212.38 55.5313 212.302 55.6875 212.151 55.8125C212.01 55.9375 211.859 56 211.692 56H209.401C208.953 56 208.734 55.7813 208.734 55.3333V42.4583L198.651 32.4792Z" fill="black"/>
+<path d="M232.542 55.3333V23.75C232.542 23.2917 232.761 23.0625 233.209 23.0625H255.563C256.022 23.0625 256.251 23.2917 256.251 23.75V26.0417C256.251 26.5 256.022 26.7292 255.563 26.7292H236.126V37.7083H252.98C253.147 37.7083 253.298 37.7865 253.438 37.9375C253.574 38.0781 253.647 38.224 253.647 38.375V40.6875C253.647 40.8854 253.574 41.0417 253.438 41.1667C253.298 41.2917 253.147 41.3542 252.98 41.3542H236.126V52.3542H255.563C255.756 52.3542 255.917 52.4323 256.042 52.5833C256.178 52.724 256.251 52.8698 256.251 53.0208V55.3333C256.251 55.7813 256.022 56 255.563 56H233.209C232.761 56 232.542 55.7813 232.542 55.3333Z" fill="black"/>
+<path d="M285.518 55.375L279.289 41.3542H269.018V55.3333C269.018 55.7813 268.794 56 268.351 56H266.08C265.632 56 265.414 55.7813 265.414 55.3333V23.75C265.414 23.2917 265.632 23.0625 266.08 23.0625H283.08C284.039 23.0625 284.94 23.25 285.789 23.625C286.632 23.9896 287.377 24.4948 288.018 25.1458C288.653 25.7865 289.153 26.5313 289.518 27.375C289.893 28.224 290.08 29.125 290.08 30.0833V34.3542C290.08 35.9271 289.606 37.3281 288.664 38.5625C287.716 39.7865 286.497 40.6198 284.997 41.0625L283.372 41.5417L289.518 55.375C289.601 55.5417 289.601 55.6875 289.518 55.8125C289.445 55.9375 289.315 56 289.122 56H286.476C286.294 56 286.106 55.9375 285.914 55.8125C285.716 55.6875 285.585 55.5417 285.518 55.375ZM269.018 37.7083H283.08C284.007 37.7083 284.799 37.3854 285.455 36.7292C286.106 36.0781 286.434 35.2865 286.434 34.3542V30.0833C286.434 29.1563 286.106 28.3646 285.455 27.7083C284.799 27.0573 284.007 26.7292 283.08 26.7292H269.018V37.7083Z" fill="black"/>
+<path d="M299.791 55.3333V23.75C299.791 23.2917 300.009 23.0625 300.457 23.0625H322.811C323.27 23.0625 323.499 23.2917 323.499 23.75V26.0417C323.499 26.5 323.27 26.7292 322.811 26.7292H303.374V37.7083H320.228C320.395 37.7083 320.546 37.7865 320.686 37.9375C320.822 38.0781 320.895 38.224 320.895 38.375V40.6875C320.895 40.8854 320.822 41.0417 320.686 41.1667C320.546 41.2917 320.395 41.3542 320.228 41.3542H303.374V52.3542H322.811C323.004 52.3542 323.166 52.4323 323.291 52.5833C323.426 52.724 323.499 52.8698 323.499 53.0208V55.3333C323.499 55.7813 323.27 56 322.811 56H300.457C300.009 56 299.791 55.7813 299.791 55.3333Z" fill="black"/>
+<path d="M332.62 55.3333V23.75C332.62 23.5833 332.687 23.4323 332.828 23.2917C332.963 23.1406 333.12 23.0625 333.286 23.0625H350.328C351.286 23.0625 352.187 23.25 353.036 23.625C353.88 23.9896 354.625 24.4948 355.265 25.1458C355.901 25.7865 356.401 26.5313 356.765 27.375C357.14 28.224 357.328 29.125 357.328 30.0833V49C357.328 49.9583 357.14 50.8698 356.765 51.7292C356.401 52.5938 355.901 53.3333 355.265 53.9583C354.625 54.5833 353.88 55.0833 353.036 55.4583C352.187 55.8229 351.286 56 350.328 56H333.286C333.12 56 332.963 55.9375 332.828 55.8125C332.687 55.6875 332.62 55.5313 332.62 55.3333ZM336.265 52.3542H350.328C351.255 52.3542 352.047 52.0313 352.703 51.375C353.354 50.7083 353.682 49.9167 353.682 49V30.0833C353.682 29.1563 353.354 28.3646 352.703 27.7083C352.047 27.0573 351.255 26.7292 350.328 26.7292H336.265V52.3542Z" fill="black"/>
+<path d="M368.295 55.1458V49.8958C368.295 49.4531 368.514 49.2292 368.962 49.2292H371.253C371.42 49.2292 371.571 49.3021 371.712 49.4375C371.863 49.5625 371.941 49.7187 371.941 49.8958V55.1458C371.941 55.3281 371.863 55.4896 371.712 55.625C371.571 55.75 371.42 55.8125 371.253 55.8125H368.962C368.514 55.8125 368.295 55.5937 368.295 55.1458Z" fill="black"/>
+<path d="M400.367 23.0625C400.559 23.0625 400.747 23.1354 400.929 23.2708C401.106 23.3958 401.226 23.5365 401.283 23.6875L407.95 40.3958C408.018 40.5625 408.075 40.7813 408.117 41.0417C408.169 41.2917 408.2 41.5104 408.2 41.6875V55.3333C408.2 55.7813 407.976 56 407.533 56H405.262C404.814 56 404.596 55.7813 404.596 55.3333V46.4583H387.179V55.3333C387.179 55.7813 386.955 56 386.512 56H384.2C383.752 56 383.533 55.7813 383.533 55.3333V41.6875C383.533 41.5104 383.554 41.2917 383.596 41.0417C383.648 40.7813 383.705 40.5625 383.762 40.3958L390.429 23.6875C390.497 23.5365 390.627 23.3958 390.825 23.2708C391.018 23.1354 391.189 23.0625 391.346 23.0625H400.367ZM404.596 42.8542V41.6875L398.596 26.7292H393.179L387.179 41.6875V42.8542H404.596Z" fill="black"/>
+<path d="M417.848 55.3333V53.0208C417.848 52.8698 417.91 52.724 418.035 52.5833C418.16 52.4323 418.316 52.3542 418.514 52.3542H427.743V26.7292H418.514C418.066 26.7292 417.848 26.5 417.848 26.0417V23.75C417.848 23.2917 418.066 23.0625 418.514 23.0625H440.556C440.999 23.0625 441.223 23.2917 441.223 23.75V26.0417C441.223 26.5 440.999 26.7292 440.556 26.7292H431.389V52.3542H440.556C440.749 52.3542 440.91 52.4323 441.035 52.5833C441.16 52.724 441.223 52.8698 441.223 53.0208V55.3333C441.223 55.7813 440.999 56 440.556 56H418.514C418.066 56 417.848 55.7813 417.848 55.3333Z" fill="black"/>
 </svg>

data/app/assets/tailwind/layered/ui/styles.css

@@ -249,44 +249,36 @@
          transition-[margin] duration-300;
 }
 
-.l-ui-utility--mt-0 {
-  @apply !mt-0 md:!mt-0;
-}
-
-.l-ui-utility--mt-4 {
-  @apply !mt-4 md:!mt-4;
-}
-
-.l-ui-utility--mt-8 {
-  @apply !mt-8 md:!mt-8;
+.l-ui-mt-0 {
+  @apply !mt-0;
 }
 
-.l-ui-utility---mr-2 {
-  @apply !-mr-2 md:!-mr-2;
+.l-ui-mt-2 {
+  @apply !mt-2;
 }
 
-.l-ui-utility--mt-sm {
-  @apply !mt-1 md:!mt-2;
+.l-ui-mt-3 {
+  @apply !mt-3;
 }
 
-.l-ui-utility--mt-md {
-  @apply !mt-2 md:!mt-3;
+.l-ui-mt-4 {
+  @apply !mt-4;
 }
 
-.l-ui-utility--mt-lg {
-  @apply !mt-3 md:!mt-4;
+.l-ui-mt-6 {
+  @apply !mt-6;
 }
 
-.l-ui-utility--mt-xl {
-  @apply !mt-4 md:!mt-6;
+.l-ui-mt-8 {
+  @apply !mt-8;
 }
 
-.l-ui-utility--mt-2xl {
-  @apply !mt-6 md:!mt-8;
+.l-ui--mr-2 {
+  @apply !-mr-2;
 }
 
-.l-ui-utility--mb-0 {
-  @apply !mb-0 md:!mb-0;
+.l-ui-mb-0 {
+  @apply !mb-0;
 }
 
 /* List */
@@ -407,11 +399,14 @@
   @apply my-1;
 }
 
+.l-ui-markdown:has(table) {
+  @apply overflow-x-auto;
+}
+
 .l-ui-markdown table {
   @apply my-3 w-full
          text-sm
-         border-collapse
-         block overflow-x-auto;
+         border-collapse;
 }
 
 .l-ui-markdown caption {
@@ -470,7 +465,8 @@
   @apply page;
 }
 
-.l-ui-page a:not([class*="l-ui-"]) {
+.l-ui-page a:not([class*="l-ui-"]),
+.l-ui-panel__body a:not([class*="l-ui-"]) {
   @apply underline underline-offset-4 decoration-foreground-muted/60
          text-foreground
          focus-ring rounded-sm;
@@ -496,14 +492,14 @@
 
 /* Header */
 
-.l-ui-container--header {
+.l-ui-header-container {
   @apply fixed top-0 left-0 right-0
          z-50
          border-b border-border
          bg-background;
 }
 
-.l-ui-body--hide-header .l-ui-container--header {
+.l-ui-body--hide-header .l-ui-header-container {
   @apply hidden;
 }
 
@@ -514,7 +510,7 @@
 
 .l-ui-header__navigation {
   @apply flex items-center
-         gap-1 -mr-3;
+         gap-4;
 }
 
 .l-ui-header__icon {
@@ -560,15 +556,16 @@
 /* Theme */
 
 .l-ui-theme-toggle {
-  @apply -mr-0;
+  @apply -mr-3;
 }
 
-.l-ui-theme-toggle__icon--light {
-  @apply block;
+/* Base element; visual state set by --light / --dark modifiers below. */
+.l-ui-theme-toggle__icon {
+  @apply hidden;
 }
 
-.l-ui-theme-toggle__icon--dark {
-  @apply hidden;
+.l-ui-theme-toggle__icon--light {
+  @apply block;
 }
 
 .dark .l-ui-theme-toggle__icon--light {
@@ -581,29 +578,33 @@
 
 /* Icon */
 
+.l-ui-icon {
+  @apply dark:invert;
+}
+
+.l-ui-icon--xs {
+  @apply w-4 h-4;
+}
+
 .l-ui-icon--sm {
-  @apply w-5 h-5
-         dark:invert;
+  @apply w-5 h-5;
 }
 
 .l-ui-icon--md {
-  @apply w-6 h-6
-         dark:invert;
+  @apply w-6 h-6;
 }
 
 .l-ui-icon--lg {
-  @apply w-7 h-7
-         dark:invert;
+  @apply w-7 h-7;
 }
 
 .l-ui-icon--xl {
-  @apply w-8 h-8
-         dark:invert;
+  @apply w-8 h-8;
 }
 
 /* Navigation */
 
-.l-ui-container--navigation {
+.l-ui-navigation-container {
   @apply fixed top-[var(--header-height)] left-0 bottom-0
          w-[240px]
          z-50
@@ -614,26 +615,29 @@
          transition-transform duration-200;
 }
 
-.l-ui-container--navigation.open {
+.l-ui-navigation-container.open {
   @apply visible translate-x-0;
 }
 
-.l-ui-body--always-show-navigation .l-ui-container--navigation {
+.l-ui-body--always-show-navigation .l-ui-navigation-container {
   @apply md:visible md:translate-x-0;
 }
 
-.l-ui-backdrop--navigation {
-  @apply fixed top-[var(--header-height)] left-0 right-0 bottom-0
-         z-[45]
+.l-ui-backdrop {
+  @apply z-[45]
          backdrop-blur-sm
          opacity-0 pointer-events-none
          transition-opacity duration-200;
 }
 
-.l-ui-backdrop--navigation.open {
+.l-ui-backdrop.open {
   @apply opacity-100 pointer-events-auto;
 }
 
+.l-ui-backdrop--navigation {
+  @apply fixed top-[var(--header-height)] left-0 right-0 bottom-0;
+}
+
 .l-ui-body--always-show-navigation .l-ui-backdrop--navigation {
   @apply md:hidden;
 }
@@ -884,6 +888,12 @@
          transition-colors;
 }
 
+.l-ui-button--small {
+  @apply gap-1
+         px-3 min-h-[32px]
+         text-xs;
+}
+
 [class*="l-ui-button--"]:disabled,
 .l-ui-button:disabled {
   @apply opacity-50
@@ -898,27 +908,28 @@
          rounded;
 }
 
+.l-ui-notice {
+  @apply notice;
+}
+
 .l-ui-notice--success {
-  @apply notice
-         bg-success-bg
+  @apply bg-success-bg
          text-success-text;
 }
 
 .l-ui-notice--warning {
-  @apply notice
-         bg-warning-bg
+  @apply bg-warning-bg
          text-warning-text;
 }
 
 .l-ui-notice--error {
-  @apply notice
-         bg-error-bg
+  @apply bg-error-bg
          text-error-text;
 }
 
 /* Grid */
 
-.l-ui-container--grid {
+.l-ui-grid {
   @apply grid grid-cols-1
          gap-4
          md:grid-cols-2;
@@ -926,7 +937,7 @@
 
 /* Spread */
 
-.l-ui-container--spread {
+.l-ui-spread {
   @apply flex flex-row items-center justify-between
          gap-4;
 }
@@ -943,8 +954,14 @@
          bg-surface;
 }
 
+@layer base {
+  pre.l-ui-surface {
+    margin: 0;
+  }
+}
+
 pre.l-ui-surface {
-  @apply m-0 overflow-auto;
+  @apply overflow-auto;
 
   > code {
     @apply bg-transparent;
@@ -1075,19 +1092,19 @@ pre.l-ui-surface {
 }
 
 .field_with_errors .l-ui-form__field {
-  @apply border-2 border-error-bg bg-error-bg/10;
+  @apply border-2 border-danger bg-error-bg/10;
 }
 
 .l-ui-form__field-error {
   @apply mt-1 text-xs;
 }
 
-.l-ui-container--checkbox {
+.l-ui-checkbox-container {
   @apply flex items-center
          mt-2 gap-3;
 }
 
-.l-ui-container--checkbox input[type="checkbox"] {
+.l-ui-checkbox-container input[type="checkbox"] {
   @apply w-6 h-6
          accent-foreground
          focus-ring
@@ -1097,7 +1114,7 @@ pre.l-ui-surface {
 
 /* Search */
 
-.l-ui-search__inline {
+.l-ui-search-inline {
   @apply flex items-center
          gap-2;
 
@@ -1186,7 +1203,7 @@ pre.l-ui-surface {
   appearance: none;
 }
 
-.l-ui-radio__group {
+.l-ui-radio {
   @apply flex flex-col
          mt-2 gap-2;
 }
@@ -1245,7 +1262,7 @@ pre.l-ui-surface {
   @apply px-2 py-2.5;
 }
 
-.l-ui-container--table {
+.l-ui-table-container {
   @apply overflow-x-auto;
 }
 
@@ -1393,24 +1410,24 @@ pre.l-ui-surface {
 
 /* Pagination (pagy) */
 
-.l-ui-container--pagy .pagy.series-nav {
+.l-ui-pagy-container .pagy.series-nav {
   @apply pagination;
 }
 
-.l-ui-container--pagy .pagy.series-nav a,
-.l-ui-container--pagy .pagy.series-nav span {
+.l-ui-pagy-container .pagy.series-nav a,
+.l-ui-pagy-container .pagy.series-nav span {
   @apply pagination__item no-underline;
 }
 
-.l-ui-container--pagy .pagy.series-nav a[aria-current="page"] {
+.l-ui-pagy-container .pagy.series-nav a[aria-current="page"] {
   @apply pagination__item--active;
 }
 
-.l-ui-container--pagy .pagy.series-nav .disabled {
+.l-ui-pagy-container .pagy.series-nav .disabled {
   @apply pagination__item--disabled;
 }
 
-.l-ui-container--pagy .pagy.series-nav .gap {
+.l-ui-pagy-container .pagy.series-nav .gap {
   @apply pagination__gap;
 }
 
@@ -1512,7 +1529,7 @@ pre.l-ui-surface {
   @apply block;
 }
 
-.l-ui-container--panel {
+.l-ui-panel-container {
   @apply fixed top-[var(--header-height)] right-0 bottom-0
          w-full md:w-[480px]
          z-40
@@ -1522,7 +1539,7 @@ pre.l-ui-surface {
          transition-transform duration-300;
 }
 
-.l-ui-container--panel.open {
+.l-ui-panel-container.open {
   @apply translate-x-0;
 }
 
@@ -1794,8 +1811,8 @@ pre.l-ui-surface {
 /* Stream fade-in */
 
 @keyframes l-ui-stream-fade-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
 
 .l-ui-stream-fade {

data/app/helpers/layered/ui/pagy_helper.rb

@@ -3,14 +3,14 @@ module Layered
     module PagyHelper
       def l_ui_pagy(pagy)
         unless defined?(Pagy)
-          return tag.p("Pagination requires the pagy gem. Add `gem \"pagy\"` to your Gemfile.", class: "l-ui-notice--warning") if Rails.env.development?
+          return tag.p("Pagination requires the pagy gem. Add `gem \"pagy\"` to your Gemfile.", class: "l-ui-notice l-ui-notice--warning") if Rails.env.development?
 
           return
         end
 
         return unless pagy.pages > 1
 
-        tag.div(pagy.series_nav.html_safe, class: "l-ui-container--pagy l-ui-utility--mt-lg")
+        tag.div(pagy.series_nav.html_safe, class: "l-ui-pagy-container l-ui-mt-4")
       end
     end
   end

data/app/helpers/layered/ui/ransack_helper.rb

@@ -12,7 +12,7 @@ module Layered
       #     f.submit "Go", class: "l-ui-button--primary"
       #   end
       def l_ui_search_form(query, url: nil, fields: [], predicate: :cont, combinator: :or, label: "Search", placeholder: nil, button: "Search", clear: nil, turbo_frame: nil, html: {}, &block)
-        result = require_ransack("l_ui_search_form") { |msg| tag.p(msg, class: "l-ui-notice--warning") }
+        result = require_ransack("l_ui_search_form") { |msg| tag.p(msg, class: "l-ui-notice l-ui-notice--warning") }
         return result unless result == true
 
         scope = query.context&.search_key || :q
@@ -44,7 +44,7 @@ module Layered
 
           search_form_for(query, url: url, html: html, as: scope) do |f|
             f.label(combined_field, label, class: "l-ui-sr-only") +
-              tag.div(class: "l-ui-search__inline") do
+              tag.div(class: "l-ui-search-inline") do
                 content = f.text_field(combined_field, class: "l-ui-form__field", placeholder: placeholder) +
                   f.submit(button, class: "l-ui-button--primary")
                 if clear

data/app/helpers/layered/ui/table_helper.rb

@@ -76,7 +76,7 @@ module Layered
 
         caption_tag = caption ? tag.caption(caption, class: "l-ui-sr-only") : nil
         table = tag.table(class: "l-ui-table") { safe_join([caption_tag, thead, tbody].compact) }
-        tag.div(table, class: "l-ui-container--table")
+        tag.div(table, class: "l-ui-table-container")
       end
 
       private

data/app/helpers/layered/ui/title_bar_helper.rb

@@ -6,7 +6,7 @@ module Layered
       def l_ui_title_bar(title:, breadcrumbs: [], actions: nil, &block)
         action_content = block_given? ? capture(&block) : actions
 
-        content_tag(:header, class: "l-ui-title-bar l-ui-container--spread") do
+        content_tag(:header, class: "l-ui-title-bar l-ui-spread") do
           safe_join([
             content_tag(:div, class: "l-ui-title-bar__content") do
               safe_join([

data/app/javascript/layered_ui/controllers/l_ui/navigation_controller.js

@@ -67,7 +67,7 @@ export default class extends Controller {
 
     // Prevent background content from being tabbable
     const main = document.querySelector("main")
-    const panel = document.querySelector(".l-ui-container--panel")
+    const panel = document.querySelector(".l-ui-panel-container")
     if (main) main.setAttribute("inert", "")
     if (panel) panel.setAttribute("inert", "")
 
@@ -103,7 +103,7 @@ export default class extends Controller {
 
     // Restore background content tabbability
     const main = document.querySelector("main")
-    const panel = document.querySelector(".l-ui-container--panel")
+    const panel = document.querySelector(".l-ui-panel-container")
     if (main) main.removeAttribute("inert")
     if (panel) panel.removeAttribute("inert")
 
@@ -148,7 +148,7 @@ export default class extends Controller {
     if (this.hasCloseIconTarget) this.closeIconTarget.style.display = "none"
 
     const main = document.querySelector("main")
-    const panel = document.querySelector(".l-ui-container--panel")
+    const panel = document.querySelector(".l-ui-panel-container")
     if (main) main.removeAttribute("inert")
     if (panel) panel.removeAttribute("inert")
   }

data/app/javascript/layered_ui/controllers/l_ui/search_form_controller.js

@@ -28,7 +28,7 @@ export default class extends Controller {
   }
 
   rewriteLink(event) {
-    const link = event.target.closest(".l-ui-container--pagy a[href]")
+    const link = event.target.closest(".l-ui-pagy-container a[href]")
     if (!link) return
 
     const url = new URL(link.href, window.location.origin)

data/app/views/devise/confirmations/new.html.erb

@@ -2,7 +2,7 @@
   <div class="l-ui-page--width-constrained">
     <h1>Resend confirmation instructions</h1>
 
-    <%= form_with(model: resource, as: resource_name, url: confirmation_path(resource_name), method: :post, class: 'l-ui-form l-ui-utility--mt-md') do |f| %>
+    <%= form_with(model: resource, as: resource_name, url: confirmation_path(resource_name), method: :post, class: 'l-ui-form l-ui-mt-3') do |f| %>
       <%= render 'layered_ui/shared/form_errors', item: resource %>
 
       <div class="l-ui-form__group">

data/app/views/devise/passwords/edit.html.erb

@@ -2,7 +2,7 @@
   <div class="l-ui-page--width-constrained">
     <h1>Change your password</h1>
 
-    <%= form_with(model: resource, as: resource_name, url: password_path(resource_name), method: :put, class: 'l-ui-form l-ui-utility--mt-md') do |f| %>
+    <%= form_with(model: resource, as: resource_name, url: password_path(resource_name), method: :put, class: 'l-ui-form l-ui-mt-3') do |f| %>
       <%= render 'layered_ui/shared/form_errors', item: resource %>
       <%= f.hidden_field :reset_password_token %>
 

data/app/views/devise/passwords/new.html.erb

@@ -2,7 +2,7 @@
   <div class="l-ui-page--width-constrained">
     <h1>Forgot your password?</h1>
 
-    <%= form_with(model: resource, as: resource_name, url: password_path(resource_name), method: :post, class: 'l-ui-form l-ui-utility--mt-md') do |f| %>
+    <%= form_with(model: resource, as: resource_name, url: password_path(resource_name), method: :post, class: 'l-ui-form l-ui-mt-3') do |f| %>
       <%= render 'layered_ui/shared/form_errors', item: resource %>
 
       <div class="l-ui-form__group">

data/app/views/devise/registrations/new.html.erb

@@ -2,7 +2,7 @@
   <div class="l-ui-page--width-constrained">
     <h1>Register</h1>
 
-    <%= form_with(model: resource, as: resource_name, url: registration_path(resource_name), class: 'l-ui-form l-ui-utility--mt-md') do |f| %>
+    <%= form_with(model: resource, as: resource_name, url: registration_path(resource_name), class: 'l-ui-form l-ui-mt-3') do |f| %>
       <%= render 'layered_ui/shared/form_errors', item: resource %>
 
       <% if resource.class.column_names.include?('name') %>

data/app/views/devise/sessions/new.html.erb

@@ -2,7 +2,7 @@
   <div class="l-ui-page--width-constrained">
     <h1>Login</h1>
 
-    <%= form_with(model: resource, as: resource_name, url: session_path(resource_name), class: 'l-ui-form l-ui-utility--mt-md') do |f| %>
+    <%= form_with(model: resource, as: resource_name, url: session_path(resource_name), class: 'l-ui-form l-ui-mt-3') do |f| %>
       <%= render 'layered_ui/shared/form_errors', item: resource %>
 
       <div class="l-ui-form__group">
@@ -18,7 +18,7 @@
       </div>
 
       <% if devise_mapping.rememberable? %>
-        <div class="l-ui-form__group l-ui-container--checkbox l-ui-utility--mt-8">
+        <div class="l-ui-form__group l-ui-checkbox-container l-ui-mt-8">
           <%= f.check_box :remember_me %>
           <%= f.label :remember_me, class: "l-ui-label--checkbox" %>
         </div>

data/app/views/devise/shared/_links.html.erb

@@ -1,35 +1,35 @@
 <%- if controller_name != 'sessions' %>
-    <p>
-      Already have an account? <%= link_to "Login", new_session_path(resource_name) %>
-    </p>
-  <% end %>
+  <p>
+    Already have an account? <%= link_to "Login", new_session_path(resource_name) %>
+  </p>
+<% end %>
 
-  <%- if devise_mapping.registerable? && controller_name != 'registrations' %>
-    <p>
-      Don't have an account? <%= link_to "Register", new_registration_path(resource_name) %>
-    </p>
-  <% end %>
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <p>
+    Don't have an account? <%= link_to "Register", new_registration_path(resource_name) %>
+  </p>
+<% end %>
 
-  <%- if devise_mapping.recoverable? || devise_mapping.confirmable? || (devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email)) %>
-    <h3 class="l-ui-utility--mt-xl">
-      Need assistance?
-    </h3>
-  <% end %>
+<%- if devise_mapping.recoverable? || devise_mapping.confirmable? || (devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email)) %>
+  <h2 class="l-ui-mt-6">
+    Need assistance?
+  </h2>
+<% end %>
 
-  <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
-    <p ><%= link_to "Reset your password", new_password_path(resource_name) %></p>
-  <% end %>
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <p><%= link_to "Reset your password", new_password_path(resource_name) %></p>
+<% end %>
 
-  <%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
-    <p ><%= link_to "Resend account confirmation email", new_confirmation_path(resource_name) %></p>
-  <% end %>
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <p><%= link_to "Resend account confirmation email", new_confirmation_path(resource_name) %></p>
+<% end %>
 
-  <%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
-    <p ><%= link_to "Resend account unlock email", new_unlock_path(resource_name) %></p>
-  <% end %>
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <p><%= link_to "Resend account unlock email", new_unlock_path(resource_name) %></p>
+<% end %>
 
-  <%- if devise_mapping.omniauthable? %>
-    <%- resource_class.omniauth_providers.each do |provider| %>
-      <p ><%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %></p>
-    <% end %>
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <p><%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %></p>
   <% end %>
+<% end %>

data/app/views/devise/unlocks/new.html.erb

@@ -2,7 +2,7 @@
   <div class="l-ui-page--width-constrained">
     <h1>Resend unlock instructions</h1>
 
-    <%= form_with(model: resource, as: resource_name, url: unlock_path(resource_name), method: :post, class: 'l-ui-form l-ui-utility--mt-md') do |f| %>
+    <%= form_with(model: resource, as: resource_name, url: unlock_path(resource_name), method: :post, class: 'l-ui-form l-ui-mt-3') do |f| %>
       <%= render 'layered_ui/shared/form_errors', item: resource %>
 
       <div class="l-ui-form__group">

data/app/views/layered/ui/managed_resource/_field_input.html.erb

@@ -30,7 +30,7 @@
                     class: "l-ui-select", **base_opts, **extras) %>
   </div>
 <% elsif config[:as] == :checkbox %>
-  <div class="l-ui-container--checkbox">
+  <div class="l-ui-checkbox-container">
     <%= form.check_box(attribute, class: "l-ui-checkbox", **base_opts, **extras) %>
     <%= form.label(attribute, config[:label], class: "l-ui-label--checkbox") %>
   </div>

data/app/views/layered_ui/shared/_form_errors.html.erb

@@ -1,10 +1,10 @@
 <% if item.errors.any? %>
   <div id="error_explanation" class="l-ui-form__errors" role="alert">
-    <h3>
+    <h2>
       <%= pluralize(item.errors.count, "error") %> found:
-    </h3>
+    </h2>
 
-    <ul class="l-ui-form__errors-list l-ui-utility--mt-lg">
+    <ul class="l-ui-form__errors-list l-ui-mt-4">
       <% item.errors.each do |error| %>
         <li><%= error.full_message %></li>
       <% end %>

data/app/views/layouts/layered_ui/_header.html.erb

@@ -1,4 +1,4 @@
-<header class="l-ui-container--header" role="banner">
+<header class="l-ui-header-container" role="banner">
   <div class="l-ui-header">
     <%= link_to "/", "aria-label": "Home" do %>
       <%= image_tag(@l_ui_icon_light_url.presence || "layered_ui/icon_light.svg", alt: "", class: "l-ui-header__icon l-ui-header__icon--light") %>
@@ -17,17 +17,17 @@
         aria-label="Toggle dark mode"
         aria-pressed="false"
       >
-        <%= image_tag "layered_ui/icon_moon.svg", alt: "", class: "l-ui-icon--sm l-ui-theme-toggle__icon--light", aria: { hidden: true } %>
-        <%= image_tag "layered_ui/icon_sun.svg", alt: "", class: "l-ui-icon--sm l-ui-theme-toggle__icon--dark", aria: { hidden: true } %>
+        <%= image_tag "layered_ui/icon_moon.svg", alt: "", class: "l-ui-icon l-ui-icon--sm l-ui-theme-toggle__icon l-ui-theme-toggle__icon--light", aria: { hidden: true } %>
+        <%= image_tag "layered_ui/icon_sun.svg", alt: "", class: "l-ui-icon l-ui-icon--sm l-ui-theme-toggle__icon l-ui-theme-toggle__icon--dark", aria: { hidden: true } %>
       </button>
 
       <% unless l_ui_user_signed_in? %>
         <% if respond_to?(:new_user_registration_path) %>
-          <%= link_to "Register", main_app.new_user_registration_path, class: "l-ui-button" %>
+          <%= link_to "Register", main_app.new_user_registration_path, class: "l-ui-button--outline l-ui-button--small" %>
         <% end %>
 
         <% if respond_to?(:new_user_session_path) %>
-          <%= link_to "Login", main_app.new_user_session_path, class: "l-ui-button" %>
+          <%= link_to "Login", main_app.new_user_session_path, class: "l-ui-button--primary l-ui-button--small" %>
         <% end %>
       <% end %>
 
@@ -41,8 +41,8 @@
           aria-expanded="false"
           aria-controls="l-ui-navigation"
         >
-          <%= image_tag "layered_ui/icon_hamburger.svg", alt: "", class: "l-ui-icon--md", data: { "l-ui--navigation-target": "openIcon" }, aria: { hidden: true } %>
-          <%= image_tag "layered_ui/icon_close.svg", alt: "", class: "l-ui-icon--md", style: "display: none;", data: { "l-ui--navigation-target": "closeIcon" }, aria: { hidden: true } %>
+          <%= image_tag "layered_ui/icon_hamburger.svg", alt: "", class: "l-ui-icon l-ui-icon--md", data: { "l-ui--navigation-target": "openIcon" }, aria: { hidden: true } %>
+          <%= image_tag "layered_ui/icon_close.svg", alt: "", class: "l-ui-icon l-ui-icon--md", style: "display: none;", data: { "l-ui--navigation-target": "closeIcon" }, aria: { hidden: true } %>
         </button>
       <% end %>
     </nav>

data/app/views/layouts/layered_ui/_navigation.html.erb

@@ -1,5 +1,5 @@
 <% if yield(:l_ui_navigation_items).present? || l_ui_user_signed_in? %>
-  <nav id="l-ui-navigation" class="l-ui-container--navigation" aria-label="Main navigation" data-l-ui--navigation-target="navigation">
+  <nav id="l-ui-navigation" class="l-ui-navigation-container" aria-label="Main navigation" data-l-ui--navigation-target="navigation">
     <div class="l-ui-navigation">
       <ul class="l-ui-navigation__links" role="list">
         <%= yield :l_ui_navigation_items %>
@@ -21,7 +21,7 @@
             <% end %>
           </div>
           <% if l_ui_user_signed_in? && respond_to?(:destroy_user_session_path) %>
-            <div class="l-ui-utility--mt-lg">
+            <div class="l-ui-mt-4">
               <%= button_to "Logout", main_app.destroy_user_session_path, method: :delete, class: "l-ui-button--outline-danger l-ui-button--full" %>
             </div>
           <% end %>

data/app/views/layouts/layered_ui/_notice.html.erb

@@ -2,7 +2,7 @@
   <% next unless %w[notice alert error].include?(name) %>
   <% next unless msg.is_a?(String) && msg.present? %>
 
-  <p class="<%= case name
+  <p class="l-ui-notice <%= case name
     when 'notice' then 'l-ui-notice--success'
     when 'error'  then 'l-ui-notice--error'
     else               'l-ui-notice--warning'

data/app/views/layouts/layered_ui/_panel.html.erb

@@ -4,7 +4,7 @@
 >
   <aside
     id="panel"
-    class="l-ui-container--panel"
+    class="l-ui-panel-container"
     data-l-ui--panel-target="container"
     data-l-ui--panel-resize-target="container"
     aria-label="Side panel"
@@ -18,6 +18,8 @@
       aria-orientation="vertical"
       aria-valuenow="480"
       aria-valuemin="240"
+      aria-valuemax="1200"
+      aria-valuetext="Panel width: 480 pixels"
       tabindex="0"
       data-l-ui--panel-resize-target="handle"
       data-action="mousedown->l-ui--panel-resize#startResize dblclick->l-ui--panel-resize#resetWidth keydown->l-ui--panel-resize#handleKeydown"
@@ -39,7 +41,7 @@
                 title="Toggle panel (Ctrl+i / ⌘i)"
                 data-action="click->l-ui--panel#toggle"
                 data-l-ui--panel-target="hideButton">
-                <%= image_tag "layered_ui/icon_chevron_right.svg", alt: "", class: "l-ui-icon--sm", aria: { hidden: true } %>
+                <%= image_tag "layered_ui/icon_chevron_right.svg", alt: "", class: "l-ui-icon l-ui-icon--sm", aria: { hidden: true } %>
               </button>
             </div>
           </div>
@@ -66,12 +68,12 @@
     data-l-ui--panel-target="actionButton"
   >
     <% if @l_ui_panel_icon_light_url.present? %>
-      <%= image_tag(@l_ui_panel_icon_light_url, alt: "", class: "l-ui-icon--lg l-ui-panel__icon--light", aria: { hidden: true }) %>
+      <%= image_tag(@l_ui_panel_icon_light_url, alt: "", class: "l-ui-icon l-ui-icon--lg l-ui-panel__icon l-ui-panel__icon--light", aria: { hidden: true }) %>
     <% else %>
       <svg class="l-ui-panel__icon l-ui-panel__icon--light" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="currentColor" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
     <% end %>
     <% if @l_ui_panel_icon_dark_url.present? %>
-      <%= image_tag(@l_ui_panel_icon_dark_url, alt: "", class: "l-ui-icon--lg l-ui-panel__icon--dark", aria: { hidden: true }) %>
+      <%= image_tag(@l_ui_panel_icon_dark_url, alt: "", class: "l-ui-icon l-ui-icon--lg l-ui-panel__icon l-ui-panel__icon--dark", aria: { hidden: true }) %>
     <% else %>
       <svg class="l-ui-panel__icon l-ui-panel__icon--dark" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="currentColor" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
     <% end %>

data/app/views/layouts/layered_ui/application.html.erb

@@ -30,7 +30,7 @@
     <div id="l-ui-live-region" class="l-ui-sr-only" aria-live="polite" aria-atomic="true"></div>
     <%= render "layouts/layered_ui/header" %>
     <%= render "layouts/layered_ui/navigation" %>
-    <div class="l-ui-backdrop--navigation" data-l-ui--navigation-target="backdrop" data-action="click->l-ui--navigation#close"></div>
+    <div class="l-ui-backdrop l-ui-backdrop--navigation" data-l-ui--navigation-target="backdrop" data-action="click->l-ui--navigation#close"></div>
     <% if yield(:l_ui_panel_body).present? %>
       <%= render "layouts/layered_ui/panel" %>
     <% end %>

data/lib/layered/ui/version.rb

@@ -1,5 +1,5 @@
 module Layered
   module Ui
-    VERSION = "0.11.0"
+    VERSION = "0.13.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: layered-ui-rails
 version: !ruby/object:Gem::Version
-  version: 0.11.0
+  version: 0.13.0
 platform: ruby
 authors:
 - layered.ai