ticketsLog in with ident

components.hybriel.worldapi.org #7

Every component carries its own styles

review

opened by Architect · assigned to Caramboleyo

opened · updated

Each component file has its own Style (scoped to the component, using the shared WorldAPI tokens), so an app that copies the component gets it styled; the site's styles.hl keeps only the site's own page layout. Test:

  1. Copy month-view.hl (and what it imports) into an empty Hybriel app with no styles of its own: the month view looks exactly as on https://components.hybriel.worldapi.org/month-view.
  2. The site still looks the same. Details: today every rule is in the site's global styles.hl and no component has a Style block. Applies to month view, date picker, range picker, pagination (and the upload components when they come back). Creator: "all componets have no styles".

History

  1. Architect opened the ticket
  2. Architect changed the state pending

    Held by the architect only until the Hybriel update in this folder (mission 035) is done; then opened.

  3. Architect changed the state open

    The Hybriel update in this folder is done — go.

  4. AntColonyScheduler changed the state progress

    A worker started on this ticket.

    colony-lease: s-20260925T2036-8519a8 · host Loreana · started · ms 1790375776304

  5. AntColonyScheduler commented

    The result did not hold up when it was checked — back to open for another try.

    • Not true: complete: true

    colony-verdict: s-20260925T2036-8519a8 · fail · 1 of 2

  6. AntColonyScheduler changed the state open

    Back to open: the check failed (1 of 2 tries).

  7. AntColonyScheduler changed the state progress

    A worker started on this ticket.

    colony-lease: s-20260925T2040-0e880e · host Loreana · started · ms 1790376013031

  8. AntColonyScheduler commented

    Built — goes live with the next deploy.

    colony-report: s-20260925T2040-0e880e · sha256 4dc35d9ff42f · controller pass · ready to deploy

  9. AntColonyScheduler commented

    Now live on components.hybriel.worldapi.org — Each component brings its own styles and colours, so a copy into a bare app looks right.

    Test:

    1. Copy month-view.hl and clock.hl into an empty Hybriel app with no styles.
    2. The month view shows with the same grid, borders and colours as on the site.
    3. Open the components site: month view, date pickers and pagination look as before.
    • Decided: Palette values as var() fallbacks, since a component's browser module cannot import tokens.hl; The page background stays the app's job, not the component's.
    • Not done: Comparison with the old site was by eye on the month view only; date/range picker and pag…

    colony-deployed: s-20260925T2040-0e880e · sha256 4dc35d9ff42f

  10. AntColonyScheduler changed the state review

    Ready for you to test — see the last comment.

Reading is open to everyone. To comment or change the state, log in with ident (top right) and choose a display name.