@thi.ng/hiccup-css 2.7.85 → 2.7.87
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/README.md +22 -21
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!-- This file is generated - DO NOT EDIT! -->
|
|
2
|
-
<!-- Please see: https://
|
|
3
|
-
# 
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@thi.ng/hiccup-css)
|
|
6
6
|
|
|
@@ -8,11 +8,12 @@
|
|
|
8
8
|
|
|
9
9
|
> [!NOTE]
|
|
10
10
|
> This is one of 214 standalone projects, maintained as part
|
|
11
|
-
> of the [@thi.ng/umbrella](https://
|
|
11
|
+
> of the [@thi.ng/umbrella](https://codeberg.org/thi.ng/umbrella/) ecosystem
|
|
12
12
|
> and anti-framework.
|
|
13
13
|
>
|
|
14
|
-
> 🚀 Please help me to work full-time on these projects by [sponsoring
|
|
15
|
-
>
|
|
14
|
+
> 🚀 Please help me to work full-time on these projects by [sponsoring
|
|
15
|
+
> me](https://codeberg.org/thi.ng/umbrella/src/branch/develop/CONTRIBUTING.md#donations).
|
|
16
|
+
> Thank you! ❤️
|
|
16
17
|
|
|
17
18
|
- [About](#about)
|
|
18
19
|
- [Features](#features)
|
|
@@ -46,10 +47,10 @@
|
|
|
46
47
|
|
|
47
48
|
## About
|
|
48
49
|
|
|
49
|
-
CSS from nested JS data structures. This is a support package for [@thi.ng/hiccup](https://
|
|
50
|
+
CSS from nested JS data structures. This is a support package for [@thi.ng/hiccup](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup).
|
|
50
51
|
|
|
51
52
|
Following a similar pattern as the
|
|
52
|
-
[@thi.ng/hiccup](https://
|
|
53
|
+
[@thi.ng/hiccup](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup)
|
|
53
54
|
package, this library generates CSS from plain nested arrays / data
|
|
54
55
|
structures, functions, iterators.
|
|
55
56
|
|
|
@@ -95,12 +96,12 @@ Clojure projects:
|
|
|
95
96
|
|
|
96
97
|
**STABLE** - used in production
|
|
97
98
|
|
|
98
|
-
[Search or submit any issues for this package](https://
|
|
99
|
+
[Search or submit any issues for this package](https://codeberg.org/thi.ng/umbrella/issues?q=%5Bhiccup-css%5D)
|
|
99
100
|
|
|
100
101
|
## Related packages
|
|
101
102
|
|
|
102
|
-
- [@thi.ng/hiccup-html](https://
|
|
103
|
-
- [@thi.ng/hiccup-svg](https://
|
|
103
|
+
- [@thi.ng/hiccup-html](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup-html) - 100+ type-checked HTML5 element functions for [@thi.ng/hiccup](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup) related infrastructure
|
|
104
|
+
- [@thi.ng/hiccup-svg](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup-svg) - SVG element functions for [@thi.ng/hiccup](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup) & related tooling
|
|
104
105
|
|
|
105
106
|
## Installation
|
|
106
107
|
|
|
@@ -126,24 +127,24 @@ Package sizes (brotli'd, pre-treeshake): ESM: 2.24 KB
|
|
|
126
127
|
|
|
127
128
|
## Dependencies
|
|
128
129
|
|
|
129
|
-
- [@thi.ng/api](https://
|
|
130
|
-
- [@thi.ng/checks](https://
|
|
131
|
-
- [@thi.ng/errors](https://
|
|
132
|
-
- [@thi.ng/transducers](https://
|
|
130
|
+
- [@thi.ng/api](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/api)
|
|
131
|
+
- [@thi.ng/checks](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/checks)
|
|
132
|
+
- [@thi.ng/errors](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/errors)
|
|
133
|
+
- [@thi.ng/transducers](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/transducers)
|
|
133
134
|
|
|
134
135
|
Note: @thi.ng/api is in _most_ cases a type-only import (not used at runtime)
|
|
135
136
|
|
|
136
137
|
## Usage examples
|
|
137
138
|
|
|
138
139
|
Three projects in this repo's
|
|
139
|
-
[/examples](https://
|
|
140
|
+
[/examples](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples)
|
|
140
141
|
directory are using this package:
|
|
141
142
|
|
|
142
|
-
| Screenshot | Description | Live demo | Source
|
|
143
|
-
|
|
144
|
-
| <img src="https://
|
|
145
|
-
| <img src="https://
|
|
146
|
-
| <img src="https://
|
|
143
|
+
| Screenshot | Description | Live demo | Source |
|
|
144
|
+
|:-----------------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------|:------------------------------------------------------------------|:-------------------------------------------------------------------------------------------------------|
|
|
145
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/hdom-benchmark2.png" width="240"/> | hdom update performance benchmark w/ config options | [Demo](https://demo.thi.ng/umbrella/hdom-benchmark2/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hdom-benchmark2) |
|
|
146
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/hiccup-css-image-transition.jpg" width="240"/> | Generating pure CSS image transitions | [Demo](https://demo.thi.ng/umbrella/hiccup-css-image-transition/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hiccup-css-image-transition) |
|
|
147
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/ramp-scroll-anim.png" width="240"/> | Scroll-based, reactive, multi-param CSS animation basics | [Demo](https://demo.thi.ng/umbrella/ramp-scroll-anim/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/ramp-scroll-anim) |
|
|
147
148
|
|
|
148
149
|
## API
|
|
149
150
|
|
|
@@ -161,7 +162,7 @@ This is the main function exposed by this module. It accepts a JS data
|
|
|
161
162
|
structure (array, object, iterator or function) and returns a CSS
|
|
162
163
|
string. The optional `opts` arg is used to control formatting,
|
|
163
164
|
auto-prefixing and other conversion options. See
|
|
164
|
-
[api.ts](https://
|
|
165
|
+
[api.ts](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup-css/src/api.ts)
|
|
165
166
|
for reference.
|
|
166
167
|
|
|
167
168
|
By default the generated CSS uses the `css.COMPACT` format, causing
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/hiccup-css",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.87",
|
|
4
4
|
"description": "CSS from nested JS data structures",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
11
|
-
"url": "git+https://
|
|
11
|
+
"url": "git+https://codeberg.org/thi.ng/umbrella.git",
|
|
12
12
|
"directory": "packages/hiccup-css"
|
|
13
13
|
},
|
|
14
14
|
"homepage": "https://thi.ng/hiccup-css",
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
"tool:tangle": "../../node_modules/.bin/tangle src/**/*.ts"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@thi.ng/api": "^8.12.
|
|
44
|
-
"@thi.ng/checks": "^3.8.
|
|
45
|
-
"@thi.ng/errors": "^2.6.
|
|
46
|
-
"@thi.ng/transducers": "^9.6.
|
|
43
|
+
"@thi.ng/api": "^8.12.19",
|
|
44
|
+
"@thi.ng/checks": "^3.8.9",
|
|
45
|
+
"@thi.ng/errors": "^2.6.8",
|
|
46
|
+
"@thi.ng/transducers": "^9.6.32"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"esbuild": "^0.
|
|
50
|
-
"typedoc": "^0.28.
|
|
49
|
+
"esbuild": "^0.28.0",
|
|
50
|
+
"typedoc": "^0.28.18",
|
|
51
51
|
"typescript": "^5.9.3"
|
|
52
52
|
},
|
|
53
53
|
"keywords": [
|
|
@@ -130,5 +130,5 @@
|
|
|
130
130
|
],
|
|
131
131
|
"year": 2016
|
|
132
132
|
},
|
|
133
|
-
"gitHead": "
|
|
133
|
+
"gitHead": "a780d4a5f6f5fc595c9d28527686f63534927d32"
|
|
134
134
|
}
|