{"id":32168601,"url":"https://github.com/timetask/buenavista","last_synced_at":"2026-05-16T00:40:43.423Z","repository":{"id":196895416,"uuid":"531108298","full_name":"timetask/buenavista","owner":"timetask","description":"Phoenix Component Design System","archived":false,"fork":false,"pushed_at":"2023-10-24T20:08:32.000Z","size":478,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-21T15:56:32.486Z","etag":null,"topics":["component","css","elixir","liveview","phoenix","theme"],"latest_commit_sha":null,"homepage":"https://buenavista.dev","language":"Elixir","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/timetask.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-08-31T13:57:14.000Z","updated_at":"2024-01-18T09:31:38.000Z","dependencies_parsed_at":"2023-10-21T22:26:59.651Z","dependency_job_id":null,"html_url":"https://github.com/timetask/buenavista","commit_stats":null,"previous_names":["timetask/buenavista"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/timetask/buenavista","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timetask%2Fbuenavista","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timetask%2Fbuenavista/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timetask%2Fbuenavista/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timetask%2Fbuenavista/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/timetask","download_url":"https://codeload.github.com/timetask/buenavista/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timetask%2Fbuenavista/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280290185,"owners_count":26305279,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-21T02:00:06.614Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","css","elixir","liveview","phoenix","theme"],"created_at":"2025-10-21T15:56:41.586Z","updated_at":"2025-10-21T15:56:42.616Z","avatar_url":"https://github.com/timetask.png","language":"Elixir","funding_links":[],"categories":[],"sub_categories":[],"readme":"```\n\n      〰                                                              〰\n                                          〰\n        ██████  ██    ██ ███████ ███    ██  █████      ██    ██ ██ ███████ ████████  █████\n        ██   ██ ██    ██ ██      ████   ██ ██   ██     ██    ██ ██ ██         ██    ██   ██    〰\n        ██████  ██    ██ █████   ██ ██  ██ ███████     ██    ██ ██ ███████    ██    ███████\n        ██   ██ ██    ██ ██      ██  ██ ██ ██   ██      ██  ██  ██      ██    ██    ██   ██\n        ██████   ██████  ███████ ██   ████ ██   ██       ████   ██ ███████    ██    ██   ██\n\n  〰                            - Phoenix Component Design System -\n\n\n\n   〜    〜〜     ⏅     〜〜     〜〜     〜〜     〜〜     〜〜     〜〜     〜〜     〜〜     〜〜\n      〜       〜            〜        〜            〜           〜     ⏅        〜        〜\n 〜   ⏅ 〜〜    ⏅  〜   〜   ⏅    〜〜〜   〜〜〜    〜〜〜   〜〜〜    〜〜〜   〜〜〜    〜〜〜  〜〜\n〜   〜〜    〜〜〜    〜〜〜   〜〜 〜  〜〜〜    〜 〜   〜〜    〜〜〜    〜 〜   〜〜   〜〜〜   〜〜\n〜 〜〜 〜〜〜〜 〜〜 〜〜  〜〜〜〜〜〜 〜〜〜 〜〜〜 〜〜〜  〜〜〜〜 〜〜 〜〜〜〜〜 〜〜〜  〜〜 〜〜〜〜〜\n〜〜〜〜〜 〜〜〜〜〜〜〜 〜〜〜  〜〜〜〜〜〜〜 〜〜〜〜〜〜〜 〜〜〜  〜〜〜〜〜〜〜 〜〜〜〜〜〜 〜〜〜〜〜〜 〜〜\n```\n\n### Road to public release\n\n## BuenaVista\n\n### Important\n\n- [x] Allow `$variable` format in ~CSS.\n- [x] Allow `$component__other` format in ~CSS\n- [x] Update style macro params\n- [x] Add attributes and slots to component definition\n- [ ] Add css imports\n- [ ] Add global css macro\n- [ ] Mix: `mix.gen.reloader`\n\n### Not important\n\n- [ ] Add super equivalent ($super?) call for hydrators.\n- [ ] Support comma separated scope definition\n- [ ] Remove break list when ~CSS element is a scope.\n\n## Galeria\n\n### Important\n\n- [ ] Render Live Preview in isolation\n- [ ] Editor: Listen to codearea changes\n- [ ] Editor: Show/Hide save button\n- [ ] Editor: Display codearea status (first \u0026 editable)\n- [ ] Editor: Regenerate hydrator on save\n- [ ] Editor: Handle hydrator regeneration\n\n- [ ] Config: Add component macro\n- [ ] Config: Add composition macro\n- [ ] Config: Auto generate galeria config\n- [ ] Config: Reload on config changes\n\n### Not important\n\n- [ ] Allow access to a particular variant css class.\n\n### Inspiration\n\nhttps://github.com/benvp/ex_cva\nhttps://www.openmymind.net/Elixir-Which-Modules-Use-My-Module/\nhttps://blixtdev.com/dont-do-this-object-oriented-inheritance-in-elixir-with-macros/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimetask%2Fbuenavista","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimetask%2Fbuenavista","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimetask%2Fbuenavista/lists"}