@birdycom/omniacss 0.11.2 → 0.12.1
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/dist/oc-theme.css +1 -1
- package/dist/omnia.css +8951 -17978
- package/dist/omnia.min.css +1 -1
- package/dist/omnia.starter.css +4 -26
- package/dist/tokens/omnia.dtcg.json +2 -2
- package/dist/tokens/omnia.tokens.json +1 -1
- package/dist/tokens/omnia_tokens.py +2 -2
- package/package.json +1 -1
- package/src/postcss.mjs +2 -1
package/dist/omnia.starter.css
CHANGED
|
@@ -7963,23 +7963,19 @@ select {
|
|
|
7963
7963
|
|
|
7964
7964
|
/* The text decoration line properties */
|
|
7965
7965
|
.underline {
|
|
7966
|
-
|
|
7967
|
-
text-decoration-line: underline;
|
|
7966
|
+
text-decoration-line: underline;
|
|
7968
7967
|
}
|
|
7969
7968
|
|
|
7970
7969
|
.overline {
|
|
7971
|
-
|
|
7972
|
-
text-decoration-line: overline;
|
|
7970
|
+
text-decoration-line: overline;
|
|
7973
7971
|
}
|
|
7974
7972
|
|
|
7975
7973
|
.line-through {
|
|
7976
|
-
|
|
7977
|
-
text-decoration-line: line-through;
|
|
7974
|
+
text-decoration-line: line-through;
|
|
7978
7975
|
}
|
|
7979
7976
|
|
|
7980
7977
|
.no-underline {
|
|
7981
|
-
|
|
7982
|
-
text-decoration-line: none;
|
|
7978
|
+
text-decoration-line: none;
|
|
7983
7979
|
}
|
|
7984
7980
|
|
|
7985
7981
|
/* The Omnia text decoration Colors properties */
|
|
@@ -9293,19 +9289,16 @@ select {
|
|
|
9293
9289
|
}
|
|
9294
9290
|
|
|
9295
9291
|
.w-min {
|
|
9296
|
-
width: -webkit-min-content;
|
|
9297
9292
|
width: -moz-min-content;
|
|
9298
9293
|
width: min-content;
|
|
9299
9294
|
}
|
|
9300
9295
|
|
|
9301
9296
|
.w-max {
|
|
9302
|
-
width: -webkit-max-content;
|
|
9303
9297
|
width: -moz-max-content;
|
|
9304
9298
|
width: max-content;
|
|
9305
9299
|
}
|
|
9306
9300
|
|
|
9307
9301
|
.w-fit {
|
|
9308
|
-
width: -webkit-fit-content;
|
|
9309
9302
|
width: -moz-fit-content;
|
|
9310
9303
|
width: fit-content;
|
|
9311
9304
|
}
|
|
@@ -9321,19 +9314,16 @@ select {
|
|
|
9321
9314
|
}
|
|
9322
9315
|
|
|
9323
9316
|
.min-w-min {
|
|
9324
|
-
min-width: -webkit-min-content;
|
|
9325
9317
|
min-width: -moz-min-content;
|
|
9326
9318
|
min-width: min-content;
|
|
9327
9319
|
}
|
|
9328
9320
|
|
|
9329
9321
|
.min-w-max {
|
|
9330
|
-
min-width: -webkit-max-content;
|
|
9331
9322
|
min-width: -moz-max-content;
|
|
9332
9323
|
min-width: max-content;
|
|
9333
9324
|
}
|
|
9334
9325
|
|
|
9335
9326
|
.min-w-fit {
|
|
9336
|
-
min-width: -webkit-fit-content;
|
|
9337
9327
|
min-width: -moz-fit-content;
|
|
9338
9328
|
min-width: fit-content;
|
|
9339
9329
|
}
|
|
@@ -9354,19 +9344,16 @@ select {
|
|
|
9354
9344
|
}
|
|
9355
9345
|
|
|
9356
9346
|
.max-w-min {
|
|
9357
|
-
max-width: -webkit-min-content;
|
|
9358
9347
|
max-width: -moz-min-content;
|
|
9359
9348
|
max-width: min-content;
|
|
9360
9349
|
}
|
|
9361
9350
|
|
|
9362
9351
|
.max-w-max {
|
|
9363
|
-
max-width: -webkit-max-content;
|
|
9364
9352
|
max-width: -moz-max-content;
|
|
9365
9353
|
max-width: max-content;
|
|
9366
9354
|
}
|
|
9367
9355
|
|
|
9368
9356
|
.max-w-fit {
|
|
9369
|
-
max-width: -webkit-fit-content;
|
|
9370
9357
|
max-width: -moz-fit-content;
|
|
9371
9358
|
max-width: fit-content;
|
|
9372
9359
|
}
|
|
@@ -9502,19 +9489,16 @@ select {
|
|
|
9502
9489
|
}
|
|
9503
9490
|
|
|
9504
9491
|
.h-min {
|
|
9505
|
-
height: -webkit-min-content;
|
|
9506
9492
|
height: -moz-min-content;
|
|
9507
9493
|
height: min-content;
|
|
9508
9494
|
}
|
|
9509
9495
|
|
|
9510
9496
|
.h-max {
|
|
9511
|
-
height: -webkit-max-content;
|
|
9512
9497
|
height: -moz-max-content;
|
|
9513
9498
|
height: max-content;
|
|
9514
9499
|
}
|
|
9515
9500
|
|
|
9516
9501
|
.h-fit {
|
|
9517
|
-
height: -webkit-fit-content;
|
|
9518
9502
|
height: -moz-fit-content;
|
|
9519
9503
|
height: fit-content;
|
|
9520
9504
|
}
|
|
@@ -9534,19 +9518,16 @@ select {
|
|
|
9534
9518
|
}
|
|
9535
9519
|
|
|
9536
9520
|
.min-h-min {
|
|
9537
|
-
min-height: -webkit-min-content;
|
|
9538
9521
|
min-height: -moz-min-content;
|
|
9539
9522
|
min-height: min-content;
|
|
9540
9523
|
}
|
|
9541
9524
|
|
|
9542
9525
|
.min-h-max {
|
|
9543
|
-
min-height: -webkit-max-content;
|
|
9544
9526
|
min-height: -moz-max-content;
|
|
9545
9527
|
min-height: max-content;
|
|
9546
9528
|
}
|
|
9547
9529
|
|
|
9548
9530
|
.min-h-fit {
|
|
9549
|
-
min-height: -webkit-fit-content;
|
|
9550
9531
|
min-height: -moz-fit-content;
|
|
9551
9532
|
min-height: fit-content;
|
|
9552
9533
|
}
|
|
@@ -9589,7 +9570,6 @@ select {
|
|
|
9589
9570
|
}
|
|
9590
9571
|
|
|
9591
9572
|
.sticky {
|
|
9592
|
-
position: -webkit-sticky;
|
|
9593
9573
|
position: sticky;
|
|
9594
9574
|
}
|
|
9595
9575
|
|
|
@@ -12552,9 +12532,7 @@ select {
|
|
|
12552
12532
|
}
|
|
12553
12533
|
|
|
12554
12534
|
.transition-colors {
|
|
12555
|
-
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
|
|
12556
12535
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
12557
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
|
|
12558
12536
|
}
|
|
12559
12537
|
|
|
12560
12538
|
.transition-opacity {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$description": "OmniaCSS 0.
|
|
2
|
+
"$description": "OmniaCSS 0.12.1 semantic tokens (generated by npx omniacss tokens --format dtcg)",
|
|
3
3
|
"$extensions": {
|
|
4
4
|
"com.birdycom.omniacss": {
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.12.1",
|
|
6
6
|
"modes": [
|
|
7
7
|
"light",
|
|
8
8
|
"dark"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
# omnia_tokens.py — OmniaCSS 0.
|
|
1
|
+
# omnia_tokens.py — OmniaCSS 0.12.1 semantic tokens for non-web apps (Tkinter, Qt, ...).
|
|
2
2
|
# Generated by: npx omniacss tokens --format python (do not edit; regenerate after an OmniaCSS update)
|
|
3
3
|
# Map: OMNIACSS_VERSION -> PALETTES (hex per mode) -> ALPHA -> OKLCH -> SIZES/TEXT -> FONTS -> SHADOWS -> font()
|
|
4
4
|
#
|
|
5
5
|
# Colors are resolved from light-dark(var(--color-...)) and gamut mapped to sRGB the CSS Color 4 way.
|
|
6
6
|
# Tokens with transparency (see ALPHA) are pre-blended over "background" in PALETTES.
|
|
7
7
|
|
|
8
|
-
OMNIACSS_VERSION = "0.
|
|
8
|
+
OMNIACSS_VERSION = "0.12.1"
|
|
9
9
|
|
|
10
10
|
PALETTES = {
|
|
11
11
|
"light": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@birdycom/omniacss",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.1",
|
|
4
4
|
"description": "OmniaCSS utilities: modern CSS (anchor positioning, container queries, view transitions, light-dark()) as utility classes, generated on demand.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
package/src/postcss.mjs
CHANGED
|
@@ -28,7 +28,8 @@ export default function omniacss(options = {}) {
|
|
|
28
28
|
|
|
29
29
|
const cwd = options.cwd || process.cwd();
|
|
30
30
|
const { css, files } = await buildCss({ content: options.content, cwd, layer: options.layer ?? "omnia", keep: options.keep });
|
|
31
|
-
|
|
31
|
+
// `from`: the stylesheet being built, so Vite resolves url() in the generated CSS against it.
|
|
32
|
+
const generated = postcss.parse(css, { from: result.opts.from });
|
|
32
33
|
|
|
33
34
|
directives[0].replaceWith(generated.nodes);
|
|
34
35
|
directives.slice(1).forEach((at) => at.remove());
|