@zenuml/core 3.27.11 → 3.28.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.
Files changed (20) hide show
  1. package/cy/smoke-fragment-issue.html +2 -1
  2. package/dist/{StylePanel.2afa8163.js → StylePanel.532c3308.js} +2 -2
  3. package/dist/{close.586def30.js → close.63000af1.js} +2 -2
  4. package/dist/{collapse-expanded.3292a824.js → collapse-expanded.0526f00c.js} +2 -2
  5. package/dist/{collapse-unexpanded.91e32217.js → collapse-unexpanded.bd85ad90.js} +2 -2
  6. package/dist/{core.2b3e9c2d.js → core.a6e9173d.js} +1679 -1669
  7. package/dist/{debug.c3b15d09.js → debug.62f2c8a6.js} +2 -2
  8. package/dist/{message-arrow.643ed89c.js → message-arrow.ccf7e9d1.js} +2 -2
  9. package/dist/{non-selected-cycle.3ff14a20.js → non-selected-cycle.da3b0ae2.js} +2 -2
  10. package/dist/{numbering.61d207ae.js → numbering.1afb271f.js} +2 -2
  11. package/dist/{privacy.79514073.js → privacy.570f33a5.js} +2 -2
  12. package/dist/{selected-cycle.7c9fb45c.js → selected-cycle.01775863.js} +2 -2
  13. package/dist/{theme.8ed45bd5.js → theme.9a8fc8d2.js} +2 -2
  14. package/dist/{tip.e9da86fe.js → tip.471dd66b.js} +2 -2
  15. package/dist/zenuml.esm.mjs +2 -2
  16. package/dist/zenuml.js +30 -30
  17. package/dist/{zoom-in.f6911a5a.js → zoom-in.f2169202.js} +2 -2
  18. package/dist/{zoom-out.ea2be3e8.js → zoom-out.0d299399.js} +2 -2
  19. package/package.json +1 -1
  20. package/tailwind.config.js +22 -13
