@bpmn-io/form-js-carbon-styles 1.8.3 → 1.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-carbon-styles",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "Custom carbon styles for form-js",
   "scripts": {
     "all": "run-s test",
@@ -18,12 +18,12 @@
     "url": "https://github.com/bpmn-io"
   },
   "devDependencies": {
-    "@bpmn-io/form-js-viewer": "^1.8.3",
+    "@bpmn-io/form-js-viewer": "^1.8.4",
     "@carbon/elements": "^11.33.1",
     "styled-components": "^6.1.1"
   },
   "files": [
     "src"
   ],
-  "gitHead": "5b065bf91f29907ff39fee7f4252d639890bb84f"
+  "gitHead": "c9a4761209756fce5711053526023f42bf3b7b54"
 }

package/src/carbon-styles.js

@@ -68,7 +68,7 @@ const MARKDOWN_STYLES = css`
       letter-spacing: var(--cds-body-long-01-letter-spacing);
       margin-bottom: var(--cds-spacing-05);
     }
-  
+
     & h1 {
       font-size: var(--cds-productive-heading-06-font-size);
       font-weight: var(--cds-productive-heading-06-font-weight);
@@ -178,7 +178,7 @@ const MARKDOWN_STYLES = css`
     pre {
       margin-bottom: var(--cds-spacing-05);
     }
-  
+
     div > :last-child {
       margin-bottom: 0;
     }
@@ -387,10 +387,7 @@ const DISABLED_STYLES = css`
       }
     }
 
-    .fjs-form-field-datetime.fjs-disabled
-      .fjs-input-group
-      .fjs-input-adornment
-      svg {
+    .fjs-form-field-datetime.fjs-disabled .fjs-input-group .fjs-input-adornment svg {
       color: var(--cds-icon-disabled);
       cursor: var(--cursor-disabled, not-allowed);
     }
@@ -416,22 +413,18 @@ const LABEL_DESCRIPTION_ERROR_STYLES = css`
       letter-spacing: var(--cds-label-01-letter-spacing);
     }
 
-    .fjs-form-field:not(.fjs-form-field-checkbox, .fjs-form-field-grouplike)
-      .fjs-form-field-label:first-child {
+    .fjs-form-field:not(.fjs-form-field-checkbox, .fjs-form-field-grouplike) .fjs-form-field-label:first-child {
       margin: 0;
       margin-bottom: var(--cds-spacing-03);
     }
 
-    .fjs-form-field.fjs-form-field-radio
-      .fjs-form-field-label:not(:first-of-type),
-    .fjs-form-field.fjs-form-field-checklist
-      .fjs-form-field-label:not(:first-of-type) {
+    .fjs-form-field.fjs-form-field-radio .fjs-form-field-label:not(:first-of-type),
+    .fjs-form-field.fjs-form-field-checklist .fjs-form-field-label:not(:first-of-type) {
       margin: 0;
       margin-bottom: 0.1875rem;
     }
 
-    .fjs-form-field.fjs-form-field-radio
-      .fjs-form-field-label:not(:first-of-type) {
+    .fjs-form-field.fjs-form-field-radio .fjs-form-field-label:not(:first-of-type) {
       min-height: ${rem(27)};
     }
 
@@ -522,9 +515,7 @@ const CHECKBOX_STYLES = css`
     }
 
     .fjs-form-field.fjs-checked .fjs-input[type='checkbox'],
-    .fjs-form-field
-      .fjs-form-field-label.fjs-checked
-      .fjs-input[type='checkbox'] {
+    .fjs-form-field .fjs-form-field-label.fjs-checked .fjs-input[type='checkbox'] {
       &:before {
         border: none;
         border-width: 1px;
@@ -708,7 +699,8 @@ const BUTTON_STYLES = css`
 
     .fjs-form-field.fjs-form-field-button .fjs-button:focus {
       border-color: var(--cds-focus);
-      box-shadow: inset 0 0 0 1px var(--cds-focus),
+      box-shadow:
+        inset 0 0 0 1px var(--cds-focus),
         inset 0 0 0 2px var(--cds-background);
       color: var(--cds-text-inverse);
       background-color: var(--cds-button-tertiary);
@@ -853,9 +845,9 @@ const DATETIME_INPUTS = css`
         select {
           ${getBaseInputStyles({ height: '1.5rem' })};
           ${getSelectArrowStyles({
-    arrowRightPosition: 'var(--cds-spacing-03)',
-    color: theme.iconPrimary,
-  })};
+            arrowRightPosition: 'var(--cds-spacing-03)',
+            color: theme.iconPrimary,
+          })};
           border-bottom: none;
           padding-right: 2rem;
         }
@@ -942,9 +934,9 @@ const SELECT_STYLES = css`
       .fjs-form-field-select .fjs-input-group {
         ${getBaseInputStyles({ height: '2.5rem' })}
         ${getSelectArrowStyles({
-    arrowRightPosition: 'var(--cds-spacing-05)',
-    color: theme.iconPrimary,
-  })}
+          arrowRightPosition: 'var(--cds-spacing-05)',
+          color: theme.iconPrimary,
+        })}
 
         .fjs-select-display {
           display: flex;
@@ -998,9 +990,9 @@ const SELECT_STYLES = css`
 
       .fjs-form-field-select.fjs-disabled .fjs-input-group {
         ${getSelectArrowStyles({
-    arrowRightPosition: 'var(--cds-spacing-05)',
-    color: theme.iconDisabled,
-  })}
+          arrowRightPosition: 'var(--cds-spacing-05)',
+          color: theme.iconDisabled,
+        })}
       }
 
       .fjs-has-errors.fjs-form-field-select .fjs-input-group:focus-within {