@bpmn-io/properties-panel 0.15.0-feelEditor.1 → 0.16.0

package/CHANGELOG.md

@@ -6,6 +6,24 @@ All notable changes to [`@bpmn-io/properties-panel`](https://github.com/bpmn-io/
 
 ___Note:__ Yet to be released changes appear here._
 
+## 0.16.0
+
+* `FEAT`: set errors through context ([#160](https://github.com/bpmn-io/properties-panel/pull/160))
+* `FEAT`: useShowEntryEvent hook uses ID ([#160](https://github.com/bpmn-io/properties-panel/pull/160))
+* `FEAT`: useEvent hook subscribes immediately ([#160](https://github.com/bpmn-io/properties-panel/pull/160))
+* `FEAT`: add focus and error to text area ([#160](https://github.com/bpmn-io/properties-panel/pull/160))
+
+### BREAKING CHANGES
+
+* useShowEntryEvent hook uses ID instead of callback
+* useShowErrorEvent hook removed, add errors through context instead
+
+## 0.15.0
+
+* `FEAT`: pass props to `List` entries ([#157](https://github.com/bpmn-io/properties-panel/pull/157))
+* `FIX`: correct cursor jumping on update ([#146](https://github.com/bpmn-io/properties-panel/issues/146))
+* `CHORE`: use controlled inputs ([#155](https://github.com/bpmn-io/properties-panel/issues/155))
+
 ## 0.14.0
 
 * `FEAT`: enable multiple and empty state ([#69](https://github.com/bpmn-io/properties-panel/issues/69))

package/assets/properties-panel.css

@@ -12,7 +12,6 @@
   --color-grey-225-10-95: hsl(225, 10%, 95%);
   --color-grey-225-10-97: hsl(225, 10%, 97%);
 
-  --color-blue-205-100-35: hsl(205, 100%, 35%);
   --color-blue-205-100-45: hsl(205, 100%, 45%);
   --color-blue-205-100-50: hsl(205, 100%, 50%);
   --color-blue-205-100-95: hsl(205, 100%, 95%);
@@ -99,10 +98,6 @@
   --dropdown-item-hover-background-color: var(--color-grey-225-10-95);
   --dropdown-separator-background-color: var(--color-grey-225-10-75);
 
-  --svg-stroke-color: var(--color-grey-225-10-35);
-
-  --feel-indicator-background-color: var(--color-grey-225-10-90);
-
   --text-size-base: 14px;
   --text-size-small: 13px;
   --text-size-smallest: 12px;
@@ -451,19 +446,12 @@ textarea.bio-properties-panel-input,
   width: 100%;
 }
 
-.bio-properties-panel-input:focus,
-.bio-properties-panel-input:focus-within {
+.bio-properties-panel-input:focus {
   outline: none;
   background-color: var(--input-focus-background-color);
   border: 1px solid var(--input-focus-border-color);
 }
 
-.bio-properties-panel-textfield:focus-within,
-.bio-properties-panel-feel-entry:focus-within {
-  --input-background-color: var(--input-focus-background-color);
-  --input-border-color: var(--input-focus-border-color);
-}
-
 .bio-properties-panel-input:disabled {
   border-color: var(--input-disabled-border-color);
   background-color: var(--input-disabled-background-color);
@@ -933,77 +921,10 @@ textarea.bio-properties-panel-input {
   display: inline-block;
   height: 16px;
   vertical-align: text-bottom;
-  padding: 0;
-  margin: 0 3px;
-  justify-content: center;
-  align-items: center;
-  align-self: center;
-  border: none;
-  background: none;
-}
-
-.bio-properties-panel-feel-icon.optional {
-  cursor: pointer;
-}
-
-.bio-properties-panel-feel-icon.active {
-  color: var(--add-entry-hover-background-color);
-  --svg-stroke-color: var(--color-blue-205-100-35);
+  padding: 0 3px;
 }
 
 .bio-properties-panel-feel-icon svg {
   width: 16px;
   height: 16px;
-}
-
-.bio-properties-panel-feel-editor-container {
-  position: relative;
-}
-
-.bio-properties-panel-feel-editor-container.active {
-  font-family: var(--font-family-monospace);
-}
-
-.bio-properties-panel-feel-container {
-  position: relative;
-}
-
-.bio-properties-panel-feel-container .bio-properties-panel-feel-editor-container>div {
-  position: static;
-  padding-left: 2.4em !important;
-  min-height: 28px;
-}
-
-.cm-scroller {
-  overflow: hidden !important;
-}
-
-.FeelToggle {
-  position: absolute;
-  height: 100%;
-  width: 2em;
-}
-
-.FeelToggle button {
-  position: absolute;
-  right: auto;
-  border: 1px solid var(--input-border-color);
-  background-color: var(--feel-indicator-background-color);
-  border-right: 0px;
-  border-radius: 2px 0 0 2px;
-  z-index: 100;
-  height: 100%;
-  width: 2em;
-}
-
-.bio-properties-panel-feel-editor-container .bio-properties-panel-input {
-  resize: vertical;
-  overflow: hidden;
-  overflow-y: auto;
-}
-
-.bio-properties-panel-feel-editor-container,
-.bio-properties-panel-feel-editor-container .bio-properties-panel-input,
-.cm-editor {
-  min-height: 100%;
-}
+}