camunda-bpmn-js 0.12.2 → 0.13.0-alpha.0

package/CHANGELOG.md

@@ -6,6 +6,17 @@ All notable changes to [camunda-bpmn-js](https://github.com/camunda/camunda-bpmn
 
 ___Note:__ Yet to be released changes appear here._
 
+## 0.13.0-alpha.0
+
+* `FEAT`: support Zeebe 1.3 features ([#71](https://github.com/camunda/camunda-bpmn-js/issues/71))
+* `DEPS`: migrate to `bpmn-js-properties-panel@1.0.0-alpha.0` ([#71](https://github.com/camunda/camunda-bpmn-js/issues/71))
+* `DEPS`: update to `bpmn-js@8.8.3` ([#74](https://github.com/camunda/camunda-bpmn-js/pull/74))
+
+### Breaking Changes
+
+* Extensions to `bpmn-js-properties-panel@0.x` no longer work with the `1.x` series.
+  Read [the project's changelog for details](https://github.com/bpmn-io/bpmn-js-properties-panel/blob/next/CHANGELOG.md#breaking-changes).
+
 ## 0.12.2
 
 * `FEAT`: behavior for Cloud to ensure that no empty `zeebe:AssignmentDefinitions`

package/dist/assets/base-modeler.css

@@ -1,4 +1,4 @@
 @import './diagram-js.css';
 @import './bpmn-font/css/bpmn-embedded.css';
 @import './diagram-js-minimap.css';
-@import './bpmn-js-properties-panel.css';
+@import './properties-panel.css';

package/dist/assets/camunda-platform-modeler.css

@@ -1 +1,2 @@
-@import './base-modeler.css';
+@import './base-modeler.css';
+@import './element-templates.css';

package/dist/assets/diagram-js.css

@@ -468,6 +468,7 @@ marker.djs-dragger tspan {
  */
 .djs-overlay-context-pad {
   width: 72px;
+  z-index: 100;
 }
 
 .djs-context-pad {
@@ -750,6 +751,7 @@ marker.djs-dragger tspan {
   width: 100%;
   padding: 6px 10px;
   border: 1px solid var(--search-input-border-color);
+  box-sizing: border-box;
 }
 
 .djs-search-input input:focus {

package/dist/assets/element-templates.css

@@ -0,0 +1,75 @@
+.bio-properties-panel {
+  --select-template-background-color: var(--color-blue-205-100-50);
+  --select-template-hover-background-color: var(--color-blue-205-100-45);
+  --select-template-fill-color: var(--color-white);
+  --select-template-label-color: var(--color-white);
+
+  --unknown-template-background-color: var(--color-red-360-100-45);
+  --unknown-template-hover-background-color: var(--color-red-360-100-40);
+
+  --update-available-text-color: var(--color-grey-225-10-55);
+}
+
+.bio-properties-panel-templates-group .bio-properties-panel-group-header-button:not(.bio-properties-panel-arrow) {
+  padding-right: 6px;
+  padding-left: 9px;
+  border-radius: 11px;
+}
+
+.bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button,
+.bio-properties-panel-template-update-available .bio-properties-panel-group-header-button,
+.bio-properties-panel-group-header-button.bio-properties-panel-select-template-button {
+  background-color: var(--select-template-background-color);
+  color: var(--select-template-label-color);
+  fill: var(--select-template-fill-color);
+}
+
+.bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button:hover,
+.bio-properties-panel-template-update-available .bio-properties-panel-group-header-button:hover,
+.bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:hover {
+  background-color: var(--select-template-hover-background-color);
+}
+
+.bio-properties-panel-templates-group .bio-properties-panel-group-header-button * {
+  color: inherit;
+}
+
+.bio-properties-panel-templates-group .bio-properties-panel-group-header-button * + * {
+  margin-left: 2px;
+}
+
+.bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:last-child {
+  padding-right: 9px;
+  padding-left: 6px;
+  margin-right: 22px;
+}
+
+.bio-properties-panel-template-update-available:last-child,
+.bio-properties-panel-applied-template-button:last-child,
+.bio-properties-panel-template-not-found:last-child {
+  margin-right: 32px;
+}
+
+.bio-properties-panel-template-not-found-text,
+.bio-properties-panel-remove-template {
+  color: var(--text-error-color);
+}
+
+.bio-properties-panel-template-not-found .bio-properties-panel-group-header-button {
+  background-color: var(--unknown-template-background-color);
+  color: var(--select-template-label-color);
+  fill: var(--select-template-fill-color);
+}
+
+.bio-properties-panel-template-not-found .bio-properties-panel-group-header-button:hover {
+  background-color: var(--unknown-template-hover-background-color);
+}
+
+.bio-properties-panel-template-update-available-text {
+  color: var(--update-available-text-color);
+}
+
+.bio-properties-panel-template-not-found-text,
+.bio-properties-panel-template-update-available-text {
+  width: 216px;
+}