@unocss/preset-uno 0.4.3 → 0.4.8

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.
@@ -842,17 +842,72 @@ var rings = [
842
842
  ];
843
843
 
844
844
  // src/rules/shadow.ts
845
+
846
+ var colorResolver3 = (body, theme) => {
847
+ var _a;
848
+ const data = extractColor(body);
849
+ if (!data)
850
+ return;
851
+ const { name, no, color } = data;
852
+ if (!name)
853
+ return;
854
+ let useColor = color;
855
+ if (!color) {
856
+ if (name === "transparent") {
857
+ return {
858
+ "--un-shadow-color": "transparent"
859
+ };
860
+ } else if (name === "current") {
861
+ return {
862
+ "--un-shadow-color": "currentColor"
863
+ };
864
+ }
865
+ useColor = (_a = theme.colors) == null ? void 0 : _a[name];
866
+ if (no && useColor && typeof useColor !== "string")
867
+ useColor = useColor[no];
868
+ }
869
+ if (typeof useColor !== "string")
870
+ return;
871
+ const rgba = _core.hex2rgba.call(void 0, useColor);
872
+ if (rgba) {
873
+ return {
874
+ "--un-shadow-color": `${rgba.slice(0, 3).join(",")}`
875
+ };
876
+ }
877
+ };
878
+ var mixBlendModes = [
879
+ ["mix-blend-normal", { "mix-blend-mode": "normal" }],
880
+ ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
881
+ ["mix-blend-screen", { "mix-blend-mode": "screen" }],
882
+ ["mix-blend-overlay", { "mix-blend-mode": "overlay" }],
883
+ ["mix-blend-darken", { "mix-blend-mode": "darken" }],
884
+ ["mix-blend-lighten", { "mix-blend-mode": "lighten" }],
885
+ ["mix-blend-color-dodge", { "mix-blend-mode": "color-dodge" }],
886
+ ["mix-blend-color-burn", { "mix-blend-mode": "color-burn" }],
887
+ ["mix-blend-color-light", { "mix-blend-mode": "color-light" }],
888
+ ["mix-blend-soft-light", { "mix-blend-mode": "soft-light" }],
889
+ ["mix-blend-difference", { "mix-blend-mode": "difference" }],
890
+ ["mix-blend-exclusion", { "mix-blend-mode": "exclusion" }],
891
+ ["mix-blend-hue", { "mix-blend-mode": "hue" }],
892
+ ["mix-blend-saturation", { "mix-blend-mode": "saturation" }],
893
+ ["mix-blend-color", { "mix-blend-mode": "color" }],
894
+ ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
895
+ ];
845
896
  var shadows = [
846
897
  [/^shadow-?(.*)$/, ([, d], { theme }) => {
847
898
  var _a;
848
899
  const value = (_a = theme == null ? void 0 : theme.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
849
900
  if (value) {
850
901
  return {
902
+ "--un-shadow-color": "0,0,0",
851
903
  "--un-shadow": value,
852
904
  "-webkit-box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)",
853
905
  "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
854
906
  };
855
907
  }
908
+ const color = colorResolver3(d, theme);
909
+ if (color)
910
+ return color;
856
911
  }]
857
912
  ];
858
913
 
@@ -890,7 +945,6 @@ var displays = [
890
945
  ["inline", { display: "inline" }],
891
946
  ["block", { display: "block" }],
892
947
  ["inline-block", { display: "inline-block" }],
893
- ["table", { display: "table" }],
894
948
  ["contents", { display: "contents" }],
895
949
  ["flow-root", { display: "flow-root" }],
896
950
  ["list-item", { display: "list-item" }],
@@ -965,6 +1019,28 @@ var textAligns = [
965
1019
  ["text-justify", { "text-align": "justify" }]
966
1020
  ];
967
1021
 
1022
+ // src/rules/table.ts
1023
+ var tables = [
1024
+ ["border-collapse", { "border-collapse": "collapse" }],
1025
+ ["border-separate", { "border-collapse": "separate" }],
1026
+ ["caption-top", { "caption-side": "top" }],
1027
+ ["caption-bottom", { "caption-side": "bottom" }],
1028
+ ["inline-table", { display: "inline-table" }],
1029
+ ["table", { display: "table" }],
1030
+ ["table-auto", { "table-layout": "auto" }],
1031
+ ["table-empty-cells-visible", { "empty-cells": "show" }],
1032
+ ["table-empty-cells-hidden", { "empty-cells": "hide" }],
1033
+ ["table-fixed", { "table-layout": "fixed" }],
1034
+ ["table-caption", { display: "table-caption" }],
1035
+ ["table-cell", { display: "table-cell" }],
1036
+ ["table-column", { display: "table-column" }],
1037
+ ["table-column-group", { display: "table-column-group" }],
1038
+ ["table-footer-group", { display: "table-footer-group" }],
1039
+ ["table-header-group", { display: "table-header-group" }],
1040
+ ["table-row", { display: "table-row" }],
1041
+ ["table-row-group", { display: "table-row-group" }]
1042
+ ];
1043
+
968
1044
  // src/rules/transform.ts
969
1045
  var transforms = [
970
1046
  [
@@ -1042,6 +1118,7 @@ var rules = [
1042
1118
  textTransforms,
1043
1119
  textAligns,
1044
1120
  textColors,
1121
+ mixBlendModes,
1045
1122
  shadows,
1046
1123
  rings,
1047
1124
  flex,
@@ -1077,6 +1154,7 @@ var rules = [
1077
1154
  objectPositions,
1078
1155
  transitions,
1079
1156
  filters,
1157
+ tables,
1080
1158
  transforms
1081
1159
  ].flat(1);
1082
1160
 
@@ -391,12 +391,14 @@ var borderRadius = {
391
391
  "full": "9999px"
392
392
  };
393
393
  var textShadow = {
394
- DEFAULT: "0px 0px 1px rgb(0 0 0 / 20%), 0px 0px 1px rgb(1 0 5 / 10%)",
395
- sm: "1px 1px 3px rgb(36 37 47 / 25%)",
396
- md: "0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)",
397
- lg: "3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)",
398
- xl: "1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)",
399
- none: "none"
394
+ "DEFAULT": "0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), 0 1px 2px 0 rgba(var(--un-shadow-color), 0.06)",
395
+ "sm": "0 1px 2px 0 rgba(var(--un-shadow-color), 0.05)",
396
+ "md": "0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), 0 2px 4px -1px rgba(var(--un-shadow-color), 0.06)",
397
+ "lg": "0 10px 15px -3px rgba(var(--un-shadow-color), 0.1), 0 4px 6px -2px rgba(var(--un-shadow-color), 0.05)",
398
+ "xl": "0 20px 25px -5px rgba(var(--un-shadow-color), 0.1), 0 10px 10px -5px rgba(var(--un-shadow-color), 0.04)",
399
+ "2xl": "25px 50px -12px rgba(var(--un-shadow-color), 0.25)",
400
+ "inner": "inset 0 2px 4px 0 rgba(var(--un-shadow-color), 0.06)",
401
+ "none": "none"
400
402
  };
401
403
 
402
404
  // src/theme/index.ts
@@ -391,12 +391,14 @@ var borderRadius = {
391
391
  "full": "9999px"
392
392
  };
393
393
  var textShadow = {
394
- DEFAULT: "0px 0px 1px rgb(0 0 0 / 20%), 0px 0px 1px rgb(1 0 5 / 10%)",
395
- sm: "1px 1px 3px rgb(36 37 47 / 25%)",
396
- md: "0px 1px 2px rgb(30 29 39 / 19%), 1px 2px 4px rgb(54 64 147 / 18%)",
397
- lg: "3px 3px 6px rgb(0 0 0 / 26%), 0 0 5px rgb(15 3 86 / 22%)",
398
- xl: "1px 1px 3px rgb(0 0 0 / 29%), 2px 4px 7px rgb(73 64 125 / 35%)",
399
- none: "none"
394
+ "DEFAULT": "0 1px 3px 0 rgba(var(--un-shadow-color), 0.1), 0 1px 2px 0 rgba(var(--un-shadow-color), 0.06)",
395
+ "sm": "0 1px 2px 0 rgba(var(--un-shadow-color), 0.05)",
396
+ "md": "0 4px 6px -1px rgba(var(--un-shadow-color), 0.1), 0 2px 4px -1px rgba(var(--un-shadow-color), 0.06)",
397
+ "lg": "0 10px 15px -3px rgba(var(--un-shadow-color), 0.1), 0 4px 6px -2px rgba(var(--un-shadow-color), 0.05)",
398
+ "xl": "0 20px 25px -5px rgba(var(--un-shadow-color), 0.1), 0 10px 10px -5px rgba(var(--un-shadow-color), 0.04)",
399
+ "2xl": "25px 50px -12px rgba(var(--un-shadow-color), 0.25)",
400
+ "inner": "inset 0 2px 4px 0 rgba(var(--un-shadow-color), 0.06)",
401
+ "none": "none"
400
402
  };
401
403
 
402
404
  // src/theme/index.ts
@@ -842,17 +842,72 @@ var rings = [
842
842
  ];
843
843
 
844
844
  // src/rules/shadow.ts
845
+ import { hex2rgba as hex2rgba3 } from "@unocss/core";
846
+ var colorResolver3 = (body, theme) => {
847
+ var _a;
848
+ const data = extractColor(body);
849
+ if (!data)
850
+ return;
851
+ const { name, no, color } = data;
852
+ if (!name)
853
+ return;
854
+ let useColor = color;
855
+ if (!color) {
856
+ if (name === "transparent") {
857
+ return {
858
+ "--un-shadow-color": "transparent"
859
+ };
860
+ } else if (name === "current") {
861
+ return {
862
+ "--un-shadow-color": "currentColor"
863
+ };
864
+ }
865
+ useColor = (_a = theme.colors) == null ? void 0 : _a[name];
866
+ if (no && useColor && typeof useColor !== "string")
867
+ useColor = useColor[no];
868
+ }
869
+ if (typeof useColor !== "string")
870
+ return;
871
+ const rgba = hex2rgba3(useColor);
872
+ if (rgba) {
873
+ return {
874
+ "--un-shadow-color": `${rgba.slice(0, 3).join(",")}`
875
+ };
876
+ }
877
+ };
878
+ var mixBlendModes = [
879
+ ["mix-blend-normal", { "mix-blend-mode": "normal" }],
880
+ ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
881
+ ["mix-blend-screen", { "mix-blend-mode": "screen" }],
882
+ ["mix-blend-overlay", { "mix-blend-mode": "overlay" }],
883
+ ["mix-blend-darken", { "mix-blend-mode": "darken" }],
884
+ ["mix-blend-lighten", { "mix-blend-mode": "lighten" }],
885
+ ["mix-blend-color-dodge", { "mix-blend-mode": "color-dodge" }],
886
+ ["mix-blend-color-burn", { "mix-blend-mode": "color-burn" }],
887
+ ["mix-blend-color-light", { "mix-blend-mode": "color-light" }],
888
+ ["mix-blend-soft-light", { "mix-blend-mode": "soft-light" }],
889
+ ["mix-blend-difference", { "mix-blend-mode": "difference" }],
890
+ ["mix-blend-exclusion", { "mix-blend-mode": "exclusion" }],
891
+ ["mix-blend-hue", { "mix-blend-mode": "hue" }],
892
+ ["mix-blend-saturation", { "mix-blend-mode": "saturation" }],
893
+ ["mix-blend-color", { "mix-blend-mode": "color" }],
894
+ ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
895
+ ];
845
896
  var shadows = [
846
897
  [/^shadow-?(.*)$/, ([, d], { theme }) => {
847
898
  var _a;
848
899
  const value = (_a = theme == null ? void 0 : theme.textShadow) == null ? void 0 : _a[d || "DEFAULT"];
849
900
  if (value) {
850
901
  return {
902
+ "--un-shadow-color": "0,0,0",
851
903
  "--un-shadow": value,
852
904
  "-webkit-box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)",
853
905
  "box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
854
906
  };
855
907
  }
908
+ const color = colorResolver3(d, theme);
909
+ if (color)
910
+ return color;
856
911
  }]
857
912
  ];
858
913
 
@@ -890,7 +945,6 @@ var displays = [
890
945
  ["inline", { display: "inline" }],
891
946
  ["block", { display: "block" }],
892
947
  ["inline-block", { display: "inline-block" }],
893
- ["table", { display: "table" }],
894
948
  ["contents", { display: "contents" }],
895
949
  ["flow-root", { display: "flow-root" }],
896
950
  ["list-item", { display: "list-item" }],
@@ -965,6 +1019,28 @@ var textAligns = [
965
1019
  ["text-justify", { "text-align": "justify" }]
966
1020
  ];
967
1021
 
1022
+ // src/rules/table.ts
1023
+ var tables = [
1024
+ ["border-collapse", { "border-collapse": "collapse" }],
1025
+ ["border-separate", { "border-collapse": "separate" }],
1026
+ ["caption-top", { "caption-side": "top" }],
1027
+ ["caption-bottom", { "caption-side": "bottom" }],
1028
+ ["inline-table", { display: "inline-table" }],
1029
+ ["table", { display: "table" }],
1030
+ ["table-auto", { "table-layout": "auto" }],
1031
+ ["table-empty-cells-visible", { "empty-cells": "show" }],
1032
+ ["table-empty-cells-hidden", { "empty-cells": "hide" }],
1033
+ ["table-fixed", { "table-layout": "fixed" }],
1034
+ ["table-caption", { display: "table-caption" }],
1035
+ ["table-cell", { display: "table-cell" }],
1036
+ ["table-column", { display: "table-column" }],
1037
+ ["table-column-group", { display: "table-column-group" }],
1038
+ ["table-footer-group", { display: "table-footer-group" }],
1039
+ ["table-header-group", { display: "table-header-group" }],
1040
+ ["table-row", { display: "table-row" }],
1041
+ ["table-row-group", { display: "table-row-group" }]
1042
+ ];
1043
+
968
1044
  // src/rules/transform.ts
969
1045
  var transforms = [
970
1046
  [
@@ -1042,6 +1118,7 @@ var rules = [
1042
1118
  textTransforms,
1043
1119
  textAligns,
1044
1120
  textColors,
1121
+ mixBlendModes,
1045
1122
  shadows,
1046
1123
  rings,
1047
1124
  flex,
@@ -1077,6 +1154,7 @@ var rules = [
1077
1154
  objectPositions,
1078
1155
  transitions,
1079
1156
  filters,
1157
+ tables,
1080
1158
  transforms
1081
1159
  ].flat(1);
1082
1160
 
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunk6S64H3IHjs = require('./chunk-6S64H3IH.js');
3
+ var _chunk6PBCLK3Fjs = require('./chunk-6PBCLK3F.js');
4
4
 
5
5
 
6
6
 
7
- var _chunkPZ7CZSZDjs = require('./chunk-PZ7CZSZD.js');
7
+ var _chunkAKVYZHEUjs = require('./chunk-AKVYZHEU.js');
8
8
 
9
9
 
10
10
  var _chunk54CWTYJQjs = require('./chunk-54CWTYJQ.js');
@@ -12,8 +12,8 @@ require('./chunk-OFR2H3GI.js');
12
12
 
13
13
  // src/index.ts
14
14
  var preset = () => ({
15
- theme: _chunkPZ7CZSZDjs.theme,
16
- rules: _chunk6S64H3IHjs.rules,
15
+ theme: _chunkAKVYZHEUjs.theme,
16
+ rules: _chunk6PBCLK3Fjs.rules,
17
17
  variants: _chunk54CWTYJQjs.variants
18
18
  });
19
19
  var src_default = preset;
@@ -22,4 +22,4 @@ var src_default = preset;
22
22
 
23
23
 
24
24
 
25
- exports.colors = _chunkPZ7CZSZDjs.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunkPZ7CZSZDjs.theme;
25
+ exports.colors = _chunkAKVYZHEUjs.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunkAKVYZHEUjs.theme;
package/dist/index.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  rules
3
- } from "./chunk-DK5OSACM.mjs";
3
+ } from "./chunk-X4HDOSFR.mjs";
4
4
  import {
5
5
  colors,
6
6
  theme
7
- } from "./chunk-3LKDVPSG.mjs";
7
+ } from "./chunk-NU6VVA6M.mjs";
8
8
  import {
9
9
  variants
10
10
  } from "./chunk-VZLJK4OI.mjs";
package/dist/rules.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunk6S64H3IHjs = require('./chunk-6S64H3IH.js');
3
+ var _chunk6PBCLK3Fjs = require('./chunk-6PBCLK3F.js');
4
4
  require('./chunk-OFR2H3GI.js');
5
5
 
6
6
 
7
- exports.rules = _chunk6S64H3IHjs.rules;
7
+ exports.rules = _chunk6PBCLK3Fjs.rules;
package/dist/rules.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  rules
3
- } from "./chunk-DK5OSACM.mjs";
3
+ } from "./chunk-X4HDOSFR.mjs";
4
4
  import "./chunk-YI4MPAID.mjs";
5
5
  export {
6
6
  rules
package/dist/theme.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkPZ7CZSZDjs = require('./chunk-PZ7CZSZD.js');
4
+ var _chunkAKVYZHEUjs = require('./chunk-AKVYZHEU.js');
5
5
  require('./chunk-OFR2H3GI.js');
6
6
 
7
7
 
8
8
 
9
- exports.colors = _chunkPZ7CZSZDjs.colors; exports.theme = _chunkPZ7CZSZDjs.theme;
9
+ exports.colors = _chunkAKVYZHEUjs.colors; exports.theme = _chunkAKVYZHEUjs.theme;
package/dist/theme.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  colors,
3
3
  theme
4
- } from "./chunk-3LKDVPSG.mjs";
4
+ } from "./chunk-NU6VVA6M.mjs";
5
5
  import "./chunk-YI4MPAID.mjs";
6
6
  export {
7
7
  colors,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unocss/preset-uno",
3
- "version": "0.4.3",
3
+ "version": "0.4.8",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "homepage": "https://github.com/antfu/unocss#readme",
@@ -41,7 +41,7 @@
41
41
  "*.css"
42
42
  ],
43
43
  "dependencies": {
44
- "@unocss/core": "0.4.3"
44
+ "@unocss/core": "0.4.8"
45
45
  },
46
46
  "scripts": {
47
47
  "build": "tsup",