styleframe 3.5.1 → 3.6.0

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/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # styleframe
2
2
 
3
+ ## 3.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#204](https://github.com/styleframe-dev/styleframe/pull/204) [`1d57ffa`](https://github.com/styleframe-dev/styleframe/commit/1d57ffaa2861fd05a03f370cf3948d772d6be237) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Add `Media` recipe — a layout-only multi-part recipe modeled on the Bootstrap/Inkline media object pattern for image-plus-content layouts (comments, posts, list items)
8
+ - New recipes: `useMediaRecipe`, `useMediaFigureRecipe`, `useMediaBodyRecipe`, `useMediaTitleRecipe`
9
+ - Root recipe exposes `orientation` (`horizontal`/`vertical`), `align` (`start`/`center`/`end`), and `size` (`sm`/`md`/`lg`) axes — no color or surface styling, so it composes inside Card, Callout, etc.
10
+ - `useMediaBodyRecipe` sets `min-width: 0` to safely wrap long titles inside flex containers
11
+ - Designed for nesting (parent Media → child Media inside `MediaBody`) for comment threads and reply chains
12
+
13
+ - [#208](https://github.com/styleframe-dev/styleframe/pull/208) [`787cf14`](https://github.com/styleframe-dev/styleframe/commit/787cf143c925ac9caacb3df1c72c3aeb2d626419) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Add `PageHero` recipe — a multi-part composable for full-width hero sections with color, size, orientation, alignment, and reverse axes
14
+ - New recipes: `usePageHeroRecipe`, `usePageHeroBodyRecipe`, `usePageHeroHeadlineRecipe`, `usePageHeroTitleRecipe`, `usePageHeroDescriptionRecipe`, `usePageHeroActionsRecipe`, `usePageHeroLinksRecipe`, `usePageHeroImageRecipe`
15
+ - Container exposes `color` (`light`/`dark`/`neutral` with adaptive dark mode), `size` (`sm`/`md`/`lg`), `orientation` (`vertical`/`horizontal`), `alignment` (`start`/`center`/`end`), and `reverse` axes
16
+ - Sub-recipes mirror the `size` and `alignment` axes and override alignment to `start` in horizontal orientation for correct two-column layout
17
+ - Adds a generic `useFilterUtility` and registers it in `useUtilitiesPreset`
18
+
19
+ - [#209](https://github.com/styleframe-dev/styleframe/pull/209) [`3559b70`](https://github.com/styleframe-dev/styleframe/commit/3559b70dedcc13ad191c78869cd86407b8470604) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Add pagination recipe with `usePaginationRecipe`, `usePaginationItemRecipe`, and `usePaginationEllipsisRecipe`. Supports 3 color modes (light, dark, neutral), 6 style variants (solid, outline, soft, subtle, ghost, link), 3 sizes (sm, md, lg), and active/disabled item states.
20
+
21
+ - [#203](https://github.com/styleframe-dev/styleframe/pull/203) [`c314dbc`](https://github.com/styleframe-dev/styleframe/commit/c314dbc78872df38efe72d7931faf86afce5ffcc) Thanks [@alexgrozav](https://github.com/alexgrozav)! - Track variable references in `root._usage.variables` for future transpiler optimizations
22
+ - Add `_usage: { variables: Set<string> }` to `Root` type and initialize in `createRoot()`
23
+ - Record variable names whenever `ref()` is called or `@`-prefixed syntax is resolved
24
+
25
+ ### Patch Changes
26
+
27
+ - Updated dependencies [[`8826eda`](https://github.com/styleframe-dev/styleframe/commit/8826edad3fcb2e969024a586a20c2059229d958f), [`8826eda`](https://github.com/styleframe-dev/styleframe/commit/8826edad3fcb2e969024a586a20c2059229d958f), [`8826eda`](https://github.com/styleframe-dev/styleframe/commit/8826edad3fcb2e969024a586a20c2059229d958f), [`8826eda`](https://github.com/styleframe-dev/styleframe/commit/8826edad3fcb2e969024a586a20c2059229d958f), [`8826eda`](https://github.com/styleframe-dev/styleframe/commit/8826edad3fcb2e969024a586a20c2059229d958f), [`24eebba`](https://github.com/styleframe-dev/styleframe/commit/24eebba87c8fa6fc6822e18d67f4c0412192e793), [`c314dbc`](https://github.com/styleframe-dev/styleframe/commit/c314dbc78872df38efe72d7931faf86afce5ffcc)]:
28
+ - @styleframe/cli@4.0.0
29
+ - @styleframe/core@3.4.0
30
+
3
31
  ## 3.5.1
4
32
 
5
33
  ### Patch Changes
package/dist/cli.cjs CHANGED
File without changes
package/dist/cli.js CHANGED
File without changes
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "styleframe",
3
- "version": "3.5.1",
3
+ "version": "3.6.0",
4
4
  "bin": {
5
- "styleframe": "./dist/cli.cjs"
5
+ "styleframe": "./dist/cli.js"
6
6
  },
7
7
  "description": "From simple UI styles to full Design Systems, write code using Styleframe’s powerful TypeScript CSS API — AI-ready by design.",
8
8
  "type": "module",
@@ -84,20 +84,20 @@
84
84
  "access": "public"
85
85
  },
86
86
  "dependencies": {
87
- "@styleframe/cli": "^3.0.0",
87
+ "@styleframe/cli": "^4.0.0",
88
88
  "@styleframe/license": "^2.0.2"
89
89
  },
90
90
  "peerDependencies": {
91
91
  "@styleframe/plugin": "^3.2.0",
92
- "@styleframe/core": "^3.3.0",
92
+ "@styleframe/core": "^3.4.0",
93
93
  "@styleframe/loader": "^3.0.1",
94
94
  "@styleframe/transpiler": "^3.2.0"
95
95
  },
96
96
  "devDependencies": {
97
97
  "@styleframe/config-typescript": "^3.0.0",
98
- "@styleframe/cli": "^3.0.0",
98
+ "@styleframe/cli": "^4.0.0",
99
99
  "@styleframe/plugin": "^3.2.0",
100
- "@styleframe/core": "^3.3.0",
100
+ "@styleframe/core": "^3.4.0",
101
101
  "@styleframe/loader": "^3.0.1",
102
102
  "@styleframe/transpiler": "^3.2.0",
103
103
  "@types/node": "^22.15.17",