@bpmn-io/form-js-carbon-styles 1.10.0 → 1.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-carbon-styles",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "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.10.0",
-    "@carbon/elements": "^11.44.0",
-    "styled-components": "^6.1.8"
+    "@bpmn-io/form-js-viewer": "^1.10.1",
+    "@carbon/elements": "^11.52.0",
+    "styled-components": "^6.1.13"
   },
   "files": [
     "src"
   ],
-  "gitHead": "50d5de8e46f342a99ce238231f958610ad2c6ae4"
+  "gitHead": "4bc566fc163797bfce5df7d6544f271e4d44e1e2"
 }

package/src/carbon-styles.js

@@ -301,8 +301,7 @@ const READONLY_STYLES = css`
             }
           }
 
-          &.fjs-checked .fjs-input[type='checkbox'],
-          .fjs-form-field-label.fjs-checked .fjs-input[type='checkbox'] {
+          &.fjs-checked .fjs-input[type='checkbox'] {
             &:before {
               border: 1px solid var(--cds-icon-disabled);
               background: transparent;
@@ -418,8 +417,8 @@ const LABEL_DESCRIPTION_ERROR_STYLES = css`
       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-inline-label,
+    .fjs-form-field.fjs-form-field-checklist .fjs-inline-label {
       margin: 0;
       margin-bottom: 0.1875rem;
     }
@@ -515,7 +514,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-inline-label.fjs-checked .fjs-input[type='checkbox'] {
       &:before {
         border: none;
         border-width: 1px;

package/src/carbon-styles.scss

@@ -66,7 +66,7 @@
 
 // Themed icons /////////////
 
-.cds--g10 {
+[data-carbon-theme='g10'] {
   .fjs-container {
     .fjs-form-field-number .fjs-input-group {
       .fjs-number-arrow-container {
@@ -114,7 +114,7 @@
   }
 }
 
-.cds--g100 {
+[data-carbon-theme='g100'] {
   .fjs-container {
     .fjs-form-field-number .fjs-input-group {
       .fjs-number-arrow-container {
@@ -408,8 +408,7 @@
         }
       }
 
-      &.fjs-checked .fjs-input[type='checkbox'],
-      .fjs-form-field-label.fjs-checked .fjs-input[type='checkbox'] {
+      &.fjs-checked .fjs-input[type='checkbox'] {
         &:before {
           border: 1px solid var(--cds-icon-disabled);
           background: transparent;
@@ -535,13 +534,13 @@
     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-inline-label,
+  .fjs-form-field.fjs-form-field-checklist .fjs-inline-label {
     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-inline-label {
     min-height: #{rem(27)};
   }
 
@@ -632,7 +631,7 @@
   }
 
   .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-inline-label.fjs-checked .fjs-input[type='checkbox'] {
     &:before {
       border: none;
       border-width: 1px;
@@ -1269,7 +1268,7 @@
   }
 
   .fjs-table-th {
-    color: var(--cds-color-primary);
+    color: var(--cds-text-primary);
     font-size: var(--cds-heading-compact-01-font-size);
     font-weight: var(--cds-heading-compact-01-font-weight);
     line-height: var(--cds-heading-compact-01-line-height);