package/dist/{zoom-in.f6911a5a.js → zoom-in.f2169202.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { o as c, c as e, a as o } from "./core.2b3e9c2d.js";
1
+ import { o as c, c as e, a as o } from "./core.a6e9173d.js";
2
2
  const s = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  viewBox: "0 0 1024 1024"
@@ -20,4 +20,4 @@ export {
20
20
  _ as default,
21
21
  l as render
22
22
  };
23
- //# sourceMappingURL=zoom-in.f6911a5a.js.map
23
+ //# sourceMappingURL=zoom-in.f2169202.js.map
package/dist/{zoom-out.ea2be3e8.js → zoom-out.0d299399.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { o as t, c, a as o } from "./core.2b3e9c2d.js";
1
+ import { o as t, c, a as o } from "./core.a6e9173d.js";
2
2
  const e = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  viewBox: "0 0 1024 1024"
@@ -20,4 +20,4 @@ export {
20
20
  h as default,
21
21
  s as render
22
22
  };
23
- //# sourceMappingURL=zoom-out.ea2be3e8.js.map
23
+ //# sourceMappingURL=zoom-out.0d299399.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenuml/core",
3
- "version": "3.27.11",
3
+ "version": "3.28.0",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "repository": {
package/tailwind.config.js CHANGED
@@ -1,6 +1,6 @@
1
1
  module.exports = {
2
2
  important: ".zenuml",
3
- content: ["./**/*.html", "./src/**/*.vue"],
3
+ content: ["./src/**/*.{js,jsx,ts,tsx,vue}", "./index.html"],
4
4
  safelist: [
5
5
  // add classes from tailwind.css
6
6
  "theme-default",
@@ -14,16 +14,17 @@ module.exports = {
14
14
  "theme-nab",
15
15
  "theme-google",
16
16
  "theme-diagramly",
17
+ "theme-creately",
18
+ "theme-purple",
17
19
  {
18
- pattern: /(bg|text)-.*/,
20
+ pattern: /(bg|text|outline)-.*/,
19
21
  },
20
22
  ],
21
23
  theme: {
22
24
  extend: {
23
25
  colors: {
24
26
  skin: {
25
- frame:
26
- "rgb(var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, --color-backup-white))))",
27
+ frame: "var(--color-bg-frame)", // it will generate from/via/to-skin-frame. see lifeline layer
27
28
  },
28
29
  },
29
30
  textColor: {
@@ -32,11 +33,13 @@ module.exports = {
32
33
  "var(--color-text-title, var(--color-text-message, var(--color-text-base, #000)))",
33
34
  participant:
34
35
  "var(--color-text-participant, var(--color-text-message, var(--color-text-base, #000)))",
36
+ "lifeline-group-name":
37
+ "var(--color-text-message, var(--color-text-base, #000))",
35
38
  message: "var(--color-text-message, var(--color-text-base, #000))",
36
39
  "message-arrow":
37
40
  "var(--color-message-arrow, var(--color-border-frame, var(--color-border-base, #000)))", // message arrow head
38
41
  "message-hover":
39
- "rgb(var(--color-text-message-hover, var(--color-bg-base, --color-backup-white)))",
42
+ "var(--color-text-message-hover, var(--color-bg-base, var(--color-backup-white, #ffffff)))",
40
43
  comment:
41
44
  "var(--color-text-comment, var(--color-text-secondary, var(--color-text-base, #000)))",
42
45
  "fragment-header":
@@ -57,23 +60,24 @@ module.exports = {
57
60
  backgroundColor: {
58
61
  skin: {
59
62
  canvas:
60
- "rgb(var(--color-bg-canvas, var(--color-bg-base, --color-backup-white))",
63
+ "var(--color-bg-canvas, var(--color-bg-base, var(--color-backup-white, #ffffff)))",
61
64
  frame:
62
- "rgba(var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, --color-backup-white))), <alpha-value>)",
65
+ "var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, var(--color-backup-white, #ffffff))))",
63
66
  title:
64
- "rgb(var(--color-bg-title, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, --color-backup-white)))))",
67
+ "var(--color-bg-title, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, var(--color-backup-white, #ffffff)))))",
65
68
  participant:
66
- "rgb(var(--color-bg-participant, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, --color-backup-white)))))",
69
+ "var(--color-bg-participant, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, var(--color-backup-white, #ffffff)))))",
67
70
  lifeline:
68
71
  "var(--color-border-participant, var(--color-border-participant, var(--color-border-frame, var(--color-border-base, #000))))",
69
72
  divider:
70
73
  "var(--color-border-participant, var(--color-border-frame, var(--color-border-base, #000)))",
71
74
  "message-hover":
72
75
  "var(--color-bg-message-hover, var(--color-text-base, #000))",
73
- "fragment-header": "var(--color-bg-fragment-header, transparent)",
76
+ "fragment-header":
77
+ "var(--color-bg-fragment-header, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, var(--color-backup-white, #ffffff)))))",
74
78
  occurrence:
75
- "rgb(var(--color-bg-occurrence, var(--color-bg-participant, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base,--color-backup-white))))))",
76
- base: "rgb(var(--color-bg-base))",
79
+ "var(--color-bg-occurrence, var(--color-bg-participant, var(--color-bg-frame, var(--color-bg-canvas, var(--color-bg-base, var(--color-backup-white, #ffffff))))))",
80
+ base: "var(--color-bg-base)",
77
81
  secondary: "var(--color-bg-secondary)",
78
82
  hover: "var(--color-bg-hover)",
79
83
  fill: "var(--color-bg-fill)",
@@ -95,9 +99,14 @@ module.exports = {
95
99
  secondary: "var(--color-border-secondary)",
96
100
  },
97
101
  },
102
+ outlineColor: {
103
+ skin: {
104
+ primary: "var(--color-outline-primary)",
105
+ },
106
+ },
98
107
  gradientColorStops: {
99
108
  skin: {
100
- base: "rgb(var(--color-bg-base))",
109
+ base: "var(--color-bg-base)",
101
110
  secondary: "var(--color-bg-secondary)",
102
111
  },
103
112
  },