payload 1.11.1 → 1.11.2

package/dist/admin/components/forms/field-types/Blocks/index.scss

@@ -17,6 +17,28 @@
     width: 100%;
   }
 
+  &__heading-with-error {
+    display: flex;
+    align-items: center;
+    gap: base(.5);
+  }
+
+  &--has-no-error {
+    >.array-field__header .array-field__heading-with-error {
+      color: var(--theme-text);
+    }
+  }
+
+  &--has-error {
+    >.array-field__header {
+      color: var(--theme-error-500);
+    }
+  }
+
+  &__error-pill {
+    align-self: center;
+  }
+
   &__header-actions {
     list-style: none;
     margin: 0 0 0 auto;
@@ -38,16 +60,17 @@
     display: inline-flex;
     max-width: 100%;
     overflow: hidden;
+    gap: base(.375);
   }
 
   &__block-number {
-    margin-right: base(.375);
     flex-shrink: 0;
   }
 
   &__block-pill {
     flex-shrink: 0;
     display: block;
+    line-height: unset;
   }
 
   .section-title {
@@ -78,3 +101,19 @@
     }
   }
 }
+
+html[data-theme="light"] {
+  .blocks-field--has-error {
+    .section-title__input, .blocks-field__heading-with-error {
+      color: var(--theme-error-750);
+    }
+  }
+}
+
+html[data-theme="dark"] {
+  .blocks-field--has-error {
+    .section-title__input, .blocks-field__heading-with-error {
+      color: var(--theme-error-500);
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Checkbox/index.scss

@@ -8,7 +8,7 @@
     display: none;
   }
 
-  .tooltip {
+  .tooltip:not([aria-hidden="true"]) {
     right: auto;
     position: relative;
     margin-bottom: .2em;
@@ -92,4 +92,24 @@
       }
     }
   }
-}
+}
+
+html[data-theme=light] {
+  .checkbox {
+    &.error {
+       .custom-checkbox__input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .checkbox {
+    &.error {
+      .custom-checkbox__input {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Code/index.scss

@@ -8,5 +8,28 @@
     textarea {
       border: 1px solid var(--theme-error-500) !important;
     }
+    .code-editor {
+      border-color: var(--theme-error-500);
+    }
+  }
+}
+
+html[data-theme=light] {
+  .code-field{
+    &.error {
+      .monaco-editor-background, .margin {
+        background-color: var(--theme-error-50);
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .code-field {
+    &.error {
+      .monaco-editor-background, .margin {
+        background-color: var(--theme-error-100);
+      }
+    }
   }
 }

package/dist/admin/components/forms/field-types/Collapsible/index.js

@@ -35,6 +35,9 @@ const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
 const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
 const RowLabel_1 = require("../../RowLabel");
 const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
+const WatchChildErrors_1 = require("../../WatchChildErrors");
+const context_1 = require("../../Form/context");
+const ErrorPill_1 = require("../../../elements/ErrorPill");
 require("./index.scss");
 const baseClass = 'collapsible-field';
 const CollapsibleField = (props) => {
@@ -43,6 +46,8 @@ const CollapsibleField = (props) => {
     const { preferencesKey } = (0, DocumentInfo_1.useDocumentInfo)();
     const [collapsedOnMount, setCollapsedOnMount] = (0, react_1.useState)();
     const fieldPreferencesKey = `collapsible-${indexPath.replace(/\./gi, '__')}`;
+    const [errorCount, setErrorCount] = (0, react_1.useState)(0);
+    const submitted = (0, context_1.useFormSubmitted)();
     const onToggle = (0, react_1.useCallback)(async (newCollapsedState) => {
         var _a, _b;
         const existingPreferences = await getPreference(preferencesKey);
@@ -83,12 +88,18 @@ const CollapsibleField = (props) => {
     }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path]);
     if (typeof collapsedOnMount !== 'boolean')
         return null;
+    const fieldHasErrors = submitted && errorCount > 0;
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,
+    ].filter(Boolean).join(' ');
     return (react_1.default.createElement("div", { id: `field-${fieldPreferencesKey}${path ? `-${path.replace(/\./gi, '__')}` : ''}` },
-        react_1.default.createElement(Collapsible_1.Collapsible, { initCollapsed: collapsedOnMount, className: [
-                'field-type',
-                baseClass,
-                className,
-            ].filter(Boolean).join(' '), header: (react_1.default.createElement(RowLabel_1.RowLabel, { path: path, label: label })), onToggle: onToggle },
+        react_1.default.createElement(WatchChildErrors_1.WatchChildErrors, { setErrorCount: setErrorCount, path: path, fieldSchema: fields }),
+        react_1.default.createElement(Collapsible_1.Collapsible, { initCollapsed: collapsedOnMount, className: classes, collapsibleStyle: errorCount > 0 ? 'error' : 'default', header: (react_1.default.createElement("div", { className: `${baseClass}__row-label-wrap` },
+                react_1.default.createElement(RowLabel_1.RowLabel, { path: path, label: label }),
+                errorCount > 0 && (react_1.default.createElement(ErrorPill_1.ErrorPill, { count: errorCount, withMessage: true })))), onToggle: onToggle },
             react_1.default.createElement(RenderFields_1.default, { forceRender: true, readOnly: readOnly, permissions: permissions, fieldTypes: fieldTypes, indexPath: indexPath, fieldSchema: fields.map((field) => ({
                     ...field,
                     path: (0, createNestedFieldPath_1.createNestedFieldPath)(path, field),

package/dist/admin/components/forms/field-types/Collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Collapsible/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Collapsible/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/forms/field-types/Collapsible/index.scss

@@ -3,7 +3,14 @@
 .collapsible-field {
   margin: 0 0 base(2);
 
-  &__label {
+  &__row-label-wrap {
     pointer-events: none;
+    display: flex;
+    align-items: center;
+    gap: base(.5);
+  }
+
+  &--has-error {
+    border: 1px solid var(--theme-error-500);
   }
 }

package/dist/admin/components/forms/field-types/ConfirmPassword/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/ConfirmPassword/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,iDAA+C;AAC/C,8DAAsC;AACtC,wDAAgC;AAChC,wDAAgC;AAChC,gDAAmD;AAInD,wBAAsB;AAEtB,MAAM,eAAe,GAAoB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EACJ,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAA,uBAAa,EAAQ,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,QAAQ,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;SACjC;QAED,IAAI,KAAK,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAElB,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI,EAAE,kBAAkB;QACxB,eAAe,EAAE,IAAI;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,kBAAkB;QAClB,SAAS,IAAI,OAAO;KACrB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO;QACrB,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB;QACF,8BAAC,eAAK,IACJ,OAAO,EAAC,wBAAwB,EAChC,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,QAAQ,SACR;QACF,yCACE,KAAK,EAAE,KAAe,IAAI,EAAE,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,kBAAkB,EACvB,QAAQ,EAAE,CAAC,CAAC,QAAQ,GACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/ConfirmPassword/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,iDAA+C;AAC/C,8DAAsC;AACtC,wDAAgC;AAChC,wDAAgC;AAChC,gDAAmD;AAInD,wBAAsB;AAEtB,MAAM,eAAe,GAAoB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EACJ,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAA,uBAAa,EAAY,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,QAAQ,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;SACjC;QAED,IAAI,KAAK,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAElB,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI,EAAE,kBAAkB;QACxB,eAAe,EAAE,IAAI;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,kBAAkB;QAClB,SAAS,IAAI,OAAO;KACrB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO;QACrB,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB;QACF,8BAAC,eAAK,IACJ,OAAO,EAAC,wBAAwB,EAChC,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,QAAQ,SACR;QACF,yCACE,KAAK,EAAE,KAAe,IAAI,EAAE,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,kBAAkB,EACvB,QAAQ,EAAE,CAAC,CAAC,QAAQ,GACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/admin/components/forms/field-types/ConfirmPassword/index.scss

@@ -7,10 +7,24 @@
   input {
     @include formInput;
   }
+}
+
+html[data-theme=light] {
+  .field-type.field-type.confirm-password {
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
 
-  &.error {
-    input {
-      background-color: var(--theme-error-200);
+html[data-theme=dark] {
+  .field-type.field-type.confirm-password {
+    &.error {
+      input {
+        @include darkInputError;
+      }
     }
   }
 }

package/dist/admin/components/forms/field-types/DateTime/index.scss

@@ -6,10 +6,24 @@
   &__error-wrap {
     position: relative;
   }
+}
+
+html[data-theme=light] {
+  .date-time-field{
+    &--has-error {
+      .react-datepicker__input-container input {
+        @include lightInputError;
+      }
+    }
+  }
+}
 
-  &--has-error {
-    .react-datepicker__input-container input {
-      background-color: var(--theme-error-200);
+html[data-theme=dark] {
+  .date-time-field {
+    &--has-error {
+      .react-datepicker__input-container input {
+        @include darkInputError;
+      }
     }
   }
 }

package/dist/admin/components/forms/field-types/Email/index.scss

@@ -14,3 +14,24 @@
     }
   }
 }
+
+
+html[data-theme=light] {
+  .field-type.email{
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .field-type.email {
+    &.error {
+      input {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Group/index.js

@@ -14,6 +14,9 @@ const provider_3 = require("../Row/provider");
 const provider_4 = require("../Tabs/provider");
 const getTranslation_1 = require("../../../../../utilities/getTranslation");
 const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
+const context_1 = require("../../Form/context");
+const WatchChildErrors_1 = require("../../WatchChildErrors");
+const ErrorPill_1 = require("../../../elements/ErrorPill");
 require("./index.scss");
 const baseClass = 'group-field';
 const Group = (props) => {
@@ -23,6 +26,9 @@ const Group = (props) => {
     const isWithinRow = (0, provider_3.useRow)();
     const isWithinTab = (0, provider_4.useTabs)();
     const { i18n } = (0, react_i18next_1.useTranslation)();
+    const submitted = (0, context_1.useFormSubmitted)();
+    const [errorCount, setErrorCount] = react_1.default.useState(undefined);
+    const groupHasErrors = submitted && errorCount > 0;
     const path = pathFromProps || name;
     return (react_1.default.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: [
             'field-type',
@@ -32,16 +38,20 @@ const Group = (props) => {
             isWithinRow && `${baseClass}--within-row`,
             isWithinTab && `${baseClass}--within-tab`,
             (!hideGutter && isWithinGroup) && `${baseClass}--gutter`,
+            groupHasErrors && `${baseClass}--has-error`,
             className,
         ].filter(Boolean).join(' '), style: {
             ...style,
             width,
         } },
+        react_1.default.createElement(WatchChildErrors_1.WatchChildErrors, { setErrorCount: setErrorCount, path: path, fieldSchema: fields }),
         react_1.default.createElement(provider_2.GroupProvider, null,
             react_1.default.createElement("div", { className: `${baseClass}__wrap` },
-                (label || description) && (react_1.default.createElement("header", { className: `${baseClass}__header` },
-                    label && (react_1.default.createElement("h3", { className: `${baseClass}__title` }, (0, getTranslation_1.getTranslation)(label, i18n))),
-                    react_1.default.createElement(FieldDescription_1.default, { className: `field-description-${path.replace(/\./gi, '__')}`, value: null, description: description }))),
+                react_1.default.createElement("div", { className: `${baseClass}__header` },
+                    (label || description) && (react_1.default.createElement("header", null,
+                        label && (react_1.default.createElement("h3", { className: `${baseClass}__title` }, (0, getTranslation_1.getTranslation)(label, i18n))),
+                        react_1.default.createElement(FieldDescription_1.default, { className: `field-description-${path.replace(/\./gi, '__')}`, value: null, description: description }))),
+                    groupHasErrors && (react_1.default.createElement(ErrorPill_1.ErrorPill, { count: errorCount, withMessage: true }))),
                 react_1.default.createElement(RenderFields_1.default, { permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, readOnly: readOnly, fieldTypes: fieldTypes, indexPath: indexPath, fieldSchema: fields.map((subField) => ({
                         ...subField,
                         path: (0, createNestedFieldPath_1.createNestedFieldPath)(path, subField),

package/dist/admin/components/forms/field-types/Group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Group/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,sEAA8C;AAC9C,wEAAgD;AAChD,8EAAsD;AAEtD,qEAAwE;AACxE,yCAAqD;AACrD,8CAAyC;AACzC,+CAA2C;AAC3C,4EAAyE;AACzE,4EAAyE;AAEzE,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EAAE,aAAa,EACnB,UAAU,EACV,SAAS,EACT,KAAK,EAAE,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,GAAG,KAAK,GACnB,EACD,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,IAAA,yBAAc,GAAE,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACjC,MAAM,WAAW,GAAG,IAAA,iBAAM,GAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,IAAA,kBAAO,GAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,OAAO,CACL,uCACE,EAAE,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EACzC,SAAS,EAAE;YACT,YAAY;YACZ,SAAS;YACT,mBAAmB,IAAI,GAAG,SAAS,sBAAsB;YACzD,aAAa,IAAI,GAAG,SAAS,gBAAgB;YAC7C,WAAW,IAAI,GAAG,SAAS,cAAc;YACzC,WAAW,IAAI,GAAG,SAAS,cAAc;YACzC,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,GAAG,SAAS,UAAU;YACxD,SAAS;SACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,8BAAC,wBAAa;YACZ,uCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ;gBACjC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,0CAAQ,SAAS,EAAE,GAAG,SAAS,UAAU;oBACtC,KAAK,IAAI,CACR,sCAAI,SAAS,EAAE,GAAG,SAAS,SAAS,IAAG,IAAA,+BAAc,EAAC,KAAK,EAAE,IAAI,CAAC,CAAM,CACzE;oBACD,8BAAC,0BAAgB,IACf,SAAS,EAAE,qBAAqB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAC5D,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,WAAW,GACxB,CACK,CACV;gBACD,8BAAC,sBAAY,IACX,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;wBACrC,GAAG,QAAQ;wBACX,IAAI,EAAE,IAAA,6CAAqB,EAAC,IAAI,EAAE,QAAQ,CAAC;qBAC5C,CAAC,CAAC,GACH,CACE,CACQ,CACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Group/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/forms/field-types/Group/index.scss

@@ -13,6 +13,7 @@
     &:first-child {
       border-top: 0;
       padding-top: 0;
+      margin-top: 0;
     }
 
     &:last-child {
@@ -54,6 +55,9 @@
 
   &__header {
     margin-bottom: base(.75);
+    display: flex;
+    align-items: center;
+    gap: base(.5);
   }
 
   &__title {
@@ -95,3 +99,25 @@
 .group-field--within-tab+.group-field--within-row {
   padding-top: 0;
 }
+
+html[data-theme=light] {
+  .group-field {
+    &--has-error {
+      color: var(--theme-error-750);
+      &:after {
+        background: var(--theme-error-500);
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .group-field {
+    &--has-error {
+      color: var(--theme-error-500);
+      &:after {
+        background: var(--theme-error-500);
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/JSON/index.scss

@@ -3,10 +3,33 @@
 .json-field {
   position: relative;
   margin-bottom: $baseline;
+}
+
+
+html[data-theme=light] {
+  .json-field{
+    &.error {
+      .code-editor {
+        border-color: var(--theme-error-500);
+      }
+
+      .monaco-editor-background, .margin {
+        background-color: var(--theme-error-50);
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .json-field {
+    &.error {
+      .code-editor {
+        border-color: var(--theme-error-500);
+      }
 
-  &.error {
-    textarea {
-      border: 1px solid var(--theme-error-500) !important;
+      .monaco-editor-background, .margin {
+        background-color: var(--theme-error-100);
+      }
     }
   }
 }

package/dist/admin/components/forms/field-types/Number/index.scss

@@ -9,10 +9,24 @@
       @include formInput;
     }
   }
+}
 
-  &.error {
-    input {
-      background-color: var(--theme-error-200);
+html[data-theme=light] {
+  .field-type.number {
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .field-type.number {
+    &.error {
+      input {
+        @include darkInputError;
+      }
     }
   }
 }

package/dist/admin/components/forms/field-types/Password/index.scss

@@ -7,10 +7,24 @@
   input {
     @include formInput;
   }
+}
+
+html[data-theme=light] {
+  .field-type.password {
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
 
-  &.error {
-    input {
-      background-color: var(--theme-error-200);
+html[data-theme=dark] {
+  .field-type.password {
+    &.error {
+      input {
+        @include darkInputError;
+      }
     }
   }
 }

package/dist/admin/components/forms/field-types/Point/index.scss

@@ -21,10 +21,24 @@
   input {
     @include formInput;
   }
+}
+
+html[data-theme=light] {
+  .point{
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
 
-  &.error {
-    input {
-      background-color: var(--theme-error-200);
+html[data-theme=dark] {
+  .point {
+    &.error {
+      input {
+        @include darkInputError;
+      }
     }
   }
 }

package/dist/admin/components/forms/field-types/RadioGroup/index.scss

@@ -25,3 +25,23 @@
     margin: 0;
   }
 }
+
+html[data-theme=light] {
+  .radio-group {
+   &.error {
+      .radio-input__styled-radio {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .radio-group {
+   &.error {
+      .radio-input__styled-radio {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Relationship/index.scss

@@ -24,3 +24,35 @@
     color: var(--theme-elevation-0);
   }
 }
+
+html[data-theme=light] {
+  .relationship {
+    &.error {
+      >.relationship__wrap {
+        .rs__control {
+          @include lightInputError;
+        }
+      }
+
+      button {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .relationship  {
+    &.error {
+      >.relationship__wrap {
+        .rs__control {
+          @include darkInputError;
+        }
+      }
+
+      button {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/RichText/index.scss

@@ -169,3 +169,23 @@
 [data-slate-node=element] {
   margin-bottom: base(0.25);
 }
+
+html[data-theme=light] {
+  .rich-text {
+    &.error {
+      .rich-text__editor, .rich-text__toolbar {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .rich-text {
+    &.error {
+      .rich-text__editor, .rich-text__toolbar {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Select/index.scss

@@ -3,4 +3,24 @@
 .field-type.select {
   position: relative;
   margin-bottom: $baseline;
-}
+}
+
+html[data-theme=light] {
+  .field-type.select{
+    &.error {
+      .rs__control {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .field-type.select {
+    &.error {
+      .rs__control {
+        @include darkInputError;
+      }
+    }
+  }
+}