design.estate/dees-domtools
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(breakpoints): rename exported functions to reflect constraint-based API: cssForCustom -> cssForConstraint and cssForCustomContainer -> cssForConstraintContainer; update README usage

Browse Source
This commit is contained in:
Jürgen Kunz
2026-03-11 08:28:16 +00:00
parent a9634d10df
commit 54676f4f26
4 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
changelog.md
View File

@@ -1,5 +1,14 @@
# Changelog # Changelog
## 2026-03-11 - 2.5.1 - fix(breakpoints)
rename exported functions to reflect constraint-based API: cssForCustom -> cssForConstraint and cssForCustomContainer -> cssForConstraintContainer; update README usage
- Renamed cssForCustom to cssForConstraint
- Renamed cssForCustomContainer to cssForConstraintContainer
- Updated README examples to use new names
- Function behavior and signatures unchanged; only exported names and internal comment updated
- Consumers must update imports/usages to the new function names (breaking change)
## 2026-03-11 - 2.5.0 - feat(breakpoints) ## 2026-03-11 - 2.5.0 - feat(breakpoints)
document preset viewport helpers, low-level container helpers, and exported types for breakpoints document preset viewport helpers, low-level container helpers, and exported types for breakpoints

4
readme.md
View File

@@ -125,7 +125,7 @@ import { breakpoints } from '@design.estate/dees-domtools';
import { css as litCss } from 'lit'; import { css as litCss } from 'lit';
// Viewport-level with custom constraints (emits @media + @container wccToolsViewport) // Viewport-level with custom constraints (emits @media + @container wccToolsViewport)
breakpoints.cssForCustom({ maxWidth: 800 })(litCss`.box { padding: 8px; }`) breakpoints.cssForConstraint({ maxWidth: 800 })(litCss`.box { padding: 8px; }`)
// Component-level — targets a named container (no @media fallback) // Component-level — targets a named container (no @media fallback)
breakpoints.cssForContainer( breakpoints.cssForContainer(
@@ -135,7 +135,7 @@ breakpoints.cssForContainer(
) )
// Component-level with custom constraints (curried) // Component-level with custom constraints (curried)
breakpoints.cssForCustomContainer({ maxWidth: 500 }, 'my-component')(litCss` breakpoints.cssForConstraintContainer({ maxWidth: 500 }, 'my-component')(litCss`
.grid { gap: 8px; } .grid { gap: 8px; }
`) `)

2
ts/00_commitinfo_data.ts
View File

@@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-domtools', name: '@design.estate/dees-domtools',
version: '2.5.0', version: '2.5.1',
description: 'A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.' description: 'A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.'
} }

6
ts/domtools.css.breakpoints.ts
View File

@@ -54,13 +54,13 @@ export const cssForContainer = (cssArg: CSSResult, condition: string, containerN
}; };
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
// Custom constraints (curried) // Constraint-based (curried)
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
export const cssForCustom = (constraints: ICssForConstraints) => export const cssForConstraint = (constraints: ICssForConstraints) =>
(cssArg: CSSResult) => cssForViewport(cssArg, buildCondition(constraints)); (cssArg: CSSResult) => cssForViewport(cssArg, buildCondition(constraints));
export const cssForCustomContainer = (constraints: ICssForConstraints, containerName: string) => export const cssForConstraintContainer = (constraints: ICssForConstraints, containerName: string) =>
(cssArg: CSSResult) => cssForContainer(cssArg, buildCondition(constraints), containerName); (cssArg: CSSResult) => cssForContainer(cssArg, buildCondition(constraints), containerName);
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------