@floegence/floe-webapp-init 0.65.0 → 0.65.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/skills/floe-webapp/SKILL.md +1 -0
- package/skills/floe-webapp/references/playbooks.md +3 -0
- package/templates/full/skills/floe-webapp/SKILL.md +1 -0
- package/templates/full/skills/floe-webapp/references/playbooks.md +3 -0
- package/templates/minimal/skills/floe-webapp/SKILL.md +1 -0
- package/templates/minimal/skills/floe-webapp/references/playbooks.md +3 -0
package/package.json
CHANGED
|
@@ -51,6 +51,7 @@ description: Implement, refactor, and debug Floe-Webapp apps and this monorepo u
|
|
|
51
51
|
- `@floegence/floe-webapp-core/workbench`
|
|
52
52
|
- `@floegence/floe-webapp-core/styles`
|
|
53
53
|
- `@floegence/floe-webapp-core/tailwind`
|
|
54
|
+
- `@floegence/floe-webapp-core/standalone.css` (themes and surface material for first-party standalone documents)
|
|
54
55
|
- `@floegence/floe-webapp-core/input-focus.css` (standalone input borders without shell styles)
|
|
55
56
|
4. Align registry behavior end-to-end:
|
|
56
57
|
- Keep `FloeComponent.id`, sidebar items, command targets, and layout navigation consistent.
|
|
@@ -83,6 +83,7 @@ done
|
|
|
83
83
|
- `@floegence/floe-webapp-core/full`
|
|
84
84
|
- `@floegence/floe-webapp-core/styles`
|
|
85
85
|
- `@floegence/floe-webapp-core/tailwind`
|
|
86
|
+
- `@floegence/floe-webapp-core/standalone.css`
|
|
86
87
|
- `@floegence/floe-webapp-core/input-focus.css`
|
|
87
88
|
3. Do not import `@floegence/floe-webapp-core/src/...`.
|
|
88
89
|
4. Prefer `@floegence/floe-webapp-core/tailwind` for Tailwind v4 apps; use `@floegence/floe-webapp-core/styles` only as the no-Tailwind fallback.
|
|
@@ -152,3 +153,5 @@ Text inputs, textareas, and native selects change only their existing border col
|
|
|
152
153
|
## Surface styles
|
|
153
154
|
|
|
154
155
|
Keep the default `standard` material unchanged unless a host explicitly opts into `soft-neumorphic`. Prefer existing components; a host-owned boundary may declare `data-floe-surface="flat|raised|inset|floating"` without adding wrappers or interaction semantics. Use theme token overrides, keep rich Card variants separate, and preserve input border-only focus. Review the component-state matrix in `docs/surface-components.md`, including semantic tags, all choice variants, switches, progress and dark-mode contrast. Material uses static lighting; existing local drag/resize state selects a fixed lightweight shadow. Do not add decorative animation loops, global listeners, per-pointer theme writes, or blanket layer promotion. Validate packed `/styles` and `/tailwind` consumers, computed focus styles with animations enabled, and A/B/C performance evidence using the scripts documented in `docs/surface-style.md`.
|
|
156
|
+
|
|
157
|
+
Standalone first-party documents may use `@floegence/floe-webapp-core/standalone.css` for published theme, typography, surface material and input focus rules without shell JavaScript or utility styles. Set the same root theme, mode and material attributes as the parent application; keep host layout and localization independent.
|
|
@@ -51,6 +51,7 @@ description: Implement, refactor, and debug Floe-Webapp apps and this monorepo u
|
|
|
51
51
|
- `@floegence/floe-webapp-core/workbench`
|
|
52
52
|
- `@floegence/floe-webapp-core/styles`
|
|
53
53
|
- `@floegence/floe-webapp-core/tailwind`
|
|
54
|
+
- `@floegence/floe-webapp-core/standalone.css` (themes and surface material for first-party standalone documents)
|
|
54
55
|
- `@floegence/floe-webapp-core/input-focus.css` (standalone input borders without shell styles)
|
|
55
56
|
4. Align registry behavior end-to-end:
|
|
56
57
|
- Keep `FloeComponent.id`, sidebar items, command targets, and layout navigation consistent.
|
|
@@ -83,6 +83,7 @@ done
|
|
|
83
83
|
- `@floegence/floe-webapp-core/full`
|
|
84
84
|
- `@floegence/floe-webapp-core/styles`
|
|
85
85
|
- `@floegence/floe-webapp-core/tailwind`
|
|
86
|
+
- `@floegence/floe-webapp-core/standalone.css`
|
|
86
87
|
- `@floegence/floe-webapp-core/input-focus.css`
|
|
87
88
|
3. Do not import `@floegence/floe-webapp-core/src/...`.
|
|
88
89
|
4. Prefer `@floegence/floe-webapp-core/tailwind` for Tailwind v4 apps; use `@floegence/floe-webapp-core/styles` only as the no-Tailwind fallback.
|
|
@@ -152,3 +153,5 @@ Text inputs, textareas, and native selects change only their existing border col
|
|
|
152
153
|
## Surface styles
|
|
153
154
|
|
|
154
155
|
Keep the default `standard` material unchanged unless a host explicitly opts into `soft-neumorphic`. Prefer existing components; a host-owned boundary may declare `data-floe-surface="flat|raised|inset|floating"` without adding wrappers or interaction semantics. Use theme token overrides, keep rich Card variants separate, and preserve input border-only focus. Review the component-state matrix in `docs/surface-components.md`, including semantic tags, all choice variants, switches, progress and dark-mode contrast. Material uses static lighting; existing local drag/resize state selects a fixed lightweight shadow. Do not add decorative animation loops, global listeners, per-pointer theme writes, or blanket layer promotion. Validate packed `/styles` and `/tailwind` consumers, computed focus styles with animations enabled, and A/B/C performance evidence using the scripts documented in `docs/surface-style.md`.
|
|
156
|
+
|
|
157
|
+
Standalone first-party documents may use `@floegence/floe-webapp-core/standalone.css` for published theme, typography, surface material and input focus rules without shell JavaScript or utility styles. Set the same root theme, mode and material attributes as the parent application; keep host layout and localization independent.
|
|
@@ -51,6 +51,7 @@ description: Implement, refactor, and debug Floe-Webapp apps and this monorepo u
|
|
|
51
51
|
- `@floegence/floe-webapp-core/workbench`
|
|
52
52
|
- `@floegence/floe-webapp-core/styles`
|
|
53
53
|
- `@floegence/floe-webapp-core/tailwind`
|
|
54
|
+
- `@floegence/floe-webapp-core/standalone.css` (themes and surface material for first-party standalone documents)
|
|
54
55
|
- `@floegence/floe-webapp-core/input-focus.css` (standalone input borders without shell styles)
|
|
55
56
|
4. Align registry behavior end-to-end:
|
|
56
57
|
- Keep `FloeComponent.id`, sidebar items, command targets, and layout navigation consistent.
|
|
@@ -83,6 +83,7 @@ done
|
|
|
83
83
|
- `@floegence/floe-webapp-core/full`
|
|
84
84
|
- `@floegence/floe-webapp-core/styles`
|
|
85
85
|
- `@floegence/floe-webapp-core/tailwind`
|
|
86
|
+
- `@floegence/floe-webapp-core/standalone.css`
|
|
86
87
|
- `@floegence/floe-webapp-core/input-focus.css`
|
|
87
88
|
3. Do not import `@floegence/floe-webapp-core/src/...`.
|
|
88
89
|
4. Prefer `@floegence/floe-webapp-core/tailwind` for Tailwind v4 apps; use `@floegence/floe-webapp-core/styles` only as the no-Tailwind fallback.
|
|
@@ -152,3 +153,5 @@ Text inputs, textareas, and native selects change only their existing border col
|
|
|
152
153
|
## Surface styles
|
|
153
154
|
|
|
154
155
|
Keep the default `standard` material unchanged unless a host explicitly opts into `soft-neumorphic`. Prefer existing components; a host-owned boundary may declare `data-floe-surface="flat|raised|inset|floating"` without adding wrappers or interaction semantics. Use theme token overrides, keep rich Card variants separate, and preserve input border-only focus. Review the component-state matrix in `docs/surface-components.md`, including semantic tags, all choice variants, switches, progress and dark-mode contrast. Material uses static lighting; existing local drag/resize state selects a fixed lightweight shadow. Do not add decorative animation loops, global listeners, per-pointer theme writes, or blanket layer promotion. Validate packed `/styles` and `/tailwind` consumers, computed focus styles with animations enabled, and A/B/C performance evidence using the scripts documented in `docs/surface-style.md`.
|
|
156
|
+
|
|
157
|
+
Standalone first-party documents may use `@floegence/floe-webapp-core/standalone.css` for published theme, typography, surface material and input focus rules without shell JavaScript or utility styles. Set the same root theme, mode and material attributes as the parent application; keep host layout and localization independent.
|