@bpmn-io/properties-panel 0.8.1 → 0.10.2

package/CHANGELOG.md

@@ -6,6 +6,34 @@ All notable changes to [`@bpmn-io/properties-panel`](https://github.com/bpmn-io/
 
 ___Note:__ Yet to be released changes appear here._
 
+## 0.10.2
+
+* `FIX`: add missing aria label for `simple` component ([67f374](https://github.com/bpmn-io/properties-panel/commit/67f37491ab8dc8493c8dd1e749d7418d11825125))
+* `CHORE`: add a11y tests ([0bdd6a](https://github.com/bpmn-io/properties-panel/commit/0bdd6a99a73047e9776da44ff834c524c66b9589) and [a2fc27](https://github.com/bpmn-io/properties-panel/commit/a2fc27530b2b5ec90f5d2e9ee0438a814e0f57e4))
+* `STYLE`: use consistent add/arrow fill color ([272d4b](https://github.com/bpmn-io/properties-panel/commit/272d4be6585ee89c7f7c55c3e2e2346ad92618db))
+
+## 0.10.1
+
+* `FIX`: properly update layout ([#125](https://github.com/bpmn-io/properties-panel/pull/125))
+* `FIX`: delete button now shows on tabbing ([#505](https://github.com/bpmn-io/bpmn-js-properties-panel/issues/505))
+* `FIX`: use POSIX paths when re-exporting preact on Windows ([#127](https://github.com/bpmn-io/properties-panel/issues/127))
+
+## 0.10.0
+
+* `FEAT`: reexport `preact` used in the package ([#124](https://github.com/bpmn-io/properties-panel/pull/124))
+* `FEAT`: bundle library and expose components from single place ([#124](https://github.com/bpmn-io/properties-panel/pull/124))
+
+### BREAKING CHANGES
+
+* Internal structure of the library is no longer exposed.
+  Use root exports instead. Note that names of some of the components have changed, e.g. `TextField` -> `TextFieldEntry`.
+* To extend the library, import the vendored instance of `preact`, i.e. `@bpmn-io/properties-panel/preact`.
+
+## 0.9.0
+
+* `FEAT`: add `DescriptionContext` and `useDescriptionContext` hook ([#122](https://github.com/bpmn-io/properties-panel/pull/122))
+* `FEAT`: add seperate `Description` entry ([#122](https://github.com/bpmn-io/properties-panel/pull/122))
+
 ## 0.8.1
 
 * `CHORE`: add outline to checkboxes ([#120](https://github.com/bpmn-io/properties-panel/pull/120))

package/assets/properties-panel.css

@@ -46,7 +46,6 @@
   --group-bottom-border-color: var(--color-grey-225-10-75);
 
   --add-entry-fill-color: var(--color-grey-225-10-35);
-  --add-entry-empty-fill-color: var(--color-grey-225-10-75);
   --add-entry-hover-fill-color: var(--color-white);
   --add-entry-hover-background-color: var(--color-blue-205-100-50);
   --add-entry-label-color: var(--color-white);
@@ -56,7 +55,6 @@
 
   --arrow-fill-color: var(--color-grey-225-10-35);
   --arrow-hover-background-color: var(--color-grey-225-10-95);
-  --arrow-empty-fill-color: var(--color-grey-225-10-75);
 
   --dot-color: var(--color-grey-225-10-35);
 
@@ -86,13 +84,12 @@
 
   --list-entry-dot-background-color: var(--color-grey-225-10-35);
   --list-entry-header-button-fill-color: var(--color-grey-225-10-35);
-  --list-entry-add-entry-empty-fill-color: var(--color-white);
   --list-entry-add-entry-empty-background-color: var(--color-blue-205-100-50);
   --list-entry-add-entry-empty-hover-background-color: var(--color-blue-205-100-45);
   --list-entry-add-entry-label-color: var(--color-white);
   --list-entry-add-entry-background-color: var(--color-blue-205-100-50);
   --list-entry-add-entry-fill-color: var(--color-white);
-  
+
   --dropdown-item-background-color: var(--color-white);
   --dropdown-item-hover-background-color: var(--color-grey-225-10-95);
   --dropdown-separator-background-color: var(--color-grey-225-10-75);
@@ -256,7 +253,6 @@
 }
 
 .bio-properties-panel-group-header.empty .bio-properties-panel-add-entry {
-  fill: var(--add-entry-empty-fill-color);
   margin-right: 69px;
   padding-left: 6px;
 }
@@ -307,10 +303,6 @@
   transform: rotate(90deg);
 }
 
-.bio-properties-panel-group-header.empty .bio-properties-panel-arrow {
-  fill: var(--arrow-empty-fill-color);
-}
-
 .bio-properties-panel-dot {
   align-self: center;
   height: 8px;
@@ -364,7 +356,7 @@
   margin: 2px 0 1px;
 }
 
-.bio-properties-panel-description, 
+.bio-properties-panel-description,
 .bio-properties-panel-description p,
 .bio-properties-panel-description span,
 .bio-properties-panel-description div {
@@ -642,7 +634,9 @@ textarea.bio-properties-panel-input {
 }
 
 .bio-properties-panel-list-entry-item:hover .bio-properties-panel-remove-list-entry,
-.bio-properties-panel-collapsible-entry:hover > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry {
+.bio-properties-panel-collapsible-entry:hover > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry,
+.bio-properties-panel-collapsible-entry:focus-within > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry
+{
   visibility: visible;
 }
 
@@ -797,16 +791,10 @@ textarea.bio-properties-panel-input {
 }
 
 .bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry {
-  fill: var(--list-entry-add-entry-empty-fill-color);
-  background-color: var(--list-entry-add-entry-empty-background-color);
   margin-right: 16px;
   padding-left: 6px;
 }
 
-.bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry:hover {
-  background-color: var(--list-entry-add-entry-empty-hover-background-color);
-}
-
 .bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry-label {
   color: var(--list-entry-add-entry-label-color);
   padding: 4px 6px 3px 2px;