gossi
@gos.si
Unicyclist. Artist. Developer.
gos.si
✨ Software Architect
✨ Design Tokens - theemo.io
✨ Design Systems - hokulea.netlify.app
✨ EmberJS Enthusiast
gos.si
✨ Software Architect
✨ Design Tokens - theemo.io
✨ Design Systems - hokulea.netlify.app
✨ EmberJS Enthusiast
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer.
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
November 10, 2025 at 12:01 PM
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer.
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
that's donut scoping aka @scope - not baseline yet, but spec is ready. I checked FF is the last browser that needs to support it (much better than last time I checked, where no browser had support for it).
css-tricks.com/solved-by-cs...
css-tricks.com/solved-by-cs...
Solved by CSS: Donuts Scopes | CSS-Tricks
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scop...
css-tricks.com
October 26, 2025 at 10:49 PM
that's donut scoping aka @scope - not baseline yet, but spec is ready. I checked FF is the last browser that needs to support it (much better than last time I checked, where no browser had support for it).
css-tricks.com/solved-by-cs...
css-tricks.com/solved-by-cs...
Of course it is designed to use it from your UI library/design system, as I do use it myself. Here is the pretty version of using the form in #emberjs
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
August 26, 2025 at 3:26 PM
Of course it is designed to use it from your UI library/design system, as I do use it myself. Here is the pretty version of using the form in #emberjs
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
I also made an integration for #emberjs:
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
August 26, 2025 at 3:23 PM
I also made an integration for #emberjs:
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
I was at your exact point in time. I posted on svelte asking for ember test authoring format: github.com/sveltejs/sve...
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
Inline Svelte components for tests · Issue #14791 · sveltejs/svelte
Describe the problem I'll start off by saying I don't know whether this would be a Svelte feature, or maybe part of a Vite plugin, or even if this should be in another library. When I'm writing com...
github.com
August 7, 2025 at 10:15 AM
I was at your exact point in time. I posted on svelte asking for ember test authoring format: github.com/sveltejs/sve...
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
Thanks for the solution of a problem I will be going to have 😅
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
August 1, 2025 at 5:50 PM
Thanks for the solution of a problem I will be going to have 😅
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
Theemo plugin adds these transforms in Figma (hsl only for now). Meanwhile dtcg announced the color module, which will support more formats. Will figma support them, too?
I'm also in favor of oklch, would love to see good tooling support for all ofc.
I'm also in favor of oklch, would love to see good tooling support for all ofc.
June 23, 2025 at 10:07 AM
Theemo plugin adds these transforms in Figma (hsl only for now). Meanwhile dtcg announced the color module, which will support more formats. Will figma support them, too?
I'm also in favor of oklch, would love to see good tooling support for all ofc.
I'm also in favor of oklch, would love to see good tooling support for all ofc.
I call them constrained rsp computed values. See for example here: theemo.io/design-token...
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
Internals | Theemo
Design Token Automations - Connecting Tools
theemo.io
June 23, 2025 at 9:51 AM
I call them constrained rsp computed values. See for example here: theemo.io/design-token...
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
Thanks Sam, it started as a ~30loc javascript in 2020, then I researched tokens published as the "Inside Design Tokens" Series... I'm still implementing that research results, it's grown a "little" 😅
June 13, 2025 at 8:05 AM
Thanks Sam, it started as a ~30loc javascript in 2020, then I researched tokens published as the "Inside Design Tokens" Series... I'm still implementing that research results, it's grown a "little" 😅
There you go: bsky.app/profile/gos....
Releasing Theemo v1.0
the end-to-end design token workflow tool:
✨ Generates Modern CSS: @property, light-dark() and color functions
✨ Integrations with @vite.dev, @emberjs.com, @svelte.dev and @vuejs.org
➡️ theemo.io
Release posts (!) in the thread.
the end-to-end design token workflow tool:
✨ Generates Modern CSS: @property, light-dark() and color functions
✨ Integrations with @vite.dev, @emberjs.com, @svelte.dev and @vuejs.org
➡️ theemo.io
Release posts (!) in the thread.
June 12, 2025 at 2:19 PM
There you go: bsky.app/profile/gos....