bpmn-js 18.29.1 → 18.30.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/assets/bpmn-js.css +29 -38
- package/dist/assets/diagram-js.css +121 -99
- package/dist/bpmn-modeler.development.js +5 -5
- package/dist/bpmn-modeler.production.min.js +63 -63
- package/dist/bpmn-navigated-viewer.development.js +5 -5
- package/dist/bpmn-navigated-viewer.production.min.js +5 -5
- package/dist/bpmn-viewer.development.js +5 -5
- package/dist/bpmn-viewer.production.min.js +5 -5
- package/lib/BaseViewer.js +1 -1
- package/package.json +14 -12
package/dist/assets/bpmn-js.css
CHANGED
|
@@ -1,45 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Semantic tokens, copied from `@bpmn-io/theme` to style the components
|
|
3
|
+
* according to this theme.
|
|
4
|
+
*
|
|
5
|
+
* Names and values of the tokens should stay intact with the `@bpmn-io/theme`
|
|
6
|
+
* source of truth, to ensure matching styles and allow overrides with an
|
|
7
|
+
* alternative theme.
|
|
8
|
+
*/
|
|
9
|
+
.bio-theme-parent {
|
|
10
|
+
--bio-surface-subtle: hsl(225, 10%, 97%);
|
|
11
|
+
--bio-text-on-primary: hsl(0, 0%, 100%);
|
|
12
|
+
--bio-border: hsl(225, 10%, 75%);
|
|
13
|
+
--bio-primary: hsl(205, 100%, 40%);
|
|
14
|
+
--bio-focus: hsl(205, 100%, 40%);
|
|
15
|
+
--bio-radius-md: 3px;
|
|
16
|
+
--bio-radius-lg: 4px;
|
|
17
|
+
}
|
|
18
|
+
|
|
1
19
|
.bjs-container {
|
|
2
20
|
--bjs-font-family: Arial, sans-serif;
|
|
3
21
|
|
|
4
|
-
--color
|
|
5
|
-
--color-grey-225-10-35: hsl(225, 10%, 35%);
|
|
6
|
-
--color-grey-225-10-55: hsl(225, 10%, 55%);
|
|
7
|
-
--color-grey-225-10-75: hsl(225, 10%, 75%);
|
|
8
|
-
--color-grey-225-10-80: hsl(225, 10%, 80%);
|
|
9
|
-
--color-grey-225-10-85: hsl(225, 10%, 85%);
|
|
10
|
-
--color-grey-225-10-90: hsl(225, 10%, 90%);
|
|
11
|
-
--color-grey-225-10-95: hsl(225, 10%, 95%);
|
|
12
|
-
--color-grey-225-10-97: hsl(225, 10%, 97%);
|
|
13
|
-
|
|
14
|
-
--color-blue-205-100-40: hsl(205, 100%, 40%);
|
|
15
|
-
--color-blue-205-100-45: hsl(205, 100%, 45%);
|
|
16
|
-
--color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
|
|
17
|
-
--color-blue-205-100-50: hsl(205, 100%, 50%);
|
|
18
|
-
--color-blue-205-100-95: hsl(205, 100%, 95%);
|
|
19
|
-
|
|
20
|
-
--color-green-150-86-44: hsl(150, 86%, 44%);
|
|
21
|
-
|
|
22
|
-
--color-red-360-100-40: hsl(360, 100%, 40%);
|
|
23
|
-
--color-red-360-100-45: hsl(360, 100%, 45%);
|
|
24
|
-
--color-red-360-100-92: hsl(360, 100%, 92%);
|
|
25
|
-
--color-red-360-100-97: hsl(360, 100%, 97%);
|
|
26
|
-
|
|
27
|
-
--color-white: hsl(0, 0%, 100%);
|
|
28
|
-
--color-black: hsl(0, 0%, 0%);
|
|
29
|
-
--color-black-opacity-05: hsla(0, 0%, 0%, 5%);
|
|
30
|
-
--color-black-opacity-10: hsla(0, 0%, 0%, 10%);
|
|
31
|
-
|
|
32
|
-
--accent-color: var(--color-blue-205-100-40);
|
|
22
|
+
--accent-color: var(--bio-primary);
|
|
33
23
|
|
|
34
24
|
--breadcrumbs-font-family: var(--bjs-font-family);
|
|
35
25
|
--breadcrumbs-item-color: var(--accent-color);
|
|
36
|
-
--breadcrumbs-
|
|
37
|
-
--breadcrumbs-
|
|
38
|
-
--breadcrumbs-
|
|
39
|
-
--
|
|
40
|
-
--drilldown-fill-color: var(--color-white);
|
|
26
|
+
--breadcrumbs-background-color: var(--bio-surface-subtle);
|
|
27
|
+
--breadcrumbs-border-color: var(--bio-border);
|
|
28
|
+
--breadcrumbs-focus-outline-color: var(--bio-focus);
|
|
29
|
+
--drilldown-fill-color: var(--bio-text-on-primary);
|
|
41
30
|
--drilldown-background-color: var(--accent-color);
|
|
42
|
-
--drilldown-focus-outline-color: var(--
|
|
31
|
+
--drilldown-focus-outline-color: var(--bio-focus);
|
|
32
|
+
|
|
33
|
+
--button-border-radius: var(--bio-radius-md);
|
|
34
|
+
--surface-border-radius: var(--bio-radius-lg);
|
|
43
35
|
}
|
|
44
36
|
|
|
45
37
|
.bjs-breadcrumbs {
|
|
@@ -56,7 +48,7 @@
|
|
|
56
48
|
line-height: normal;
|
|
57
49
|
background-color: var(--breadcrumbs-background-color);
|
|
58
50
|
border: solid 1px var(--breadcrumbs-border-color);
|
|
59
|
-
border-radius:
|
|
51
|
+
border-radius: var(--surface-border-radius);
|
|
60
52
|
row-gap: 5px;
|
|
61
53
|
}
|
|
62
54
|
|
|
@@ -91,7 +83,6 @@
|
|
|
91
83
|
.bjs-breadcrumbs li:not(:first-child)::before {
|
|
92
84
|
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
|
|
93
85
|
padding: 0 8px;
|
|
94
|
-
color: var(--breadcrumbs-arrow-color);
|
|
95
86
|
height: 1em;
|
|
96
87
|
}
|
|
97
88
|
|
|
@@ -112,7 +103,7 @@
|
|
|
112
103
|
|
|
113
104
|
cursor: pointer;
|
|
114
105
|
border: none;
|
|
115
|
-
border-radius:
|
|
106
|
+
border-radius: var(--button-border-radius);
|
|
116
107
|
|
|
117
108
|
fill: var(--drilldown-fill-color);
|
|
118
109
|
background-color: var(--drilldown-background-color);
|
|
@@ -1,123 +1,144 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Semantic tokens, copied from `@bpmn-io/theme` to style the components
|
|
3
|
+
* according to this theme.
|
|
4
|
+
*
|
|
5
|
+
* Names and values of the tokens should stay intact with the `@bpmn-io/theme`
|
|
6
|
+
* source of truth, to ensure matching styles and allow overrides with an
|
|
7
|
+
* alternative theme.
|
|
8
|
+
*/
|
|
9
|
+
.bio-theme-parent {
|
|
10
|
+
--bio-surface: hsl(0, 0%, 100%);
|
|
11
|
+
--bio-surface-overlay: hsl(0, 0%, 100%);
|
|
12
|
+
--bio-surface-subtle: hsl(225, 10%, 97%);
|
|
13
|
+
--bio-surface-medium: hsl(225, 10%, 95%);
|
|
14
|
+
--bio-surface-inverted: hsl(0, 0%, 22%);
|
|
15
|
+
--bio-surface-inverted-subtle: hsl(225, 10%, 35%);
|
|
16
|
+
--bio-text: hsl(225, 10%, 15%);
|
|
17
|
+
--bio-text-subtle: hsl(225, 10%, 35%);
|
|
18
|
+
--bio-text-subtlest: hsl(225, 10%, 55%);
|
|
19
|
+
--bio-text-on-inverted: hsl(0, 0%, 100%);
|
|
20
|
+
--bio-border: hsl(225, 10%, 75%);
|
|
21
|
+
--bio-border-disabled: hsl(225, 10%, 90%);
|
|
22
|
+
--bio-primary: hsl(205, 100%, 40%);
|
|
23
|
+
--bio-primary-surface: hsl(205, 100%, 95%);
|
|
24
|
+
--bio-danger: hsl(360, 100%, 45%);
|
|
25
|
+
--bio-danger-surface-subtle: hsl(360, 100%, 97%);
|
|
26
|
+
--bio-selected-surface: var(--bio-surface-medium);
|
|
27
|
+
--bio-selected-text: var(--bio-text);
|
|
28
|
+
--bio-focus: hsl(205, 100%, 40%);
|
|
29
|
+
--bio-focus-surface: hsl(205, 100%, 95%);
|
|
30
|
+
--bio-canvas-accent: hsl(205, 100%, 40%);
|
|
31
|
+
--bio-canvas-accent-subtle: hsl(205, 100%, 75%);
|
|
32
|
+
--bio-shadow: hsla(0, 0%, 0%, 30%);
|
|
33
|
+
--bio-shadow-subtle: hsla(0, 0%, 0%, 10%);
|
|
34
|
+
--bio-radius-sm: 2px;
|
|
35
|
+
--bio-radius-md: 3px;
|
|
36
|
+
--bio-radius-lg: 4px;
|
|
37
|
+
}
|
|
38
|
+
|
|
1
39
|
/**
|
|
2
40
|
* color definitions
|
|
41
|
+
*
|
|
42
|
+
* Colours resolve through the semantic tokens in `@bpmn-io/theme`; a handful of
|
|
43
|
+
* values with no matching token stay literal.
|
|
3
44
|
*/
|
|
4
45
|
.djs-parent {
|
|
5
|
-
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
|
|
10
|
-
--
|
|
11
|
-
|
|
12
|
-
--color
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
--color-blue-205-100-40: hsl(205, 100%, 40%);
|
|
16
|
-
--color-blue-205-100-45: hsl(205, 100%, 45%);
|
|
17
|
-
--color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
|
|
18
|
-
--color-blue-205-100-50: hsl(205, 100%, 50%);
|
|
19
|
-
--color-blue-205-100-50-opacity-15: hsla(205, 100%, 50%, 15%);
|
|
20
|
-
--color-blue-205-100-70: hsl(205, 100%, 75%);
|
|
21
|
-
--color-blue-205-100-95: hsl(205, 100%, 95%);
|
|
22
|
-
|
|
23
|
-
--color-green-150-86-44: hsl(150, 86%, 44%);
|
|
24
|
-
|
|
25
|
-
--color-red-360-100-40: hsl(360, 100%, 40%);
|
|
26
|
-
--color-red-360-100-45: hsl(360, 100%, 45%);
|
|
27
|
-
--color-red-360-100-92: hsl(360, 100%, 92%);
|
|
28
|
-
--color-red-360-100-97: hsl(360, 100%, 97%);
|
|
29
|
-
|
|
30
|
-
--color-white: hsl(0, 0%, 100%);
|
|
31
|
-
--color-black: hsl(0, 0%, 0%);
|
|
32
|
-
--color-black-opacity-10: hsla(0, 0%, 0%, 10%);
|
|
33
|
-
--color-black-opacity-30: hsla(0, 0%, 0%, 30%);
|
|
34
|
-
|
|
35
|
-
--canvas-fill-color: var(--color-white);
|
|
36
|
-
|
|
37
|
-
--accent-color: var(--color-blue-205-100-40);
|
|
38
|
-
|
|
39
|
-
--bendpoint-fill-color: var(--color-blue-205-100-45);
|
|
46
|
+
|
|
47
|
+
--button-border-radius: var(--bio-radius-md);
|
|
48
|
+
--input-border-radius: var(--bio-radius-sm);
|
|
49
|
+
--surface-border-radius: var(--bio-radius-lg);
|
|
50
|
+
|
|
51
|
+
--canvas-fill-color: var(--bio-surface);
|
|
52
|
+
|
|
53
|
+
--accent-color: var(--bio-canvas-accent);
|
|
54
|
+
|
|
55
|
+
--bendpoint-fill-color: var(--bio-canvas-accent);
|
|
40
56
|
--bendpoint-stroke-color: var(--canvas-fill-color);
|
|
41
57
|
|
|
42
|
-
--context-pad-entry-background-color: var(--
|
|
43
|
-
--context-pad-entry-hover-background-color: var(--
|
|
58
|
+
--context-pad-entry-background-color: var(--bio-surface);
|
|
59
|
+
--context-pad-entry-hover-background-color: var(--bio-surface-medium);
|
|
44
60
|
|
|
45
61
|
--element-dragger-color: var(--accent-color);
|
|
46
|
-
--element-hover-outline-fill-color: var(--color-blue-205-100-45);
|
|
47
62
|
--element-selected-outline-stroke-color: var(--accent-color);
|
|
48
|
-
--element-selected-outline-secondary-stroke-color: var(--
|
|
63
|
+
--element-selected-outline-secondary-stroke-color: var(--bio-canvas-accent-subtle);
|
|
49
64
|
|
|
50
|
-
--lasso-fill-color: var(--
|
|
65
|
+
--lasso-fill-color: color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);
|
|
51
66
|
--lasso-stroke-color: var(--element-selected-outline-stroke-color);
|
|
52
67
|
|
|
53
|
-
--palette-entry-color: var(--
|
|
54
|
-
--palette-entry-hover-color: var(--
|
|
55
|
-
--palette-entry-selected-color: var(--
|
|
56
|
-
--palette-separator-color: var(--
|
|
57
|
-
--palette-toggle-hover-background-color: var(--
|
|
58
|
-
--palette-background-color: var(--
|
|
59
|
-
--palette-border-color: var(--
|
|
68
|
+
--palette-entry-color: var(--bio-text);
|
|
69
|
+
--palette-entry-hover-color: var(--bio-primary);
|
|
70
|
+
--palette-entry-selected-color: var(--bio-primary);
|
|
71
|
+
--palette-separator-color: var(--bio-border);
|
|
72
|
+
--palette-toggle-hover-background-color: var(--bio-surface-medium);
|
|
73
|
+
--palette-background-color: var(--bio-surface-subtle);
|
|
74
|
+
--palette-border-color: var(--bio-border);
|
|
60
75
|
|
|
61
76
|
--popup-font-family: "IBM Plex Sans", sans-serif;
|
|
62
77
|
--popup-font-size: 14px;
|
|
63
78
|
--popup-secondary-font-size: .9em;
|
|
64
|
-
--popup-header-entry-selected-color: var(--
|
|
79
|
+
--popup-header-entry-selected-color: var(--bio-primary);
|
|
65
80
|
--popup-header-font-weight: bolder;
|
|
66
|
-
--popup-header-group-divider-color: var(--
|
|
67
|
-
--popup-background-color: var(--
|
|
81
|
+
--popup-header-group-divider-color: var(--bio-border);
|
|
82
|
+
--popup-background-color: var(--bio-surface-overlay);
|
|
68
83
|
--popup-border-color: transparent;
|
|
69
|
-
--popup-shadow-color: var(--
|
|
70
|
-
|
|
71
|
-
--popup-
|
|
72
|
-
--popup-
|
|
73
|
-
--popup-
|
|
74
|
-
--popup-
|
|
75
|
-
--popup-
|
|
76
|
-
--popup-
|
|
77
|
-
--popup-
|
|
78
|
-
|
|
79
|
-
--popup-
|
|
80
|
-
--popup-
|
|
81
|
-
--popup-
|
|
82
|
-
--popup-
|
|
83
|
-
--popup-
|
|
84
|
-
|
|
85
|
-
--
|
|
84
|
+
--popup-shadow-color: var(--bio-shadow);
|
|
85
|
+
/* translucent, so the thumb darkens whatever it scrolls over */
|
|
86
|
+
--popup-scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
|
|
87
|
+
--popup-button-background-color: var(--bio-surface-overlay);
|
|
88
|
+
--popup-button-hover-background-color: var(--bio-surface-medium);
|
|
89
|
+
--popup-disabled-color: var(--bio-text-subtle);
|
|
90
|
+
--popup-description-color: var(--bio-text-subtle);
|
|
91
|
+
--popup-no-results-color: var(--bio-text-subtlest);
|
|
92
|
+
--popup-entry-title-color: var(--bio-text-subtlest);
|
|
93
|
+
|
|
94
|
+
--popup-entry-selected-background-color: var(--bio-selected-surface);
|
|
95
|
+
--popup-entry-selected-color: var(--bio-selected-text);
|
|
96
|
+
--popup-search-border-color: var(--bio-border);
|
|
97
|
+
--popup-search-focus-border-color: var(--bio-focus);
|
|
98
|
+
--popup-search-focus-background-color: var(--bio-focus-surface);
|
|
99
|
+
--popup-tab-color: var(--bio-text-subtlest);
|
|
100
|
+
--popup-tab-hover-color: var(--bio-text);
|
|
101
|
+
--popup-tab-active-color: var(--bio-text);
|
|
102
|
+
--popup-tab-active-border-color: var(--bio-primary);
|
|
103
|
+
--popup-tab-strip-border-color: var(--bio-border-disabled);
|
|
104
|
+
--popup-tab-focus-border-color: var(--bio-focus);
|
|
105
|
+
|
|
106
|
+
--resizer-fill-color: var(--bio-canvas-accent);
|
|
86
107
|
--resizer-stroke-color: var(--canvas-fill-color);
|
|
87
108
|
|
|
88
109
|
--search-font-family: "IBM Plex Sans", sans-serif;
|
|
89
110
|
--search-font-size: 14px;
|
|
90
|
-
--search-container-background-color: var(--
|
|
91
|
-
--search-shadow-color: var(--
|
|
92
|
-
--search-input-border-color: var(--
|
|
93
|
-
--search-input-focus-border-color: var(--
|
|
94
|
-
--search-input-focus-background-color: var(--
|
|
95
|
-
--search-result-hover-background-color: var(--
|
|
96
|
-
--search-result-secondary-color: var(--
|
|
97
|
-
--search-preselected-background-color: var(--
|
|
111
|
+
--search-container-background-color: var(--bio-surface-overlay);
|
|
112
|
+
--search-shadow-color: var(--bio-shadow);
|
|
113
|
+
--search-input-border-color: var(--bio-border);
|
|
114
|
+
--search-input-focus-border-color: var(--bio-focus);
|
|
115
|
+
--search-input-focus-background-color: var(--bio-primary-surface);
|
|
116
|
+
--search-result-hover-background-color: var(--bio-surface-medium);
|
|
117
|
+
--search-result-secondary-color: var(--bio-text-subtlest);
|
|
118
|
+
--search-preselected-background-color: color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);
|
|
98
119
|
|
|
99
120
|
--shape-attach-allowed-stroke-color: var(--accent-color);
|
|
100
|
-
--shape-connect-allowed-fill-color: var(--
|
|
101
|
-
--shape-drop-allowed-fill-color: var(--
|
|
102
|
-
--shape-drop-not-allowed-fill-color: var(--
|
|
121
|
+
--shape-connect-allowed-fill-color: var(--bio-surface-subtle);
|
|
122
|
+
--shape-drop-allowed-fill-color: var(--bio-surface-subtle);
|
|
123
|
+
--shape-drop-not-allowed-fill-color: var(--bio-danger-surface-subtle);
|
|
103
124
|
--shape-resize-preview-stroke-color: var(--accent-color);
|
|
104
125
|
|
|
105
|
-
--snap-line-stroke-color: var(--
|
|
126
|
+
--snap-line-stroke-color: color-mix(in srgb, var(--bio-canvas-accent) 30%, transparent);
|
|
106
127
|
|
|
107
|
-
--space-tool-crosshair-stroke-color: var(--
|
|
128
|
+
--space-tool-crosshair-stroke-color: var(--bio-text);
|
|
108
129
|
|
|
109
|
-
--tooltip-error-background-color: var(--
|
|
110
|
-
--tooltip-error-border-color: var(--
|
|
111
|
-
--tooltip-error-color: var(--
|
|
130
|
+
--tooltip-error-background-color: var(--bio-danger-surface-subtle);
|
|
131
|
+
--tooltip-error-border-color: var(--bio-danger);
|
|
132
|
+
--tooltip-error-color: var(--bio-danger);
|
|
112
133
|
|
|
113
134
|
--hover-tooltip-font-family: "IBM Plex Sans", sans-serif;
|
|
114
135
|
--hover-tooltip-font-size: 12px;
|
|
115
136
|
--hover-tooltip-secondary-font-size: 11px;
|
|
116
|
-
--hover-tooltip-background-color: var(--
|
|
117
|
-
--hover-tooltip-color: var(--
|
|
118
|
-
--hover-tooltip-shadow-color: var(--
|
|
137
|
+
--hover-tooltip-background-color: var(--bio-surface-inverted);
|
|
138
|
+
--hover-tooltip-color: var(--bio-text-on-inverted);
|
|
139
|
+
--hover-tooltip-shadow-color: var(--bio-shadow-subtle);
|
|
119
140
|
|
|
120
|
-
--palette-tooltip-shortcut-background-color: var(--
|
|
141
|
+
--palette-tooltip-shortcut-background-color: var(--bio-surface-inverted-subtle);
|
|
121
142
|
}
|
|
122
143
|
|
|
123
144
|
/**
|
|
@@ -515,7 +536,7 @@
|
|
|
515
536
|
gap: 6px;
|
|
516
537
|
|
|
517
538
|
padding: 6px 10px;
|
|
518
|
-
border-radius:
|
|
539
|
+
border-radius: var(--surface-border-radius);
|
|
519
540
|
|
|
520
541
|
background-color: var(--hover-tooltip-background-color);
|
|
521
542
|
color: var(--hover-tooltip-color);
|
|
@@ -540,7 +561,7 @@
|
|
|
540
561
|
.djs-palette-tooltip-shortcut {
|
|
541
562
|
padding: 1px 5px;
|
|
542
563
|
|
|
543
|
-
border-radius:
|
|
564
|
+
border-radius: var(--button-border-radius);
|
|
544
565
|
|
|
545
566
|
background-color: var(--palette-tooltip-shortcut-background-color);
|
|
546
567
|
|
|
@@ -611,7 +632,7 @@
|
|
|
611
632
|
box-sizing: border-box;
|
|
612
633
|
font-size: var(--popup-font-size);
|
|
613
634
|
padding: 3px 6px 3px 28px;
|
|
614
|
-
border-radius:
|
|
635
|
+
border-radius: var(--input-border-radius);
|
|
615
636
|
border: solid 1px var(--popup-search-border-color);
|
|
616
637
|
line-height: 21px;
|
|
617
638
|
}
|
|
@@ -825,7 +846,7 @@
|
|
|
825
846
|
}
|
|
826
847
|
|
|
827
848
|
.djs-popup-breadcrumbs-item--back:hover {
|
|
828
|
-
background:
|
|
849
|
+
background: var(--popup-button-hover-background-color);
|
|
829
850
|
}
|
|
830
851
|
|
|
831
852
|
.djs-popup-breadcrumbs-item--current {
|
|
@@ -928,7 +949,8 @@
|
|
|
928
949
|
}
|
|
929
950
|
|
|
930
951
|
.djs-popup .entry.selected {
|
|
931
|
-
|
|
952
|
+
color: var(--popup-entry-selected-color);
|
|
953
|
+
background-color: var(--popup-entry-selected-background-color);
|
|
932
954
|
}
|
|
933
955
|
|
|
934
956
|
.djs-popup .entry.disabled {
|
|
@@ -974,7 +996,7 @@
|
|
|
974
996
|
|
|
975
997
|
.djs-popup *::-webkit-scrollbar-thumb {
|
|
976
998
|
border-radius: 3px;
|
|
977
|
-
background-color:
|
|
999
|
+
background-color: var(--popup-scrollbar-thumb-color);
|
|
978
1000
|
}
|
|
979
1001
|
|
|
980
1002
|
.djs-popup *::-webkit-scrollbar-track {
|
|
@@ -1013,7 +1035,7 @@
|
|
|
1013
1035
|
visibility: hidden;
|
|
1014
1036
|
padding: 2px 3px;
|
|
1015
1037
|
color: var(--popup-description-color);
|
|
1016
|
-
background:
|
|
1038
|
+
background: var(--popup-button-background-color);
|
|
1017
1039
|
border: 1px solid var(--popup-search-border-color);
|
|
1018
1040
|
border-radius: 4px;
|
|
1019
1041
|
cursor: pointer;
|
|
@@ -1025,7 +1047,7 @@
|
|
|
1025
1047
|
}
|
|
1026
1048
|
|
|
1027
1049
|
.djs-popup-body .entry .djs-popup-entry-docs:hover {
|
|
1028
|
-
background:
|
|
1050
|
+
background: var(--popup-button-hover-background-color);
|
|
1029
1051
|
}
|
|
1030
1052
|
|
|
1031
1053
|
.djs-popup-entry-docs svg {
|
|
@@ -1056,7 +1078,7 @@
|
|
|
1056
1078
|
.djs-palette {
|
|
1057
1079
|
background: var(--palette-background-color);
|
|
1058
1080
|
border: solid 1px var(--palette-border-color);
|
|
1059
|
-
border-radius:
|
|
1081
|
+
border-radius: var(--surface-border-radius);
|
|
1060
1082
|
}
|
|
1061
1083
|
|
|
1062
1084
|
/**
|
|
@@ -1171,7 +1193,7 @@
|
|
|
1171
1193
|
|
|
1172
1194
|
background: var(--tooltip-error-background-color);
|
|
1173
1195
|
border: solid 1px var(--tooltip-error-border-color);
|
|
1174
|
-
border-radius:
|
|
1196
|
+
border-radius: var(--surface-border-radius);
|
|
1175
1197
|
color: var(--tooltip-error-color);
|
|
1176
1198
|
font-size: 12px;
|
|
1177
1199
|
line-height: 16px;
|
|
@@ -1210,7 +1232,7 @@
|
|
|
1210
1232
|
|
|
1211
1233
|
font-family: var(--search-font-family);
|
|
1212
1234
|
font-size: var(--search-font-size);
|
|
1213
|
-
border-radius:
|
|
1235
|
+
border-radius: var(--surface-border-radius);
|
|
1214
1236
|
box-shadow: 0px 2px 6px var(--search-shadow-color);
|
|
1215
1237
|
}
|
|
1216
1238
|
|
|
@@ -1233,7 +1255,7 @@
|
|
|
1233
1255
|
width: 100%;
|
|
1234
1256
|
padding: 3px 6px 3px 28px;
|
|
1235
1257
|
border: 1px solid var(--search-input-border-color);
|
|
1236
|
-
border-radius:
|
|
1258
|
+
border-radius: var(--input-border-radius);
|
|
1237
1259
|
box-sizing: border-box;
|
|
1238
1260
|
line-height: 21px;
|
|
1239
1261
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* bpmn-js - bpmn-modeler v18.
|
|
2
|
+
* bpmn-js - bpmn-modeler v18.30.1
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2014-present, camunda Services GmbH
|
|
5
5
|
*
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*
|
|
9
9
|
* Source Code: https://github.com/bpmn-io/bpmn-js
|
|
10
10
|
*
|
|
11
|
-
* Date: 2026-09-
|
|
11
|
+
* Date: 2026-09-24
|
|
12
12
|
*/
|
|
13
13
|
(function (global, factory) {
|
|
14
14
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
@@ -4928,7 +4928,7 @@
|
|
|
4928
4928
|
// this way we can always get the correct container size
|
|
4929
4929
|
// (this is impossible for <svg> elements at the moment)
|
|
4930
4930
|
const parent = document.createElement('div');
|
|
4931
|
-
parent.setAttribute('class', 'djs-container djs-parent');
|
|
4931
|
+
parent.setAttribute('class', 'djs-container djs-parent bio-theme-parent');
|
|
4932
4932
|
|
|
4933
4933
|
assign(parent, {
|
|
4934
4934
|
position: 'relative',
|
|
@@ -18731,7 +18731,7 @@
|
|
|
18731
18731
|
*/
|
|
18732
18732
|
BaseViewer.prototype._createContainer = function(options) {
|
|
18733
18733
|
|
|
18734
|
-
const container = domify('<div class="bjs-container"></div>');
|
|
18734
|
+
const container = domify('<div class="bjs-container bio-theme-parent"></div>');
|
|
18735
18735
|
|
|
18736
18736
|
assign(container, {
|
|
18737
18737
|
width: ensureUnit(options.width),
|
|
@@ -22144,7 +22144,7 @@
|
|
|
22144
22144
|
textBBox.width = fitLine ? textBBox.width : 0;
|
|
22145
22145
|
|
|
22146
22146
|
// try to fit
|
|
22147
|
-
if (fitLine === ' ' || fitLine === '' || textBBox.width
|
|
22147
|
+
if (fitLine === ' ' || fitLine === '' || textBBox.width <= maxWidth || fitLine.length < 2) {
|
|
22148
22148
|
return fit(lines, fitLine, originalLine, textBBox);
|
|
22149
22149
|
}
|
|
22150
22150
|
|