@bpmn-io/properties-panel 3.43.0 → 3.44.1

package/dist/assets/properties-panel.css

@@ -44,6 +44,8 @@
   --description-code-border-color: var(--color-grey-225-10-85);
   --description-list-item-color: var(--color-grey-225-10-35);
 
+  --tooltip-underline-color: var(--color-grey-225-10-55);
+
   --placeholder-color: var(--color-grey-225-10-35);
   --placeholder-background-color: var(--color-grey-225-10-95);
 
@@ -1182,14 +1184,20 @@ textarea.bio-properties-panel-input {
   text-decoration: underline;
   text-decoration-style: dotted;
   text-underline-offset: 2px;
+  text-decoration-color: var(--tooltip-underline-color);
   font: inherit;
   display: flex;
   justify-content: center;
   width: fit-content;
 }
 
+.bio-properties-panel-tooltip-wrapper:hover,
+.bio-properties-panel-tooltip-wrapper:focus,
+.bio-properties-panel-tooltip-wrapper:focus-visible {
+  text-decoration-color: currentColor;
+}
+
 .bio-properties-panel-tooltip {
-  --tooltip-underline-color: var(--color-blue-219-99-53);
   --tooltip-background-color: var(--color-grey-0-0-22);
   --tooltip-link: var(--color-blue-218-100-74);
   --tooltip-code-background-color: var(--color-grey-225-10-97);

package/dist/index.esm.js

@@ -3657,6 +3657,7 @@ function List(props) {
     onAdd,
     onRemove,
     autoFocusEntry,
+    translate = translateFallback,
     ...restProps
   } = props;
   const entryRef = useRef(null);
@@ -3699,12 +3700,12 @@ function List(props) {
         class: "bio-properties-panel-list-entry-header-buttons",
         children: [jsxs("button", {
           type: "button",
-          title: "Create new list item",
+          title: translate('Create new list item'),
           onClick: addItem,
           class: "bio-properties-panel-add-entry",
           children: [jsx(CreateIcon, {}), !hasItems ? jsx("span", {
             class: "bio-properties-panel-add-entry-label",
-            children: "Create"
+            children: translate('Create')
           }) : null]
         }), hasItems && jsx("div", {
           title: `List contains ${items.length} item${items.length != 1 ? 's' : ''}`,
@@ -3712,7 +3713,7 @@ function List(props) {
           children: items.length
         }), hasItems && jsx("button", {
           type: "button",
-          title: "Toggle list item",
+          title: translate('Toggle list item'),
           class: "bio-properties-panel-arrow",
           children: jsx(ArrowIcon, {
             class: open ? 'bio-properties-panel-arrow-down' : 'bio-properties-panel-arrow-right'
@@ -3728,7 +3729,8 @@ function List(props) {
       items: items,
       newItems: newItems,
       onRemove: onRemove,
-      open: open
+      open: open,
+      translate: translate
     })]
   });
 }
@@ -3742,6 +3744,7 @@ function ItemsList(props) {
     newItems,
     onRemove,
     open,
+    translate,
     ...restProps
   } = props;
   const getKey = useKeyFactory();
@@ -3780,7 +3783,7 @@ function ItemsList(props) {
           open: item === newItem
         }), onRemove && jsx("button", {
           type: "button",
-          title: "Delete item",
+          title: translate('Delete item'),
           class: "bio-properties-panel-remove-entry bio-properties-panel-remove-list-entry",
           onClick: () => onRemove && onRemove(item),
           children: jsx(DeleteIcon, {})