@bpmn-io/form-js - npm Package Compare versions

Comparing version 1.0.0-alpha.10 to 1.0.0

dist/carbon-styles.js

 // todo(pinussilvestrus): consider moving away from styled-components,
 // cf. https://github.com/bpmn-io/form-js/issues/633
 import { css, createGlobalStyle } from 'styled-components';
-
 import { rem } from '@carbon/elements';
@@ -29,3 +28,3 @@
   border: none;
-  border-bottom: 1px solid var(--cds-border-strong, var(--cds-border-strong-01));
+  border-bottom: 1px solid var(--cds-border-strong);
   height: ${height};
@@ -47,8 +46,5 @@ font-size: var(--cds-body-short-01-font-size);
 
-const getSelectArrowStyles = ({
-  arrowRightPosition,
-  color,
-}) => css`
+const getSelectArrowStyles = ({ arrowRightPosition, color }) => css`
   color: var(--cds-text-primary);
-  background-color: var(--cds-field, var(--cds-field-01));
+  background-color: var(--cds-field);
   cursor: pointer;
@@ -206,4 +202,3 @@ appearance: none;
       .fjs-readonly {
-
-        .fjs-input:read-only:not(:disabled), 
+        .fjs-input:read-only:not(:disabled),
         .fjs-textarea:read-only:not(:disabled),
@@ -216,2 +211,8 @@ .fjs-select:read-only:not(:disabled),
 
+        &.fjs-form-field {
+          .fjs-input-group {
+            border-bottom: 1px solid var(--cds-border-subtle);
+          }
+        }
+
         &.fjs-form-field-number {
@@ -221,3 +222,3 @@ .fjs-input-group .fjs-number-arrow-container {
 
-            .fjs-number-arrow-up, 
+            .fjs-number-arrow-up,
             .fjs-number-arrow-down {
@@ -241,3 +242,2 @@ background-color: transparent;
             background-color: transparent;
-            border-bottom: 1px solid var(--cds-border-strong);
 
@@ -287,3 +287,3 @@ .fjs-input:read-only:not(:disabled) {
             &:before {
-              border: 1px solid  var(--cds-icon-disabled);
+              border: 1px solid var(--cds-icon-disabled);
               background: transparent;
@@ -324,3 +324,2 @@ }
       & .fjs-form-field-description {
-
         /* todo(pinussilvestrus): mitigate https://github.com/carbon-design-system/carbon/issues/13286 */
@@ -600,3 +599,3 @@ color: var(--cds-text-disabled);
         color: var(--cds-icon-inverse);
-      } 
+      }
 
@@ -725,3 +724,2 @@ & .fjs-taglist-tag-remove:focus {
     }
-    
   }
@@ -735,3 +733,3 @@ `;
       border: none;
-      border-bottom: 1px solid var(--cds-border-strong, var(--cds-border-strong-01));
+      border-bottom: 1px solid var(--cds-border-strong);
       height: 2.5rem;
@@ -761,3 +759,3 @@ box-sizing: border-box;
         align-items: center;
-        background-color: var(--cds-field, var(--cds-field-01));
+        background-color: var(--cds-field);
       }
@@ -769,7 +767,7 @@
         height: calc(40px - 1px);
-        background-color: var(--cds-field, var(--cds-field-01));
+        background-color: var(--cds-field);
         color: transparent;
 
         &:hover {
-          background-color: var(--cds-field-hover, var(--cds-field-hover-01));
+          background-color: var(--cds-field-hover);
           cursor: pointer;
@@ -781,3 +779,3 @@ }
       &.fjs-disabled .fjs-number-arrow-container .fjs-number-arrow-down:hover {
-        background-color: var(--cds-field, var(--cds-field-01));
+        background-color: var(--cds-field);
         cursor: not-allowed;
@@ -789,3 +787,3 @@ }
         height: 1rem;
-        background-color: var(--cds-border-subtle, var(--cds-border-subtle-01));
+        background-color: var(--cds-border-subtle);
       }
@@ -863,3 +861,3 @@
           border-radius: 0;
-          background-color: var(--cds-field, var(--cds-field-01));
+          background-color: var(--cds-field);
           display: flex;
@@ -918,3 +916,3 @@ padding-right: var(--cds-spacing-05);
         .flatpickr-day:hover {
-          background: var(--cds-layer-hover, var(--cds-layer-hover-01));
+          background: var(--cds-layer-hover);
         }
@@ -960,3 +958,3 @@
           &:hover {
-            background-color: var(--cds-layer-hover, var(--cds-layer-hover-01));
+            background-color: var(--cds-layer-hover);
           }
@@ -971,6 +969,6 @@
           color: var(--cds-text-primary);
-          background-color: var(--cds-field, var(--cds-field-01));
+          background-color: var(--cds-field);
           border-radius: 0;
           border: none;
-          border-bottom: 1px solid var(--cds-border-strong, var(--cds-border-strong-01));
+          border-bottom: 1px solid var(--cds-border-strong);
           height: 2.5rem;
@@ -1033,4 +1031,5 @@ font-size: var(--cds-body-short-01-font-size);
     .fjs-form-field-datetime .fjs-input {
-      background-color: var(--cds-field, var(--cds-field-01));
+      background-color: var(--cds-field);
       color: var(--cds-text-primary);
+      border-radius: 0;
     }
@@ -1068,3 +1067,3 @@
       border: none;
-      background-color: var(--cds-layer, var(--cds-layer-01));
+      background-color: var(--cds-layer);
       overflow-y: auto;
@@ -1083,3 +1082,3 @@ cursor: pointer;
       & .fjs-dropdownlist-item:not(:first-of-type):not(:hover) {
-        border-top: 1px solid var(--cds-border-subtle, var(--cds-border-subtle-01));
+        border-top: 1px solid var(--cds-border-subtle);
       }
@@ -1109,3 +1108,3 @@
       & .fjs-dropdownlist-item.focused {
-        background-color: var(--cds-layer-hover, var(--cds-layer-hover-01));
+        background-color: var(--cds-layer-hover);
         color: var(--cds-text-primary);
@@ -1134,3 +1133,3 @@ margin: 0;
       align-items: center;
-      background-color: var(--cds-field, var(--cds-field-01));
+      background-color: var(--cds-field);
       color: var(--cds-text-secondary);
@@ -1194,3 +1193,4 @@ padding: 0 var(--cds-spacing-04);
 
-    @media (width < 66rem) { // Carbon lg width breakpoint
+    @media (width < 66rem) {
+      // Carbon lg width breakpoint
       .fjs-layout-column .fjs-form-field {
@@ -1197,0 +1197,0 @@ margin-left: 0;

package.json

 {
   "name": "@bpmn-io/form-js",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0",
   "description": "View and edit forms - powered by bpmn.io",
@@ -63,6 +63,6 @@ "exports": {
   "dependencies": {
-    "@bpmn-io/form-js-carbon-styles": "^1.0.0-alpha.10",
-    "@bpmn-io/form-js-editor": "^1.0.0-alpha.10",
-    "@bpmn-io/form-js-playground": "^1.0.0-alpha.10",
-    "@bpmn-io/form-js-viewer": "^1.0.0-alpha.10"
+    "@bpmn-io/form-js-carbon-styles": "^1.0.0",
+    "@bpmn-io/form-js-editor": "^1.0.0",
+    "@bpmn-io/form-js-playground": "^1.0.0",
+    "@bpmn-io/form-js-viewer": "^1.0.0"
   },
@@ -75,3 +75,3 @@ "sideEffects": [
   ],
-  "gitHead": "c25345d41c11ad8d9095ba98e0d663bdb636ce64"
+  "gitHead": "3a6af85bb648af7fd35347556dc36384da5ee64f"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7001775

increased by0.03%

Lines of code

183721

increased by0.04%

Number of low quality alerts

1

decreased by-50%

Dependency changes

• Updated@bpmn-io/form-js-carbon-styles@^1.0.0

• Updated@bpmn-io/form-js-editor@^1.0.0

• Updated@bpmn-io/form-js-playground@^1.0.0

• Updated@bpmn-io/form-js-viewer@^1.0.0