@bpmn-io/form-js-editor 1.13.1 → 1.14.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.
@@ -857,13 +857,14 @@
857
857
  --color-grey-225-10-97: hsl(225, 10%, 97%);
858
858
  --color-grey-0-0-22: hsl(0, 0%, 22%);
859
859
  --color-blue-205-100-35: hsl(205, 100%, 35%);
860
+ --color-blue-205-100-40: hsl(205, 100%, 40%);
861
+ --color-green-150-86-44: hsl(150, 86%, 44%);
860
862
  --color-blue-205-100-45: hsl(205, 100%, 45%);
861
863
  --color-blue-205-100-50: hsl(205, 100%, 50%);
862
- --color-blue-205-100-85: hsl(205, 100%, 85%);
863
- --color-blue-205-100-95: hsl(205, 100%, 95%);
864
864
  --color-blue-219-99-53: hsl(219, 99%, 53%);
865
865
  --color-blue-218-100-74: hsl(218, 100%, 74%);
866
- --color-green-150-86-44: hsl(150, 86%, 44%);
866
+ --color-blue-205-100-85: hsl(205, 100%, 85%);
867
+ --color-blue-205-100-95: hsl(205, 100%, 95%);
867
868
  --color-red-360-100-40: hsl(360, 100%, 40%);
868
869
  --color-red-360-100-45: hsl(360, 100%, 45%);
869
870
  --color-red-360-100-92: hsl(360, 100%, 92%);
@@ -906,6 +907,7 @@
906
907
  --input-border-color: var(--color-grey-225-10-75);
907
908
  --input-focus-background-color: var(--color-blue-205-100-95);
908
909
  --input-focus-border-color: var(--color-blue-205-100-50);
910
+ --focus-outline-color: var(--color-blue-205-100-40);
909
911
  --input-error-background-color: var(--color-red-360-100-97);
910
912
  --input-error-border-color: var(--color-red-360-100-45);
911
913
  --input-error-focus-border-color: var(--color-red-360-100-45);
@@ -1115,6 +1117,11 @@
1115
1117
  background: none;
1116
1118
  }
1117
1119
 
1120
+ .bio-properties-panel-group-header-button:focus {
1121
+ outline-offset: 2px;
1122
+ outline-color: var(--focus-outline-color);
1123
+ }
1124
+
1118
1125
  .bio-properties-panel-group-header-buttons .bio-properties-panel-group-header-buttons:last-child {
1119
1126
  margin-right: 0;
1120
1127
  }
@@ -1352,8 +1359,9 @@ select.bio-properties-panel-input {
1352
1359
  }
1353
1360
 
1354
1361
  .bio-properties-panel-input[type=checkbox]:focus {
1355
- outline: 2px solid var(--input-focus-border-color);
1356
- outline-offset: 0;
1362
+ outline: auto;
1363
+ outline-color: var(--focus-outline-color);
1364
+ outline-offset: 2px;
1357
1365
  }
1358
1366
 
1359
1367
  .bio-properties-panel-checkbox > .bio-properties-panel-label {