@zenuml/core 3.27.12 → 3.28.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.
Files changed (20) hide show
  1. package/cy/smoke-fragment-issue.html +2 -1
  2. package/dist/{StylePanel.1d5cdf4e.js → StylePanel-2776c05a.js} +513 -482
  3. package/dist/{close.8e1a8f43.js → close-cdb25d71.js} +2 -2
  4. package/dist/{collapse-expanded.3a026466.js → collapse-expanded-74fa747e.js} +2 -2
  5. package/dist/{collapse-unexpanded.028788c0.js → collapse-unexpanded-7eaa8c36.js} +2 -2
  6. package/dist/{core.d2435cf8.js → core-cb5ceedc.js} +10223 -7412
  7. package/dist/{debug.71f96b5f.js → debug-fc9b6727.js} +2 -2
  8. package/dist/{message-arrow.8538bb49.js → message-arrow-03adbaaa.js} +2 -2
  9. package/dist/{non-selected-cycle.028fa6a9.js → non-selected-cycle-c21e6265.js} +2 -2
  10. package/dist/{numbering.be93c905.js → numbering-4e0612f7.js} +2 -2
  11. package/dist/{privacy.0c4d8726.js → privacy-cfe1a08b.js} +2 -2
  12. package/dist/{selected-cycle.f9c7ae90.js → selected-cycle-bcd1a062.js} +2 -2
  13. package/dist/{theme.6275f9f3.js → theme-914b6b29.js} +2 -2
  14. package/dist/{tip.e1cca752.js → tip-0a628518.js} +2 -2
  15. package/dist/zenuml.esm.mjs +2 -2
  16. package/dist/zenuml.js +439 -439
  17. package/dist/{zoom-in.51811ef7.js → zoom-in-d735d94f.js} +2 -2
  18. package/dist/{zoom-out.4f76068f.js → zoom-out-d690e7a4.js} +2 -2
  19. package/package.json +2 -2
  20. package/tailwind.config.js +22 -13
package/dist/{zoom-in.51811ef7.js → zoom-in-d735d94f.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { o as c, c as e, a as o } from "./core.d2435cf8.js";
1
+ import { o as c, c as e, a as o } from "./core-cb5ceedc.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.51811ef7.js.map
23
+ //# sourceMappingURL=zoom-in-d735d94f.js.map
package/dist/{zoom-out.4f76068f.js → zoom-out-d690e7a4.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { o as t, c, a as o } from "./core.d2435cf8.js";
1
+ import { o as t, c, a as o } from "./core-cb5ceedc.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.4f76068f.js.map
23
+ //# sourceMappingURL=zoom-out-d690e7a4.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenuml/core",
3
- "version": "3.27.12",
3
+ "version": "3.28.1",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -102,7 +102,7 @@
102
102
  "terser-webpack-plugin": "^3.1.0",
103
103
  "ts-node": "^10.9.1",
104
104
  "typescript": "^5.6.3",
105
- "vite": "^3.2.10",
105
+ "vite": "^4.5.6",
106
106
  "vite-plugin-css-injected-by-js": "^2.2.0",
107
107
  "vite-svg-loader": "^4.0.0",
108
108
  "vitest": "^2.1.5"
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
  },