From 42ec71aaa31c34f60ed71da18e394966fcf73b23 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Wed, 16 Aug 2023 12:57:12 +0530
Subject: [PATCH 01/11] update antd version to v5 from v4

---
 packages/antd/package.json                    |    4 +-
 .../antd/src/components/DatePicker/index.ts   |    6 -
 .../antd/src/templates/IconButton/index.tsx   |   14 +-
 .../antd/src/widgets/AltDateWidget/index.tsx  |    4 +-
 .../antd/src/widgets/DateTimeWidget/index.tsx |    2 +-
 .../antd/src/widgets/DateWidget/index.tsx     |    2 +-
 .../test/__snapshots__/Array.test.tsx.snap    | 3762 +++++++++--------
 .../test/__snapshots__/Form.test.tsx.snap     | 1253 +++---
 .../test/__snapshots__/Object.test.tsx.snap   | 2297 +++++-----
 9 files changed, 3997 insertions(+), 3347 deletions(-)
 delete mode 100644 packages/antd/src/components/DatePicker/index.ts

diff --git a/packages/antd/package.json b/packages/antd/package.json
index 21ed89838d..5f24f6057d 100644
--- a/packages/antd/package.json
+++ b/packages/antd/package.json
@@ -37,7 +37,7 @@
     "@ant-design/icons": "^4.0.0",
     "@rjsf/core": "^5.8.x",
     "@rjsf/utils": "^5.8.x",
-    "antd": "^4.0.0",
+    "antd": "^5.0.0",
     "dayjs": "^1.8.0",
     "react": "^16.14.0 || >=17"
   },
@@ -65,7 +65,7 @@
     "@types/react": "^17.0.62",
     "@types/react-dom": "^17.0.20",
     "@types/react-test-renderer": "^17.0.2",
-    "antd": "^4.24.13",
+    "antd": "^5.0.0",
     "atob": "^2.1.2",
     "babel-jest": "^29.6.2",
     "dayjs": "^1.11.9",
diff --git a/packages/antd/src/components/DatePicker/index.ts b/packages/antd/src/components/DatePicker/index.ts
deleted file mode 100644
index 6a85c019a9..0000000000
--- a/packages/antd/src/components/DatePicker/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
-import generatePicker from 'antd/lib/date-picker/generatePicker';
-
-const DatePicker = generatePicker(dayjsGenerateConfig);
-
-export default DatePicker;
diff --git a/packages/antd/src/templates/IconButton/index.tsx b/packages/antd/src/templates/IconButton/index.tsx
index ccdfe85059..026e4be951 100644
--- a/packages/antd/src/templates/IconButton/index.tsx
+++ b/packages/antd/src/templates/IconButton/index.tsx
@@ -12,6 +12,7 @@ import {
   StrictRJSFSchema,
   TranslatableString,
 } from '@rjsf/utils';
+import { MouseEventHandler } from 'react';
 
 // The `type` for IconButtonProps collides with the `type` for `ButtonProps` so omit it to avoid Typescript issue
 export type AntdIconButtonProps<
@@ -21,10 +22,17 @@ export type AntdIconButtonProps<
 > = Omit<IconButtonProps<T, S, F>, 'type'>;
 
 export default function IconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
-  props: AntdIconButtonProps<T, S, F> & ButtonProps
+  props: AntdIconButtonProps<T, S, F> & Omit<ButtonProps, 'onClick'>
 ) {
-  const { iconType = 'default', icon, uiSchema, registry, ...otherProps } = props;
-  return <Button type={iconType as ButtonType} icon={icon} {...otherProps} />;
+  const { iconType = 'default', icon, onClick, uiSchema, registry, ...otherProps } = props;
+  return (
+    <Button
+      onClick={onClick as MouseEventHandler<HTMLAnchorElement> & MouseEventHandler<HTMLButtonElement>}
+      type={iconType as ButtonType}
+      icon={icon}
+      {...otherProps}
+    />
+  );
 }
 
 export function AddButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
diff --git a/packages/antd/src/widgets/AltDateWidget/index.tsx b/packages/antd/src/widgets/AltDateWidget/index.tsx
index 7c5595fed6..bcf457a889 100644
--- a/packages/antd/src/widgets/AltDateWidget/index.tsx
+++ b/packages/antd/src/widgets/AltDateWidget/index.tsx
@@ -104,7 +104,7 @@ export default function AltDateWidget<
     }
   };
 
-  const handleNow = (event: MouseEvent<HTMLButtonElement>) => {
+  const handleNow = (event: MouseEvent) => {
     event.preventDefault();
     if (disabled || readonly) {
       return;
@@ -113,7 +113,7 @@ export default function AltDateWidget<
     onChange(toDateString(nextState, showTime));
   };
 
-  const handleClear = (event: MouseEvent<HTMLButtonElement>) => {
+  const handleClear = (event: MouseEvent) => {
     event.preventDefault();
     if (disabled || readonly) {
       return;
diff --git a/packages/antd/src/widgets/DateTimeWidget/index.tsx b/packages/antd/src/widgets/DateTimeWidget/index.tsx
index c3d6b48ded..d59d51ba74 100644
--- a/packages/antd/src/widgets/DateTimeWidget/index.tsx
+++ b/packages/antd/src/widgets/DateTimeWidget/index.tsx
@@ -8,7 +8,7 @@ import {
   WidgetProps,
 } from '@rjsf/utils';
 
-import DatePicker from '../../components/DatePicker';
+import DatePicker from 'antd/lib/date-picker';
 
 const DATE_PICKER_STYLE = {
   width: '100%',
diff --git a/packages/antd/src/widgets/DateWidget/index.tsx b/packages/antd/src/widgets/DateWidget/index.tsx
index 76b15d2d9b..62e470350f 100644
--- a/packages/antd/src/widgets/DateWidget/index.tsx
+++ b/packages/antd/src/widgets/DateWidget/index.tsx
@@ -8,7 +8,7 @@ import {
   GenericObjectType,
 } from '@rjsf/utils';
 
-import DatePicker from '../../components/DatePicker';
+import DatePicker from 'antd/lib/date-picker';
 
 const DATE_PICKER_STYLE = {
   width: '100%',
diff --git a/packages/antd/test/__snapshots__/Array.test.tsx.snap b/packages/antd/test/__snapshots__/Array.test.tsx.snap
index b783d409c4..703c684226 100644
--- a/packages/antd/test/__snapshots__/Array.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Array.test.tsx.snap
@@ -10,14 +10,14 @@ exports[`array fields array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -31,7 +31,7 @@ exports[`array fields array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -41,7 +41,7 @@ exports[`array fields array 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -50,7 +50,7 @@ exports[`array fields array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -59,7 +59,7 @@ exports[`array fields array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -68,7 +68,7 @@ exports[`array fields array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -78,33 +78,39 @@ exports[`array fields array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -119,9 +125,10 @@ exports[`array fields array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -141,14 +148,14 @@ exports[`array fields array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -162,7 +169,7 @@ exports[`array fields array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -172,7 +179,7 @@ exports[`array fields array icons 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -181,7 +188,7 @@ exports[`array fields array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -190,7 +197,7 @@ exports[`array fields array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -203,14 +210,14 @@ exports[`array fields array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -220,7 +227,7 @@ exports[`array fields array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -230,7 +237,8 @@ exports[`array fields array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -239,7 +247,6 @@ exports[`array fields array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="a"
                                       />
@@ -255,7 +262,7 @@ exports[`array fields array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -265,7 +272,7 @@ exports[`array fields array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -273,7 +280,7 @@ exports[`array fields array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -285,27 +292,32 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -317,27 +329,32 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -349,27 +366,32 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -381,30 +403,35 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -413,7 +440,7 @@ exports[`array fields array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -426,14 +453,14 @@ exports[`array fields array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -443,7 +470,7 @@ exports[`array fields array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -453,7 +480,8 @@ exports[`array fields array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_1"
                                         name="root_1"
@@ -462,7 +490,6 @@ exports[`array fields array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="b"
                                       />
@@ -478,7 +505,7 @@ exports[`array fields array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -488,7 +515,7 @@ exports[`array fields array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -496,7 +523,7 @@ exports[`array fields array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -508,27 +535,32 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -540,27 +572,32 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -572,27 +609,32 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -604,23 +646,28 @@ exports[`array fields array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -628,7 +675,7 @@ exports[`array fields array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -637,7 +684,7 @@ exports[`array fields array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -646,7 +693,7 @@ exports[`array fields array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -656,33 +703,39 @@ exports[`array fields array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -697,9 +750,10 @@ exports[`array fields array icons 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -719,14 +773,14 @@ exports[`array fields checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -737,7 +791,7 @@ exports[`array fields checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -782,11 +836,12 @@ exports[`array fields checkboxes 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -824,6 +879,38 @@ exports[`array fields checkboxes 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -832,9 +919,10 @@ exports[`array fields checkboxes 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -854,14 +942,14 @@ exports[`array fields empty errors array 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -874,7 +962,7 @@ exports[`array fields empty errors array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -884,7 +972,7 @@ exports[`array fields empty errors array 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -896,14 +984,14 @@ exports[`array fields empty errors array 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -915,7 +1003,7 @@ exports[`array fields empty errors array 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -925,7 +1013,7 @@ exports[`array fields empty errors array 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -935,7 +1023,8 @@ exports[`array fields empty errors array 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_name__error root_name__description root_name__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_name"
                                     name="root_name"
@@ -944,7 +1033,6 @@ exports[`array fields empty errors array 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -968,9 +1056,10 @@ exports[`array fields empty errors array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -990,14 +1079,14 @@ exports[`array fields fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1011,7 +1100,7 @@ exports[`array fields fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1021,7 +1110,7 @@ exports[`array fields fixed array 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1030,7 +1119,7 @@ exports[`array fields fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -1039,7 +1128,7 @@ exports[`array fields fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -1052,14 +1141,14 @@ exports[`array fields fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -1069,7 +1158,7 @@ exports[`array fields fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1079,7 +1168,8 @@ exports[`array fields fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -1088,7 +1178,6 @@ exports[`array fields fixed array 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value=""
                                       />
@@ -1105,7 +1194,7 @@ exports[`array fields fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -1114,7 +1203,7 @@ exports[`array fields fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -1127,14 +1216,14 @@ exports[`array fields fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -1144,8 +1233,14 @@ exports[`array fields fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                      onMouseUp={[Function]}
+                                      className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                      onBeforeInput={[Function]}
+                                      onBlur={[Function]}
+                                      onCompositionEnd={[Function]}
+                                      onCompositionStart={[Function]}
+                                      onFocus={[Function]}
+                                      onKeyDown={[Function]}
+                                      onKeyUp={[Function]}
                                       style={
                                         {
                                           "width": "100%",
@@ -1153,105 +1248,90 @@ exports[`array fields fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item"
-                                        onBeforeInput={[Function]}
-                                        onBlur={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        onKeyUp={[Function]}
-                                        style={null}
+                                        className="ant-input-number-handler-wrap"
                                       >
-                                        <div
-                                          className="ant-input-number-handler-wrap"
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Increase Value"
+                                          className="ant-input-number-handler ant-input-number-handler-up"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
                                         >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Increase Value"
-                                            className="ant-input-number-handler ant-input-number-handler-up"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="up"
+                                            className="anticon anticon-up ant-input-number-handler-up-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="up"
-                                              className="anticon anticon-up ant-input-number-handler-up-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="up"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="up"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                              />
+                                            </svg>
                                           </span>
+                                        </span>
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Decrease Value"
+                                          className="ant-input-number-handler ant-input-number-handler-down"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
+                                        >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Decrease Value"
-                                            className="ant-input-number-handler ant-input-number-handler-down"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="down"
+                                            className="anticon anticon-down ant-input-number-handler-down-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="down"
-                                              className="anticon anticon-down ant-input-number-handler-down-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="down"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="down"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                              />
+                                            </svg>
                                           </span>
-                                        </div>
-                                        <div
-                                          className="ant-input-number-input-wrap"
-                                        >
-                                          <input
-                                            aria-describedby="root_1__error root_1__description root_1__help"
-                                            aria-valuenow={null}
-                                            autoComplete="off"
-                                            className="ant-input-number-input"
-                                            disabled={false}
-                                            id="root_1"
-                                            name="root_1"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            placeholder=""
-                                            role="spinbutton"
-                                            step={1}
-                                            type="number"
-                                            value=""
-                                          />
-                                        </div>
+                                        </span>
+                                      </div>
+                                      <div
+                                        className="ant-input-number-input-wrap"
+                                      >
+                                        <input
+                                          aria-describedby="root_1__error root_1__description root_1__help"
+                                          aria-valuenow={null}
+                                          autoComplete="off"
+                                          className="ant-input-number-input"
+                                          disabled={false}
+                                          id="root_1"
+                                          name="root_1"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          role="spinbutton"
+                                          step={1}
+                                          type="number"
+                                          value=""
+                                        />
                                       </div>
-                                      <span
-                                        className="ant-input-number-suffix"
-                                      />
                                     </div>
                                   </div>
                                 </div>
@@ -1271,9 +1351,10 @@ exports[`array fields fixed array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1290,7 +1371,7 @@ exports[`array fields has errors 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors"
+    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors css-dev-only-do-not-override-byeoj0"
     data-show={true}
     role="alert"
     style={{}}
@@ -1307,10 +1388,11 @@ exports[`array fields has errors 1`] = `
         className="ant-alert-description"
       >
         <div
-          className="ant-list ant-list-sm ant-list-split list-group"
+          className="ant-list ant-list-sm ant-list-split list-group css-dev-only-do-not-override-byeoj0"
+          style={{}}
         >
           <div
-            className="ant-spin-nested-loading"
+            className="ant-spin-nested-loading css-dev-only-do-not-override-byeoj0"
           >
             <div
               className="ant-spin-container"
@@ -1319,7 +1401,7 @@ exports[`array fields has errors 1`] = `
                 className="ant-list-item"
               >
                 <div
-                  className="ant-space ant-space-horizontal ant-space-align-center"
+                  className="ant-space css-dev-only-do-not-override-byeoj0 ant-space-horizontal ant-space-align-center"
                   style={{}}
                 >
                   <div
@@ -1371,14 +1453,14 @@ exports[`array fields has errors 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1391,7 +1473,7 @@ exports[`array fields has errors 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1401,7 +1483,7 @@ exports[`array fields has errors 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1413,14 +1495,14 @@ exports[`array fields has errors 1`] = `
                       className="form-group field field-string field-error has-error has-danger"
                     >
                       <div
-                        className="ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0 ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -1432,7 +1514,7 @@ exports[`array fields has errors 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -1442,7 +1524,7 @@ exports[`array fields has errors 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1452,7 +1534,8 @@ exports[`array fields has errors 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_name__error root_name__description root_name__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_name"
                                     name="root_name"
@@ -1461,7 +1544,6 @@ exports[`array fields has errors 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -1480,7 +1562,7 @@ exports[`array fields has errors 1`] = `
                                           aria-hidden="true"
                                           data-icon="close-circle"
                                           fill="currentColor"
-                                          fill-rule="evenodd"
+                                          fillRule="evenodd"
                                           focusable="false"
                                           height="1em"
                                           viewBox="64 64 896 896"
@@ -1510,9 +1592,10 @@ exports[`array fields has errors 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1532,14 +1615,14 @@ exports[`array fields no errors 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1552,7 +1635,7 @@ exports[`array fields no errors 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1562,7 +1645,7 @@ exports[`array fields no errors 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1574,14 +1657,14 @@ exports[`array fields no errors 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -1593,7 +1676,7 @@ exports[`array fields no errors 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -1603,7 +1686,7 @@ exports[`array fields no errors 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1613,7 +1696,8 @@ exports[`array fields no errors 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_name__error root_name__description root_name__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_name"
                                     name="root_name"
@@ -1622,7 +1706,6 @@ exports[`array fields no errors 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -1646,9 +1729,10 @@ exports[`array fields no errors 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1668,14 +1752,14 @@ exports[`with title and description array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1689,7 +1773,7 @@ exports[`with title and description array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1698,7 +1782,7 @@ exports[`with title and description array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1716,7 +1800,7 @@ exports[`with title and description array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1732,7 +1816,7 @@ exports[`with title and description array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1741,7 +1825,7 @@ exports[`with title and description array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1750,7 +1834,7 @@ exports[`with title and description array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -1759,7 +1843,7 @@ exports[`with title and description array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -1769,33 +1853,39 @@ exports[`with title and description array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -1819,9 +1909,10 @@ exports[`with title and description array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1841,14 +1932,14 @@ exports[`with title and description array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1862,7 +1953,7 @@ exports[`with title and description array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1871,7 +1962,7 @@ exports[`with title and description array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1889,7 +1980,7 @@ exports[`with title and description array icons 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1905,7 +1996,7 @@ exports[`with title and description array icons 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1914,7 +2005,7 @@ exports[`with title and description array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -1923,7 +2014,7 @@ exports[`with title and description array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -1936,14 +2027,14 @@ exports[`with title and description array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -1955,7 +2046,7 @@ exports[`with title and description array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -1965,7 +2056,7 @@ exports[`with title and description array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1975,7 +2066,8 @@ exports[`with title and description array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -1984,7 +2076,6 @@ exports[`with title and description array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="a"
                                       />
@@ -2009,7 +2100,7 @@ exports[`with title and description array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -2019,7 +2110,7 @@ exports[`with title and description array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -2027,7 +2118,7 @@ exports[`with title and description array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -2039,27 +2130,32 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2071,27 +2167,32 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2103,27 +2204,32 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2135,30 +2241,35 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -2167,7 +2278,7 @@ exports[`with title and description array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -2180,14 +2291,14 @@ exports[`with title and description array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -2199,7 +2310,7 @@ exports[`with title and description array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -2209,7 +2320,7 @@ exports[`with title and description array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2219,7 +2330,8 @@ exports[`with title and description array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_1"
                                         name="root_1"
@@ -2228,7 +2340,6 @@ exports[`with title and description array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="b"
                                       />
@@ -2253,7 +2364,7 @@ exports[`with title and description array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -2263,7 +2374,7 @@ exports[`with title and description array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -2271,7 +2382,7 @@ exports[`with title and description array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2283,27 +2394,32 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -2315,27 +2431,32 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2347,27 +2468,32 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2379,23 +2505,28 @@ exports[`with title and description array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -2403,7 +2534,7 @@ exports[`with title and description array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2412,7 +2543,7 @@ exports[`with title and description array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -2421,7 +2552,7 @@ exports[`with title and description array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -2431,33 +2562,39 @@ exports[`with title and description array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -2481,9 +2618,10 @@ exports[`with title and description array icons 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2503,14 +2641,14 @@ exports[`with title and description checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <label
@@ -2522,7 +2660,7 @@ exports[`with title and description checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2533,7 +2671,7 @@ exports[`with title and description checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2578,11 +2716,12 @@ exports[`with title and description checkboxes 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -2620,6 +2759,38 @@ exports[`with title and description checkboxes 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -2637,9 +2808,10 @@ exports[`with title and description checkboxes 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2659,14 +2831,14 @@ exports[`with title and description fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2680,7 +2852,7 @@ exports[`with title and description fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -2689,7 +2861,7 @@ exports[`with title and description fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2707,7 +2879,7 @@ exports[`with title and description fixed array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2723,7 +2895,7 @@ exports[`with title and description fixed array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2732,7 +2904,7 @@ exports[`with title and description fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -2741,7 +2913,7 @@ exports[`with title and description fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -2754,14 +2926,14 @@ exports[`with title and description fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -2773,7 +2945,7 @@ exports[`with title and description fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -2783,7 +2955,7 @@ exports[`with title and description fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2793,7 +2965,8 @@ exports[`with title and description fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -2802,7 +2975,6 @@ exports[`with title and description fixed array 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value=""
                                       />
@@ -2828,7 +3000,7 @@ exports[`with title and description fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -2837,7 +3009,7 @@ exports[`with title and description fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -2850,14 +3022,14 @@ exports[`with title and description fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -2869,7 +3041,7 @@ exports[`with title and description fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -2879,8 +3051,14 @@ exports[`with title and description fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                      onMouseUp={[Function]}
+                                      className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                      onBeforeInput={[Function]}
+                                      onBlur={[Function]}
+                                      onCompositionEnd={[Function]}
+                                      onCompositionStart={[Function]}
+                                      onFocus={[Function]}
+                                      onKeyDown={[Function]}
+                                      onKeyUp={[Function]}
                                       style={
                                         {
                                           "width": "100%",
@@ -2888,105 +3066,90 @@ exports[`with title and description fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item"
-                                        onBeforeInput={[Function]}
-                                        onBlur={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        onKeyUp={[Function]}
-                                        style={null}
+                                        className="ant-input-number-handler-wrap"
                                       >
-                                        <div
-                                          className="ant-input-number-handler-wrap"
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Increase Value"
+                                          className="ant-input-number-handler ant-input-number-handler-up"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
                                         >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Increase Value"
-                                            className="ant-input-number-handler ant-input-number-handler-up"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="up"
+                                            className="anticon anticon-up ant-input-number-handler-up-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="up"
-                                              className="anticon anticon-up ant-input-number-handler-up-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="up"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="up"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                              />
+                                            </svg>
                                           </span>
+                                        </span>
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Decrease Value"
+                                          className="ant-input-number-handler ant-input-number-handler-down"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
+                                        >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Decrease Value"
-                                            className="ant-input-number-handler ant-input-number-handler-down"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="down"
+                                            className="anticon anticon-down ant-input-number-handler-down-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="down"
-                                              className="anticon anticon-down ant-input-number-handler-down-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="down"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="down"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                              />
+                                            </svg>
                                           </span>
-                                        </div>
-                                        <div
-                                          className="ant-input-number-input-wrap"
-                                        >
-                                          <input
-                                            aria-describedby="root_1__error root_1__description root_1__help"
-                                            aria-valuenow={null}
-                                            autoComplete="off"
-                                            className="ant-input-number-input"
-                                            disabled={false}
-                                            id="root_1"
-                                            name="root_1"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            placeholder=""
-                                            role="spinbutton"
-                                            step={1}
-                                            type="number"
-                                            value=""
-                                          />
-                                        </div>
+                                        </span>
+                                      </div>
+                                      <div
+                                        className="ant-input-number-input-wrap"
+                                      >
+                                        <input
+                                          aria-describedby="root_1__error root_1__description root_1__help"
+                                          aria-valuenow={null}
+                                          autoComplete="off"
+                                          className="ant-input-number-input"
+                                          disabled={false}
+                                          id="root_1"
+                                          name="root_1"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          role="spinbutton"
+                                          step={1}
+                                          type="number"
+                                          value=""
+                                        />
                                       </div>
-                                      <span
-                                        className="ant-input-number-suffix"
-                                      />
                                     </div>
                                   </div>
                                 </div>
@@ -3024,9 +3187,10 @@ exports[`with title and description fixed array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3046,14 +3210,14 @@ exports[`with title and description from both array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3067,7 +3231,7 @@ exports[`with title and description from both array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -3076,7 +3240,7 @@ exports[`with title and description from both array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3094,7 +3258,7 @@ exports[`with title and description from both array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3110,7 +3274,7 @@ exports[`with title and description from both array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3119,7 +3283,7 @@ exports[`with title and description from both array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3128,7 +3292,7 @@ exports[`with title and description from both array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -3137,7 +3301,7 @@ exports[`with title and description from both array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3147,33 +3311,39 @@ exports[`with title and description from both array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -3197,9 +3367,10 @@ exports[`with title and description from both array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3219,14 +3390,14 @@ exports[`with title and description from both array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3240,7 +3411,7 @@ exports[`with title and description from both array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -3249,7 +3420,7 @@ exports[`with title and description from both array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3267,7 +3438,7 @@ exports[`with title and description from both array icons 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3283,7 +3454,7 @@ exports[`with title and description from both array icons 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3292,7 +3463,7 @@ exports[`with title and description from both array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -3301,7 +3472,7 @@ exports[`with title and description from both array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -3314,14 +3485,14 @@ exports[`with title and description from both array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -3333,7 +3504,7 @@ exports[`with title and description from both array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -3343,7 +3514,7 @@ exports[`with title and description from both array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3353,7 +3524,8 @@ exports[`with title and description from both array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -3362,7 +3534,6 @@ exports[`with title and description from both array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="a"
                                       />
@@ -3387,7 +3558,7 @@ exports[`with title and description from both array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3397,7 +3568,7 @@ exports[`with title and description from both array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -3405,7 +3576,7 @@ exports[`with title and description from both array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -3417,27 +3588,32 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3449,27 +3625,32 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3481,27 +3662,32 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3513,30 +3699,35 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -3545,7 +3736,7 @@ exports[`with title and description from both array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -3558,14 +3749,14 @@ exports[`with title and description from both array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -3577,7 +3768,7 @@ exports[`with title and description from both array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -3587,7 +3778,7 @@ exports[`with title and description from both array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3597,7 +3788,8 @@ exports[`with title and description from both array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_1"
                                         name="root_1"
@@ -3606,7 +3798,6 @@ exports[`with title and description from both array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="b"
                                       />
@@ -3631,7 +3822,7 @@ exports[`with title and description from both array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3641,7 +3832,7 @@ exports[`with title and description from both array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -3649,7 +3840,7 @@ exports[`with title and description from both array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3661,27 +3852,32 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -3693,27 +3889,32 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3725,27 +3926,32 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3757,23 +3963,28 @@ exports[`with title and description from both array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -3781,7 +3992,7 @@ exports[`with title and description from both array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3790,7 +4001,7 @@ exports[`with title and description from both array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -3799,7 +4010,7 @@ exports[`with title and description from both array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3809,33 +4020,39 @@ exports[`with title and description from both array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -3859,9 +4076,10 @@ exports[`with title and description from both array icons 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3881,14 +4099,14 @@ exports[`with title and description from both checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <label
@@ -3900,7 +4118,7 @@ exports[`with title and description from both checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3911,7 +4129,7 @@ exports[`with title and description from both checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -3956,11 +4174,12 @@ exports[`with title and description from both checkboxes 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -3998,6 +4217,38 @@ exports[`with title and description from both checkboxes 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -4015,9 +4266,10 @@ exports[`with title and description from both checkboxes 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -4037,14 +4289,14 @@ exports[`with title and description from both fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -4058,7 +4310,7 @@ exports[`with title and description from both fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -4067,7 +4319,7 @@ exports[`with title and description from both fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4085,7 +4337,7 @@ exports[`with title and description from both fixed array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -4101,7 +4353,7 @@ exports[`with title and description from both fixed array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4110,7 +4362,7 @@ exports[`with title and description from both fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -4119,7 +4371,7 @@ exports[`with title and description from both fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -4132,14 +4384,14 @@ exports[`with title and description from both fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -4151,7 +4403,7 @@ exports[`with title and description from both fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -4161,7 +4413,7 @@ exports[`with title and description from both fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4171,7 +4423,8 @@ exports[`with title and description from both fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -4180,7 +4433,6 @@ exports[`with title and description from both fixed array 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value=""
                                       />
@@ -4206,7 +4458,7 @@ exports[`with title and description from both fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -4215,7 +4467,7 @@ exports[`with title and description from both fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -4228,14 +4480,14 @@ exports[`with title and description from both fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -4247,7 +4499,7 @@ exports[`with title and description from both fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -4257,8 +4509,14 @@ exports[`with title and description from both fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                      onMouseUp={[Function]}
+                                      className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                      onBeforeInput={[Function]}
+                                      onBlur={[Function]}
+                                      onCompositionEnd={[Function]}
+                                      onCompositionStart={[Function]}
+                                      onFocus={[Function]}
+                                      onKeyDown={[Function]}
+                                      onKeyUp={[Function]}
                                       style={
                                         {
                                           "width": "100%",
@@ -4266,105 +4524,90 @@ exports[`with title and description from both fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item"
-                                        onBeforeInput={[Function]}
-                                        onBlur={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        onKeyUp={[Function]}
-                                        style={null}
+                                        className="ant-input-number-handler-wrap"
                                       >
-                                        <div
-                                          className="ant-input-number-handler-wrap"
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Increase Value"
+                                          className="ant-input-number-handler ant-input-number-handler-up"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
                                         >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Increase Value"
-                                            className="ant-input-number-handler ant-input-number-handler-up"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="up"
+                                            className="anticon anticon-up ant-input-number-handler-up-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="up"
-                                              className="anticon anticon-up ant-input-number-handler-up-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="up"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="up"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                              />
+                                            </svg>
                                           </span>
+                                        </span>
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Decrease Value"
+                                          className="ant-input-number-handler ant-input-number-handler-down"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
+                                        >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Decrease Value"
-                                            className="ant-input-number-handler ant-input-number-handler-down"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="down"
+                                            className="anticon anticon-down ant-input-number-handler-down-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="down"
-                                              className="anticon anticon-down ant-input-number-handler-down-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="down"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="down"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                              />
+                                            </svg>
                                           </span>
-                                        </div>
-                                        <div
-                                          className="ant-input-number-input-wrap"
-                                        >
-                                          <input
-                                            aria-describedby="root_1__error root_1__description root_1__help"
-                                            aria-valuenow={null}
-                                            autoComplete="off"
-                                            className="ant-input-number-input"
-                                            disabled={false}
-                                            id="root_1"
-                                            name="root_1"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            placeholder=""
-                                            role="spinbutton"
-                                            step={1}
-                                            type="number"
-                                            value=""
-                                          />
-                                        </div>
+                                        </span>
+                                      </div>
+                                      <div
+                                        className="ant-input-number-input-wrap"
+                                      >
+                                        <input
+                                          aria-describedby="root_1__error root_1__description root_1__help"
+                                          aria-valuenow={null}
+                                          autoComplete="off"
+                                          className="ant-input-number-input"
+                                          disabled={false}
+                                          id="root_1"
+                                          name="root_1"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          role="spinbutton"
+                                          step={1}
+                                          type="number"
+                                          value=""
+                                        />
                                       </div>
-                                      <span
-                                        className="ant-input-number-suffix"
-                                      />
                                     </div>
                                   </div>
                                 </div>
@@ -4402,9 +4645,10 @@ exports[`with title and description from both fixed array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -4424,14 +4668,14 @@ exports[`with title and description from uiSchema array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -4445,7 +4689,7 @@ exports[`with title and description from uiSchema array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -4454,7 +4698,7 @@ exports[`with title and description from uiSchema array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4472,7 +4716,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -4488,7 +4732,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4497,7 +4741,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4506,7 +4750,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -4515,7 +4759,7 @@ exports[`with title and description from uiSchema array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -4525,33 +4769,39 @@ exports[`with title and description from uiSchema array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -4575,9 +4825,10 @@ exports[`with title and description from uiSchema array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -4597,14 +4848,14 @@ exports[`with title and description from uiSchema array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -4618,7 +4869,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -4627,7 +4878,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4645,7 +4896,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -4661,7 +4912,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4670,7 +4921,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -4679,7 +4930,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -4692,14 +4943,14 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -4711,7 +4962,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -4721,7 +4972,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4731,7 +4982,8 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -4740,7 +4992,6 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="a"
                                       />
@@ -4765,7 +5016,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -4775,7 +5026,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -4783,7 +5034,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -4795,27 +5046,32 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -4827,27 +5083,32 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -4859,27 +5120,32 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -4891,30 +5157,35 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -4923,7 +5194,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -4936,14 +5207,14 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -4955,7 +5226,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -4965,7 +5236,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4975,7 +5246,8 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_1"
                                         name="root_1"
@@ -4984,7 +5256,6 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="b"
                                       />
@@ -5009,7 +5280,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -5019,7 +5290,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -5027,7 +5298,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5039,27 +5310,32 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -5071,27 +5347,32 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5103,27 +5384,32 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5135,23 +5421,28 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -5159,7 +5450,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5168,7 +5459,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -5177,7 +5468,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -5187,33 +5478,39 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -5237,9 +5534,10 @@ exports[`with title and description from uiSchema array icons 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -5259,14 +5557,14 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <label
@@ -5278,7 +5576,7 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -5289,7 +5587,7 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -5334,11 +5632,12 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -5376,6 +5675,38 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -5393,9 +5724,10 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -5415,14 +5747,14 @@ exports[`with title and description from uiSchema fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -5436,7 +5768,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -5445,7 +5777,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5463,7 +5795,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -5479,7 +5811,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5488,7 +5820,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -5497,7 +5829,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -5510,14 +5842,14 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -5529,7 +5861,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -5539,7 +5871,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -5549,7 +5881,8 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -5558,7 +5891,6 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value=""
                                       />
@@ -5584,7 +5916,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -5593,7 +5925,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -5606,14 +5938,14 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -5625,7 +5957,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -5635,8 +5967,14 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                      onMouseUp={[Function]}
+                                      className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                      onBeforeInput={[Function]}
+                                      onBlur={[Function]}
+                                      onCompositionEnd={[Function]}
+                                      onCompositionStart={[Function]}
+                                      onFocus={[Function]}
+                                      onKeyDown={[Function]}
+                                      onKeyUp={[Function]}
                                       style={
                                         {
                                           "width": "100%",
@@ -5644,105 +5982,90 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item"
-                                        onBeforeInput={[Function]}
-                                        onBlur={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        onKeyUp={[Function]}
-                                        style={null}
+                                        className="ant-input-number-handler-wrap"
                                       >
-                                        <div
-                                          className="ant-input-number-handler-wrap"
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Increase Value"
+                                          className="ant-input-number-handler ant-input-number-handler-up"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
                                         >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Increase Value"
-                                            className="ant-input-number-handler ant-input-number-handler-up"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="up"
+                                            className="anticon anticon-up ant-input-number-handler-up-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="up"
-                                              className="anticon anticon-up ant-input-number-handler-up-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="up"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="up"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                              />
+                                            </svg>
                                           </span>
+                                        </span>
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Decrease Value"
+                                          className="ant-input-number-handler ant-input-number-handler-down"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
+                                        >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Decrease Value"
-                                            className="ant-input-number-handler ant-input-number-handler-down"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="down"
+                                            className="anticon anticon-down ant-input-number-handler-down-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="down"
-                                              className="anticon anticon-down ant-input-number-handler-down-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="down"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="down"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                              />
+                                            </svg>
                                           </span>
-                                        </div>
-                                        <div
-                                          className="ant-input-number-input-wrap"
-                                        >
-                                          <input
-                                            aria-describedby="root_1__error root_1__description root_1__help"
-                                            aria-valuenow={null}
-                                            autoComplete="off"
-                                            className="ant-input-number-input"
-                                            disabled={false}
-                                            id="root_1"
-                                            name="root_1"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            placeholder=""
-                                            role="spinbutton"
-                                            step={1}
-                                            type="number"
-                                            value=""
-                                          />
-                                        </div>
+                                        </span>
+                                      </div>
+                                      <div
+                                        className="ant-input-number-input-wrap"
+                                      >
+                                        <input
+                                          aria-describedby="root_1__error root_1__description root_1__help"
+                                          aria-valuenow={null}
+                                          autoComplete="off"
+                                          className="ant-input-number-input"
+                                          disabled={false}
+                                          id="root_1"
+                                          name="root_1"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          role="spinbutton"
+                                          step={1}
+                                          type="number"
+                                          value=""
+                                        />
                                       </div>
-                                      <span
-                                        className="ant-input-number-suffix"
-                                      />
                                     </div>
                                   </div>
                                 </div>
@@ -5780,9 +6103,10 @@ exports[`with title and description from uiSchema fixed array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -5802,14 +6126,14 @@ exports[`with title and description with global label off array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -5823,7 +6147,7 @@ exports[`with title and description with global label off array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -5832,7 +6156,7 @@ exports[`with title and description with global label off array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5841,7 +6165,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -5851,7 +6175,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5860,7 +6184,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5869,7 +6193,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -5878,7 +6202,7 @@ exports[`with title and description with global label off array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -5888,33 +6212,39 @@ exports[`with title and description with global label off array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -5938,9 +6268,10 @@ exports[`with title and description with global label off array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -5960,14 +6291,14 @@ exports[`with title and description with global label off array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -5981,7 +6312,7 @@ exports[`with title and description with global label off array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -5990,7 +6321,7 @@ exports[`with title and description with global label off array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5999,7 +6330,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -6009,7 +6340,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6018,7 +6349,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -6027,7 +6358,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -6040,14 +6371,14 @@ exports[`with title and description with global label off array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -6057,7 +6388,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6067,7 +6398,8 @@ exports[`with title and description with global label off array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -6076,7 +6408,6 @@ exports[`with title and description with global label off array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="a"
                                       />
@@ -6101,7 +6432,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -6111,7 +6442,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -6119,7 +6450,7 @@ exports[`with title and description with global label off array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -6131,27 +6462,32 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6163,27 +6499,32 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6195,27 +6536,32 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6227,30 +6573,35 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -6259,7 +6610,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -6272,14 +6623,14 @@ exports[`with title and description with global label off array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -6289,7 +6640,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6299,7 +6650,8 @@ exports[`with title and description with global label off array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_1"
                                         name="root_1"
@@ -6308,7 +6660,6 @@ exports[`with title and description with global label off array icons 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="b"
                                       />
@@ -6333,7 +6684,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -6343,7 +6694,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group"
+                          className="ant-btn-group css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "width": "100%",
@@ -6351,7 +6702,7 @@ exports[`with title and description with global label off array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6363,27 +6714,32 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-up"
-                              className="anticon anticon-arrow-up"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-up"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-up"
+                                className="anticon anticon-arrow-up"
+                                role="img"
                               >
-                                <path
-                                  d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -6395,27 +6751,32 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="arrow-down"
-                              className="anticon anticon-arrow-down"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="arrow-down"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="arrow-down"
+                                className="anticon anticon-arrow-down"
+                                role="img"
                               >
-                                <path
-                                  d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="arrow-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-default ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6427,27 +6788,32 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="copy"
-                              className="anticon anticon-copy"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="copy"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="copy"
+                                className="anticon anticon-copy"
+                                role="img"
                               >
-                                <path
-                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="copy"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6459,23 +6825,28 @@ exports[`with title and description with global label off array icons 1`] = `
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -6483,7 +6854,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6492,7 +6863,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -6501,7 +6872,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -6511,33 +6882,39 @@ exports[`with title and description with global label off array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
+                          style={{}}
                           title="Add Item"
                           type="button"
                         >
                           <span
-                            aria-label="plus-circle"
-                            className="anticon anticon-plus-circle"
-                            role="img"
+                            className="ant-btn-icon"
+                            style={{}}
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="plus-circle"
-                              fill="currentColor"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="plus-circle"
+                              className="anticon anticon-plus-circle"
+                              role="img"
                             >
-                              <path
-                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                              />
-                              <path
-                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="plus-circle"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                />
+                                <path
+                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </button>
                       </div>
@@ -6561,9 +6938,10 @@ exports[`with title and description with global label off array icons 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -6583,14 +6961,14 @@ exports[`with title and description with global label off checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <label
@@ -6602,7 +6980,7 @@ exports[`with title and description with global label off checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -6613,7 +6991,7 @@ exports[`with title and description with global label off checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -6658,11 +7036,12 @@ exports[`with title and description with global label off checkboxes 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -6700,6 +7079,38 @@ exports[`with title and description with global label off checkboxes 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -6717,9 +7128,10 @@ exports[`with title and description with global label off checkboxes 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -6739,14 +7151,14 @@ exports[`with title and description with global label off fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -6760,7 +7172,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -6769,7 +7181,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6778,7 +7190,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -6788,7 +7200,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 row array-item-list"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6797,7 +7209,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -6806,7 +7218,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -6819,14 +7231,14 @@ exports[`with title and description with global label off fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -6836,7 +7248,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6846,7 +7258,8 @@ exports[`with title and description with global label off fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_0"
                                         name="root_0"
@@ -6855,7 +7268,6 @@ exports[`with title and description with global label off fixed array 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value=""
                                       />
@@ -6881,7 +7293,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "marginLeft": -12,
@@ -6890,7 +7302,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col"
+                        className="ant-col css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "flex": "1",
@@ -6903,14 +7315,14 @@ exports[`with title and description with global label off fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -6920,8 +7332,14 @@ exports[`with title and description with global label off fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                      onMouseUp={[Function]}
+                                      className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                      onBeforeInput={[Function]}
+                                      onBlur={[Function]}
+                                      onCompositionEnd={[Function]}
+                                      onCompositionStart={[Function]}
+                                      onFocus={[Function]}
+                                      onKeyDown={[Function]}
+                                      onKeyUp={[Function]}
                                       style={
                                         {
                                           "width": "100%",
@@ -6929,105 +7347,90 @@ exports[`with title and description with global label off fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item"
-                                        onBeforeInput={[Function]}
-                                        onBlur={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        onKeyUp={[Function]}
-                                        style={null}
+                                        className="ant-input-number-handler-wrap"
                                       >
-                                        <div
-                                          className="ant-input-number-handler-wrap"
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Increase Value"
+                                          className="ant-input-number-handler ant-input-number-handler-up"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
                                         >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Increase Value"
-                                            className="ant-input-number-handler ant-input-number-handler-up"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="up"
+                                            className="anticon anticon-up ant-input-number-handler-up-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="up"
-                                              className="anticon anticon-up ant-input-number-handler-up-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="up"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="up"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                              />
+                                            </svg>
                                           </span>
+                                        </span>
+                                        <span
+                                          aria-disabled={false}
+                                          aria-label="Decrease Value"
+                                          className="ant-input-number-handler ant-input-number-handler-down"
+                                          onMouseDown={[Function]}
+                                          onMouseLeave={[Function]}
+                                          onMouseUp={[Function]}
+                                          role="button"
+                                          unselectable="on"
+                                        >
                                           <span
-                                            aria-disabled={false}
-                                            aria-label="Decrease Value"
-                                            className="ant-input-number-handler ant-input-number-handler-down"
-                                            onMouseDown={[Function]}
-                                            onMouseLeave={[Function]}
-                                            onMouseUp={[Function]}
-                                            role="button"
-                                            unselectable="on"
+                                            aria-label="down"
+                                            className="anticon anticon-down ant-input-number-handler-down-inner"
+                                            role="img"
                                           >
-                                            <span
-                                              aria-label="down"
-                                              className="anticon anticon-down ant-input-number-handler-down-inner"
-                                              role="img"
+                                            <svg
+                                              aria-hidden="true"
+                                              data-icon="down"
+                                              fill="currentColor"
+                                              focusable="false"
+                                              height="1em"
+                                              viewBox="64 64 896 896"
+                                              width="1em"
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="down"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                />
-                                              </svg>
-                                            </span>
+                                              <path
+                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                              />
+                                            </svg>
                                           </span>
-                                        </div>
-                                        <div
-                                          className="ant-input-number-input-wrap"
-                                        >
-                                          <input
-                                            aria-describedby="root_1__error root_1__description root_1__help"
-                                            aria-valuenow={null}
-                                            autoComplete="off"
-                                            className="ant-input-number-input"
-                                            disabled={false}
-                                            id="root_1"
-                                            name="root_1"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            placeholder=""
-                                            role="spinbutton"
-                                            step={1}
-                                            type="number"
-                                            value=""
-                                          />
-                                        </div>
+                                        </span>
+                                      </div>
+                                      <div
+                                        className="ant-input-number-input-wrap"
+                                      >
+                                        <input
+                                          aria-describedby="root_1__error root_1__description root_1__help"
+                                          aria-valuenow={null}
+                                          autoComplete="off"
+                                          className="ant-input-number-input"
+                                          disabled={false}
+                                          id="root_1"
+                                          name="root_1"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          role="spinbutton"
+                                          step={1}
+                                          type="number"
+                                          value=""
+                                        />
                                       </div>
-                                      <span
-                                        className="ant-input-number-suffix"
-                                      />
                                     </div>
                                   </div>
                                 </div>
@@ -7065,9 +7468,10 @@ exports[`with title and description with global label off fixed array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
diff --git a/packages/antd/test/__snapshots__/Form.test.tsx.snap b/packages/antd/test/__snapshots__/Form.test.tsx.snap
index ad89ced4af..e95c77d30a 100644
--- a/packages/antd/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Form.test.tsx.snap
@@ -10,14 +10,14 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -30,7 +30,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -40,7 +40,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -52,14 +52,14 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -73,6 +73,8 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                 className="anticon anticon-question-circle ant-form-item-tooltip"
                                 onMouseEnter={[Function]}
                                 onMouseLeave={[Function]}
+                                onPointerEnter={[Function]}
+                                onPointerLeave={[Function]}
                                 role="img"
                                 title=""
                               >
@@ -96,7 +98,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -106,7 +108,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -116,7 +118,8 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_my-field"
                                     name="root_my-field"
@@ -125,7 +128,6 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -149,9 +151,10 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -171,14 +174,14 @@ exports[`single fields checkbox field 1`] = `
     className="form-group field field-boolean"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -188,10 +191,11 @@ exports[`single fields checkbox field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <label
-                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                style={{}}
               >
                 <span
-                  className="ant-checkbox"
+                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-byeoj0"
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
@@ -221,9 +225,10 @@ exports[`single fields checkbox field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -243,14 +248,14 @@ exports[`single fields checkbox field with label 1`] = `
     className="form-group field field-boolean"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -260,10 +265,11 @@ exports[`single fields checkbox field with label 1`] = `
               className="ant-form-item-control-input-content"
             >
               <label
-                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                style={{}}
               >
                 <span
-                  className="ant-checkbox"
+                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-byeoj0"
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
@@ -293,9 +299,10 @@ exports[`single fields checkbox field with label 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -315,14 +322,14 @@ exports[`single fields checkboxes field 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <label
@@ -334,7 +341,7 @@ exports[`single fields checkboxes field 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -345,7 +352,7 @@ exports[`single fields checkboxes field 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-checkbox-group"
+                className="ant-checkbox-group css-dev-only-do-not-override-byeoj0"
                 id="root"
                 name="root"
                 onBlur={[Function]}
@@ -353,10 +360,11 @@ exports[`single fields checkboxes field 1`] = `
               >
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                    style={{}}
                   >
                     <span
-                      className="ant-checkbox"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-byeoj0"
                     >
                       <input
                         autoFocus={false}
@@ -381,10 +389,11 @@ exports[`single fields checkboxes field 1`] = `
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                    style={{}}
                   >
                     <span
-                      className="ant-checkbox"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-byeoj0"
                     >
                       <input
                         autoFocus={false}
@@ -409,10 +418,11 @@ exports[`single fields checkboxes field 1`] = `
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                    style={{}}
                   >
                     <span
-                      className="ant-checkbox"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-byeoj0"
                     >
                       <input
                         autoFocus={false}
@@ -437,10 +447,11 @@ exports[`single fields checkboxes field 1`] = `
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                    style={{}}
                   >
                     <span
-                      className="ant-checkbox"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-byeoj0"
                     >
                       <input
                         autoFocus={false}
@@ -471,9 +482,10 @@ exports[`single fields checkboxes field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -493,14 +505,14 @@ exports[`single fields field with description 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -513,7 +525,7 @@ exports[`single fields field with description 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -523,7 +535,7 @@ exports[`single fields field with description 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -535,14 +547,14 @@ exports[`single fields field with description 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -554,7 +566,7 @@ exports[`single fields field with description 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -564,7 +576,7 @@ exports[`single fields field with description 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -574,7 +586,8 @@ exports[`single fields field with description 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_my-field"
                                     name="root_my-field"
@@ -583,7 +596,6 @@ exports[`single fields field with description 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -616,9 +628,10 @@ exports[`single fields field with description 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -638,14 +651,14 @@ exports[`single fields field with description in uiSchema 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -658,7 +671,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -668,7 +681,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -680,14 +693,14 @@ exports[`single fields field with description in uiSchema 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -699,7 +712,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -709,7 +722,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -719,7 +732,8 @@ exports[`single fields field with description in uiSchema 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_my-field"
                                     name="root_my-field"
@@ -728,7 +742,6 @@ exports[`single fields field with description in uiSchema 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -761,9 +774,10 @@ exports[`single fields field with description in uiSchema 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -783,14 +797,14 @@ exports[`single fields format color 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -800,7 +814,7 @@ exports[`single fields format color 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -810,7 +824,8 @@ exports[`single fields format color 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -819,7 +834,6 @@ exports[`single fields format color 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="color"
                   value=""
                 />
@@ -834,9 +848,10 @@ exports[`single fields format color 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -856,14 +871,14 @@ exports[`single fields format date 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -873,7 +888,7 @@ exports[`single fields format date 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-picker ant-picker-has-feedback"
+                className="ant-picker ant-picker-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -903,6 +918,7 @@ exports[`single fields format date 1`] = `
                   />
                   <span
                     className="ant-picker-suffix"
+                    onMouseDown={[Function]}
                   >
                     <span
                       aria-label="calendar"
@@ -933,9 +949,10 @@ exports[`single fields format date 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -955,14 +972,14 @@ exports[`single fields format datetime 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -972,7 +989,7 @@ exports[`single fields format datetime 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-picker ant-picker-has-feedback"
+                className="ant-picker ant-picker-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -1002,6 +1019,7 @@ exports[`single fields format datetime 1`] = `
                   />
                   <span
                     className="ant-picker-suffix"
+                    onMouseDown={[Function]}
                   >
                     <span
                       aria-label="calendar"
@@ -1032,9 +1050,10 @@ exports[`single fields format datetime 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1054,14 +1073,14 @@ exports[`single fields format time 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1071,7 +1090,7 @@ exports[`single fields format time 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -1081,7 +1100,8 @@ exports[`single fields format time 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -1090,7 +1110,6 @@ exports[`single fields format time 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="time"
                   value=""
                 />
@@ -1105,9 +1124,10 @@ exports[`single fields format time 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1124,7 +1144,7 @@ exports[`single fields help and error display 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors"
+    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors css-dev-only-do-not-override-byeoj0"
     data-show={true}
     role="alert"
     style={{}}
@@ -1141,10 +1161,11 @@ exports[`single fields help and error display 1`] = `
         className="ant-alert-description"
       >
         <div
-          className="ant-list ant-list-sm ant-list-split list-group"
+          className="ant-list ant-list-sm ant-list-split list-group css-dev-only-do-not-override-byeoj0"
+          style={{}}
         >
           <div
-            className="ant-spin-nested-loading"
+            className="ant-spin-nested-loading css-dev-only-do-not-override-byeoj0"
           >
             <div
               className="ant-spin-container"
@@ -1153,7 +1174,7 @@ exports[`single fields help and error display 1`] = `
                 className="ant-list-item"
               >
                 <div
-                  className="ant-space ant-space-horizontal ant-space-align-center"
+                  className="ant-space css-dev-only-do-not-override-byeoj0 ant-space-horizontal ant-space-align-center"
                   style={{}}
                 >
                   <div
@@ -1205,14 +1226,14 @@ exports[`single fields help and error display 1`] = `
     className="form-group field field-string field-error has-error has-danger"
   >
     <div
-      className="ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0 ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1222,7 +1243,7 @@ exports[`single fields help and error display 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -1232,7 +1253,8 @@ exports[`single fields help and error display 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -1241,7 +1263,6 @@ exports[`single fields help and error display 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="text"
                   value=""
                 />
@@ -1260,7 +1281,7 @@ exports[`single fields help and error display 1`] = `
                         aria-hidden="true"
                         data-icon="close-circle"
                         fill="currentColor"
-                        fill-rule="evenodd"
+                        fillRule="evenodd"
                         focusable="false"
                         height="1em"
                         viewBox="64 64 896 896"
@@ -1281,9 +1302,10 @@ exports[`single fields help and error display 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1303,14 +1325,14 @@ exports[`single fields hidden field 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1323,7 +1345,7 @@ exports[`single fields hidden field 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1341,9 +1363,10 @@ exports[`single fields hidden field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1363,14 +1386,14 @@ exports[`single fields hidden label 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1380,7 +1403,7 @@ exports[`single fields hidden label 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -1390,7 +1413,8 @@ exports[`single fields hidden label 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -1399,7 +1423,6 @@ exports[`single fields hidden label 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="text"
                   value=""
                 />
@@ -1414,9 +1437,10 @@ exports[`single fields hidden label 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1436,14 +1460,14 @@ exports[`single fields null field 1`] = `
     className="form-group field field-null"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1458,9 +1482,10 @@ exports[`single fields null field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1480,14 +1505,14 @@ exports[`single fields number field 0 1`] = `
     className="form-group field field-number"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1497,8 +1522,14 @@ exports[`single fields number field 0 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                onMouseUp={[Function]}
+                className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                onBeforeInput={[Function]}
+                onBlur={[Function]}
+                onCompositionEnd={[Function]}
+                onCompositionStart={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
                 style={
                   {
                     "width": "100%",
@@ -1506,105 +1537,90 @@ exports[`single fields number field 0 1`] = `
                 }
               >
                 <div
-                  className="ant-input-number ant-input-number-in-form-item"
-                  onBeforeInput={[Function]}
-                  onBlur={[Function]}
-                  onCompositionEnd={[Function]}
-                  onCompositionStart={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onKeyUp={[Function]}
-                  style={null}
+                  className="ant-input-number-handler-wrap"
                 >
-                  <div
-                    className="ant-input-number-handler-wrap"
+                  <span
+                    aria-disabled={false}
+                    aria-label="Increase Value"
+                    className="ant-input-number-handler ant-input-number-handler-up"
+                    onMouseDown={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseUp={[Function]}
+                    role="button"
+                    unselectable="on"
                   >
                     <span
-                      aria-disabled={false}
-                      aria-label="Increase Value"
-                      className="ant-input-number-handler ant-input-number-handler-up"
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      role="button"
-                      unselectable="on"
+                      aria-label="up"
+                      className="anticon anticon-up ant-input-number-handler-up-inner"
+                      role="img"
                     >
-                      <span
-                        aria-label="up"
-                        className="anticon anticon-up ant-input-number-handler-up-inner"
-                        role="img"
+                      <svg
+                        aria-hidden="true"
+                        data-icon="up"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="up"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                          />
-                        </svg>
-                      </span>
+                        <path
+                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                        />
+                      </svg>
                     </span>
+                  </span>
+                  <span
+                    aria-disabled={false}
+                    aria-label="Decrease Value"
+                    className="ant-input-number-handler ant-input-number-handler-down"
+                    onMouseDown={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseUp={[Function]}
+                    role="button"
+                    unselectable="on"
+                  >
                     <span
-                      aria-disabled={false}
-                      aria-label="Decrease Value"
-                      className="ant-input-number-handler ant-input-number-handler-down"
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      role="button"
-                      unselectable="on"
+                      aria-label="down"
+                      className="anticon anticon-down ant-input-number-handler-down-inner"
+                      role="img"
                     >
-                      <span
-                        aria-label="down"
-                        className="anticon anticon-down ant-input-number-handler-down-inner"
-                        role="img"
+                      <svg
+                        aria-hidden="true"
+                        data-icon="down"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
+                        <path
+                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                        />
+                      </svg>
                     </span>
-                  </div>
-                  <div
-                    className="ant-input-number-input-wrap"
-                  >
-                    <input
-                      aria-describedby="root__error root__description root__help"
-                      aria-valuenow="0"
-                      autoComplete="off"
-                      className="ant-input-number-input"
-                      disabled={false}
-                      id="root"
-                      name="root"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      placeholder=""
-                      role="spinbutton"
-                      step={1}
-                      type="number"
-                      value="0"
-                    />
-                  </div>
+                  </span>
+                </div>
+                <div
+                  className="ant-input-number-input-wrap"
+                >
+                  <input
+                    aria-describedby="root__error root__description root__help"
+                    aria-valuenow="0"
+                    autoComplete="off"
+                    className="ant-input-number-input"
+                    disabled={false}
+                    id="root"
+                    name="root"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    role="spinbutton"
+                    step={1}
+                    type="number"
+                    value="0"
+                  />
                 </div>
-                <span
-                  className="ant-input-number-suffix"
-                />
               </div>
             </div>
           </div>
@@ -1613,9 +1629,10 @@ exports[`single fields number field 0 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1635,14 +1652,14 @@ exports[`single fields number field 1`] = `
     className="form-group field field-number"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1652,8 +1669,14 @@ exports[`single fields number field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                onMouseUp={[Function]}
+                className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                onBeforeInput={[Function]}
+                onBlur={[Function]}
+                onCompositionEnd={[Function]}
+                onCompositionStart={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
                 style={
                   {
                     "width": "100%",
@@ -1661,105 +1684,90 @@ exports[`single fields number field 1`] = `
                 }
               >
                 <div
-                  className="ant-input-number ant-input-number-in-form-item"
-                  onBeforeInput={[Function]}
-                  onBlur={[Function]}
-                  onCompositionEnd={[Function]}
-                  onCompositionStart={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onKeyUp={[Function]}
-                  style={null}
+                  className="ant-input-number-handler-wrap"
                 >
-                  <div
-                    className="ant-input-number-handler-wrap"
+                  <span
+                    aria-disabled={false}
+                    aria-label="Increase Value"
+                    className="ant-input-number-handler ant-input-number-handler-up"
+                    onMouseDown={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseUp={[Function]}
+                    role="button"
+                    unselectable="on"
                   >
                     <span
-                      aria-disabled={false}
-                      aria-label="Increase Value"
-                      className="ant-input-number-handler ant-input-number-handler-up"
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      role="button"
-                      unselectable="on"
+                      aria-label="up"
+                      className="anticon anticon-up ant-input-number-handler-up-inner"
+                      role="img"
                     >
-                      <span
-                        aria-label="up"
-                        className="anticon anticon-up ant-input-number-handler-up-inner"
-                        role="img"
+                      <svg
+                        aria-hidden="true"
+                        data-icon="up"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="up"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                          />
-                        </svg>
-                      </span>
+                        <path
+                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                        />
+                      </svg>
                     </span>
+                  </span>
+                  <span
+                    aria-disabled={false}
+                    aria-label="Decrease Value"
+                    className="ant-input-number-handler ant-input-number-handler-down"
+                    onMouseDown={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseUp={[Function]}
+                    role="button"
+                    unselectable="on"
+                  >
                     <span
-                      aria-disabled={false}
-                      aria-label="Decrease Value"
-                      className="ant-input-number-handler ant-input-number-handler-down"
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      role="button"
-                      unselectable="on"
+                      aria-label="down"
+                      className="anticon anticon-down ant-input-number-handler-down-inner"
+                      role="img"
                     >
-                      <span
-                        aria-label="down"
-                        className="anticon anticon-down ant-input-number-handler-down-inner"
-                        role="img"
+                      <svg
+                        aria-hidden="true"
+                        data-icon="down"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
+                        <path
+                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                        />
+                      </svg>
                     </span>
-                  </div>
-                  <div
-                    className="ant-input-number-input-wrap"
-                  >
-                    <input
-                      aria-describedby="root__error root__description root__help"
-                      aria-valuenow={null}
-                      autoComplete="off"
-                      className="ant-input-number-input"
-                      disabled={false}
-                      id="root"
-                      name="root"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      placeholder=""
-                      role="spinbutton"
-                      step={1}
-                      type="number"
-                      value=""
-                    />
-                  </div>
+                  </span>
+                </div>
+                <div
+                  className="ant-input-number-input-wrap"
+                >
+                  <input
+                    aria-describedby="root__error root__description root__help"
+                    aria-valuenow={null}
+                    autoComplete="off"
+                    className="ant-input-number-input"
+                    disabled={false}
+                    id="root"
+                    name="root"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    role="spinbutton"
+                    step={1}
+                    type="number"
+                    value=""
+                  />
                 </div>
-                <span
-                  className="ant-input-number-suffix"
-                />
               </div>
             </div>
           </div>
@@ -1768,9 +1776,10 @@ exports[`single fields number field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1790,14 +1799,14 @@ exports[`single fields password field 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1807,12 +1816,14 @@ exports[`single fields password field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
+                style={{}}
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -1821,7 +1832,6 @@ exports[`single fields password field 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="password"
                   value=""
                 />
@@ -1863,9 +1873,10 @@ exports[`single fields password field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1885,14 +1896,14 @@ exports[`single fields radio field 1`] = `
     className="form-group field field-boolean"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1903,16 +1914,17 @@ exports[`single fields radio field 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-radio-group ant-radio-group-outline"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-byeoj0"
                 id="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
               >
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item"
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                  style={{}}
                 >
                   <span
-                    className="ant-radio"
+                    className="ant-radio ant-wave-target"
                   >
                     <input
                       autoFocus={false}
@@ -1934,10 +1946,11 @@ exports[`single fields radio field 1`] = `
                   </span>
                 </label>
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item"
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-byeoj0"
+                  style={{}}
                 >
                   <span
-                    className="ant-radio"
+                    className="ant-radio ant-wave-target"
                   >
                     <input
                       autoFocus={false}
@@ -1966,9 +1979,10 @@ exports[`single fields radio field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1988,14 +2002,14 @@ exports[`single fields schema examples 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2005,7 +2019,7 @@ exports[`single fields schema examples 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -2015,7 +2029,8 @@ exports[`single fields schema examples 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help root__examples"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   list="root__examples"
@@ -2025,7 +2040,6 @@ exports[`single fields schema examples 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="text"
                   value=""
                 />
@@ -2059,9 +2073,10 @@ exports[`single fields schema examples 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2081,14 +2096,14 @@ exports[`single fields select field 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2099,7 +2114,7 @@ exports[`single fields select field 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-has-feedback ant-select-single ant-select-show-arrow"
+                className="ant-select ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-byeoj0 ant-select-single ant-select-show-arrow"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2121,11 +2136,12 @@ exports[`single fields select field 1`] = `
                     className="ant-select-selection-search"
                   >
                     <input
-                      aria-activedescendant="root_list_0"
                       aria-autocomplete="list"
                       aria-controls="root_list"
                       aria-describedby="root__error root__description root__help"
+                      aria-expanded={false}
                       aria-haspopup="listbox"
+                      aria-label="Search"
                       aria-owns="root_list"
                       autoComplete="off"
                       autoFocus={false}
@@ -2196,9 +2212,10 @@ exports[`single fields select field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2218,14 +2235,14 @@ exports[`single fields select field multiple choice 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2236,7 +2253,7 @@ exports[`single fields select field multiple choice 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2281,11 +2298,12 @@ exports[`single fields select field multiple choice 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -2323,6 +2341,38 @@ exports[`single fields select field multiple choice 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -2331,9 +2381,10 @@ exports[`single fields select field multiple choice 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2353,14 +2404,14 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2371,7 +2422,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2416,11 +2467,12 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -2458,6 +2510,38 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -2466,9 +2550,10 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2488,14 +2573,14 @@ exports[`single fields select field multiple choice formData 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2506,7 +2591,7 @@ exports[`single fields select field multiple choice formData 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2571,7 +2656,7 @@ exports[`single fields select field multiple choice formData 1`] = `
                               aria-hidden="true"
                               data-icon="close"
                               fill="currentColor"
-                              fill-rule="evenodd"
+                              fillRule="evenodd"
                               focusable="false"
                               height="1em"
                               viewBox="64 64 896 896"
@@ -2629,7 +2714,7 @@ exports[`single fields select field multiple choice formData 1`] = `
                               aria-hidden="true"
                               data-icon="close"
                               fill="currentColor"
-                              fill-rule="evenodd"
+                              fillRule="evenodd"
                               focusable="false"
                               height="1em"
                               viewBox="64 64 896 896"
@@ -2667,11 +2752,12 @@ exports[`single fields select field multiple choice formData 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -2706,6 +2792,38 @@ exports[`single fields select field multiple choice formData 1`] = `
                     </div>
                   </div>
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -2714,9 +2832,10 @@ exports[`single fields select field multiple choice formData 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2736,14 +2855,14 @@ exports[`single fields select field multiple choice with labels 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2754,7 +2873,7 @@ exports[`single fields select field multiple choice with labels 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-multiple ant-select-show-search"
+                className="ant-select ant-select-in-form-item css-dev-only-do-not-override-byeoj0 ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2799,11 +2918,12 @@ exports[`single fields select field multiple choice with labels 1`] = `
                         }
                       >
                         <input
-                          aria-activedescendant="root_list_0"
                           aria-autocomplete="list"
                           aria-controls="root_list"
                           aria-describedby="root__error root__description root__help"
+                          aria-expanded={false}
                           aria-haspopup="listbox"
+                          aria-label="Search"
                           aria-owns="root_list"
                           autoComplete="off"
                           autoFocus={false}
@@ -2841,6 +2961,38 @@ exports[`single fields select field multiple choice with labels 1`] = `
                     className="ant-select-selection-placeholder"
                   />
                 </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -2849,9 +3001,10 @@ exports[`single fields select field multiple choice with labels 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2871,14 +3024,14 @@ exports[`single fields select field single choice enumDisabled 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2889,7 +3042,7 @@ exports[`single fields select field single choice enumDisabled 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-has-feedback ant-select-single ant-select-show-arrow"
+                className="ant-select ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-byeoj0 ant-select-single ant-select-show-arrow"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2911,11 +3064,12 @@ exports[`single fields select field single choice enumDisabled 1`] = `
                     className="ant-select-selection-search"
                   >
                     <input
-                      aria-activedescendant="root_list_0"
                       aria-autocomplete="list"
                       aria-controls="root_list"
                       aria-describedby="root__error root__description root__help"
+                      aria-expanded={false}
                       aria-haspopup="listbox"
+                      aria-label="Search"
                       aria-owns="root_list"
                       autoComplete="off"
                       autoFocus={false}
@@ -2986,9 +3140,10 @@ exports[`single fields select field single choice enumDisabled 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3008,14 +3163,14 @@ exports[`single fields select field single choice formData 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3026,7 +3181,7 @@ exports[`single fields select field single choice formData 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-in-form-item ant-select-has-feedback ant-select-single ant-select-show-arrow"
+                className="ant-select ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-byeoj0 ant-select-single ant-select-show-arrow"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -3048,11 +3203,12 @@ exports[`single fields select field single choice formData 1`] = `
                     className="ant-select-selection-search"
                   >
                     <input
-                      aria-activedescendant="root_list_0"
                       aria-autocomplete="list"
                       aria-controls="root_list"
                       aria-describedby="root__error root__description root__help"
+                      aria-expanded={false}
                       aria-haspopup="listbox"
+                      aria-label="Search"
                       aria-owns="root_list"
                       autoComplete="off"
                       autoFocus={false}
@@ -3124,9 +3280,10 @@ exports[`single fields select field single choice formData 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3146,14 +3303,14 @@ exports[`single fields slider field 1`] = `
     className="form-group field field-integer"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3163,8 +3320,9 @@ exports[`single fields slider field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-slider ant-slider-horizontal"
+                className="ant-slider css-dev-only-do-not-override-byeoj0 ant-slider-horizontal"
                 onMouseDown={[Function]}
+                style={{}}
               >
                 <div
                   className="ant-slider-rail"
@@ -3195,6 +3353,8 @@ exports[`single fields slider field 1`] = `
                   onMouseDown={[Function]}
                   onMouseEnter={[Function]}
                   onMouseLeave={[Function]}
+                  onPointerEnter={[Function]}
+                  onPointerLeave={[Function]}
                   onTouchStart={[Function]}
                   role="slider"
                   style={
@@ -3213,9 +3373,10 @@ exports[`single fields slider field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3235,14 +3396,14 @@ exports[`single fields string field format data-url 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3253,7 +3414,7 @@ exports[`single fields string field format data-url 1`] = `
             >
               <div>
                 <span
-                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                   onClick={[Function]}
                   style={
                     {
@@ -3263,7 +3424,8 @@ exports[`single fields string field format data-url 1`] = `
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
-                    className="ant-input"
+                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                    disabled={false}
                     hidden={null}
                     id="root"
                     name="root"
@@ -3272,7 +3434,6 @@ exports[`single fields string field format data-url 1`] = `
                     onFocus={[Function]}
                     onKeyDown={[Function]}
                     placeholder=""
-                    style={null}
                     type="file"
                     value=""
                   />
@@ -3288,9 +3449,10 @@ exports[`single fields string field format data-url 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3310,14 +3472,14 @@ exports[`single fields string field format email 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3327,7 +3489,7 @@ exports[`single fields string field format email 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -3337,7 +3499,8 @@ exports[`single fields string field format email 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -3346,7 +3509,6 @@ exports[`single fields string field format email 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="email"
                   value=""
                 />
@@ -3361,9 +3523,10 @@ exports[`single fields string field format email 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3383,14 +3546,14 @@ exports[`single fields string field format uri 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3400,7 +3563,7 @@ exports[`single fields string field format uri 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -3410,7 +3573,8 @@ exports[`single fields string field format uri 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -3419,7 +3583,6 @@ exports[`single fields string field format uri 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="url"
                   value=""
                 />
@@ -3434,9 +3597,10 @@ exports[`single fields string field format uri 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3456,14 +3620,14 @@ exports[`single fields string field regular 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3473,7 +3637,7 @@ exports[`single fields string field regular 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -3483,7 +3647,8 @@ exports[`single fields string field regular 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -3492,7 +3657,6 @@ exports[`single fields string field regular 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="text"
                   value=""
                 />
@@ -3507,9 +3671,10 @@ exports[`single fields string field regular 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3529,14 +3694,14 @@ exports[`single fields string field with placeholder 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3546,7 +3711,7 @@ exports[`single fields string field with placeholder 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -3556,7 +3721,8 @@ exports[`single fields string field with placeholder 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -3565,7 +3731,6 @@ exports[`single fields string field with placeholder 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder="placeholder"
-                  style={null}
                   type="text"
                   value=""
                 />
@@ -3580,9 +3745,10 @@ exports[`single fields string field with placeholder 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3602,14 +3768,14 @@ exports[`single fields textarea field 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3618,9 +3784,9 @@ exports[`single fields textarea field 1`] = `
             <div
               className="ant-form-item-control-input-content"
             >
-              <div
-                className="ant-input-textarea ant-input-textarea-in-form-item ant-input-textarea-has-feedback"
-                data-count="0"
+              <span
+                className="ant-input-affix-wrapper ant-input-textarea-affix-wrapper css-dev-only-do-not-override-byeoj0"
+                onClick={[Function]}
                 style={
                   {
                     "width": "100%",
@@ -3629,8 +3795,9 @@ exports[`single fields textarea field 1`] = `
               >
                 <textarea
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
                   disabled={false}
+                  hidden={null}
                   id="root"
                   name="root"
                   onBlur={[Function]}
@@ -3643,16 +3810,20 @@ exports[`single fields textarea field 1`] = `
                   rows={4}
                   style={
                     {
-                      "width": "100%",
+                      "resize": undefined,
                     }
                   }
                   type="textarea"
                   value=""
                 />
                 <span
-                  className="ant-input-textarea-suffix"
-                />
-              </div>
+                  className="ant-input-suffix"
+                >
+                  <span
+                    className="ant-input-textarea-suffix"
+                  />
+                </span>
+              </span>
             </div>
           </div>
         </div>
@@ -3660,9 +3831,10 @@ exports[`single fields textarea field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3682,14 +3854,14 @@ exports[`single fields title field 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3702,7 +3874,7 @@ exports[`single fields title field 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -3711,7 +3883,7 @@ exports[`single fields title field 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3729,7 +3901,7 @@ exports[`single fields title field 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3741,14 +3913,14 @@ exports[`single fields title field 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -3760,7 +3932,7 @@ exports[`single fields title field 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -3770,7 +3942,7 @@ exports[`single fields title field 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -3780,7 +3952,8 @@ exports[`single fields title field 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_title__error root_title__description root_title__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_title"
                                     name="root_title"
@@ -3789,7 +3962,6 @@ exports[`single fields title field 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -3813,9 +3985,10 @@ exports[`single fields title field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3835,14 +4008,14 @@ exports[`single fields unsupported field 1`] = `
     className="form-group field field-undefined"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3878,9 +4051,10 @@ exports[`single fields unsupported field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3900,14 +4074,14 @@ exports[`single fields up/down field 1`] = `
     className="form-group field field-number"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3917,8 +4091,14 @@ exports[`single fields up/down field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                onMouseUp={[Function]}
+                className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                onBeforeInput={[Function]}
+                onBlur={[Function]}
+                onCompositionEnd={[Function]}
+                onCompositionStart={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
                 style={
                   {
                     "width": "100%",
@@ -3926,105 +4106,90 @@ exports[`single fields up/down field 1`] = `
                 }
               >
                 <div
-                  className="ant-input-number ant-input-number-in-form-item"
-                  onBeforeInput={[Function]}
-                  onBlur={[Function]}
-                  onCompositionEnd={[Function]}
-                  onCompositionStart={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onKeyUp={[Function]}
-                  style={null}
+                  className="ant-input-number-handler-wrap"
                 >
-                  <div
-                    className="ant-input-number-handler-wrap"
+                  <span
+                    aria-disabled={false}
+                    aria-label="Increase Value"
+                    className="ant-input-number-handler ant-input-number-handler-up"
+                    onMouseDown={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseUp={[Function]}
+                    role="button"
+                    unselectable="on"
                   >
                     <span
-                      aria-disabled={false}
-                      aria-label="Increase Value"
-                      className="ant-input-number-handler ant-input-number-handler-up"
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      role="button"
-                      unselectable="on"
+                      aria-label="up"
+                      className="anticon anticon-up ant-input-number-handler-up-inner"
+                      role="img"
                     >
-                      <span
-                        aria-label="up"
-                        className="anticon anticon-up ant-input-number-handler-up-inner"
-                        role="img"
+                      <svg
+                        aria-hidden="true"
+                        data-icon="up"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="up"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                          />
-                        </svg>
-                      </span>
+                        <path
+                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                        />
+                      </svg>
                     </span>
+                  </span>
+                  <span
+                    aria-disabled={false}
+                    aria-label="Decrease Value"
+                    className="ant-input-number-handler ant-input-number-handler-down"
+                    onMouseDown={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseUp={[Function]}
+                    role="button"
+                    unselectable="on"
+                  >
                     <span
-                      aria-disabled={false}
-                      aria-label="Decrease Value"
-                      className="ant-input-number-handler ant-input-number-handler-down"
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      role="button"
-                      unselectable="on"
+                      aria-label="down"
+                      className="anticon anticon-down ant-input-number-handler-down-inner"
+                      role="img"
                     >
-                      <span
-                        aria-label="down"
-                        className="anticon anticon-down ant-input-number-handler-down-inner"
-                        role="img"
+                      <svg
+                        aria-hidden="true"
+                        data-icon="down"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
+                        <path
+                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                        />
+                      </svg>
                     </span>
-                  </div>
-                  <div
-                    className="ant-input-number-input-wrap"
-                  >
-                    <input
-                      aria-describedby="root__error root__description root__help"
-                      aria-valuenow={null}
-                      autoComplete="off"
-                      className="ant-input-number-input"
-                      disabled={false}
-                      id="root"
-                      name="root"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      placeholder=""
-                      role="spinbutton"
-                      step={1}
-                      type="number"
-                      value=""
-                    />
-                  </div>
+                  </span>
+                </div>
+                <div
+                  className="ant-input-number-input-wrap"
+                >
+                  <input
+                    aria-describedby="root__error root__description root__help"
+                    aria-valuenow={null}
+                    autoComplete="off"
+                    className="ant-input-number-input"
+                    disabled={false}
+                    id="root"
+                    name="root"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    role="spinbutton"
+                    step={1}
+                    type="number"
+                    value=""
+                  />
                 </div>
-                <span
-                  className="ant-input-number-suffix"
-                />
               </div>
             </div>
           </div>
@@ -4033,9 +4198,10 @@ exports[`single fields up/down field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -4055,14 +4221,14 @@ exports[`single fields using custom tagName 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -4072,7 +4238,7 @@ exports[`single fields using custom tagName 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                 onClick={[Function]}
                 style={
                   {
@@ -4082,7 +4248,8 @@ exports[`single fields using custom tagName 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input"
+                  className="ant-input css-dev-only-do-not-override-byeoj0"
+                  disabled={false}
                   hidden={null}
                   id="root"
                   name="root"
@@ -4091,7 +4258,6 @@ exports[`single fields using custom tagName 1`] = `
                   onFocus={[Function]}
                   onKeyDown={[Function]}
                   placeholder=""
-                  style={null}
                   type="text"
                   value=""
                 />
@@ -4106,9 +4272,10 @@ exports[`single fields using custom tagName 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
diff --git a/packages/antd/test/__snapshots__/Object.test.tsx.snap b/packages/antd/test/__snapshots__/Object.test.tsx.snap
index 2db092571a..43bd5f1245 100644
--- a/packages/antd/test/__snapshots__/Object.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Object.test.tsx.snap
@@ -10,14 +10,14 @@ exports[`object fields additionalProperties 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -30,7 +30,7 @@ exports[`object fields additionalProperties 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -40,7 +40,7 @@ exports[`object fields additionalProperties 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -52,7 +52,7 @@ exports[`object fields additionalProperties 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -61,7 +61,7 @@ exports[`object fields additionalProperties 1`] = `
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -74,14 +74,14 @@ exports[`object fields additionalProperties 1`] = `
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -93,7 +93,7 @@ exports[`object fields additionalProperties 1`] = `
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -103,7 +103,7 @@ exports[`object fields additionalProperties 1`] = `
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -112,7 +112,8 @@ exports[`object fields additionalProperties 1`] = `
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -120,7 +121,6 @@ exports[`object fields additionalProperties 1`] = `
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="foo"
                                         />
@@ -136,7 +136,7 @@ exports[`object fields additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -146,14 +146,14 @@ exports[`object fields additionalProperties 1`] = `
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -165,7 +165,7 @@ exports[`object fields additionalProperties 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -175,7 +175,7 @@ exports[`object fields additionalProperties 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -185,7 +185,8 @@ exports[`object fields additionalProperties 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_foo"
                                         name="root_foo"
@@ -194,7 +195,6 @@ exports[`object fields additionalProperties 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="foo"
                                       />
@@ -209,7 +209,7 @@ exports[`object fields additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -219,30 +219,36 @@ exports[`object fields additionalProperties 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -251,11 +257,11 @@ exports[`object fields additionalProperties 1`] = `
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -264,7 +270,7 @@ exports[`object fields additionalProperties 1`] = `
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -274,33 +280,39 @@ exports[`object fields additionalProperties 1`] = `
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -314,9 +326,10 @@ exports[`object fields additionalProperties 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -336,14 +349,14 @@ exports[`object fields object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -356,7 +369,7 @@ exports[`object fields object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -366,7 +379,7 @@ exports[`object fields object 1`] = `
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -378,14 +391,14 @@ exports[`object fields object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -397,7 +410,7 @@ exports[`object fields object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -407,7 +420,7 @@ exports[`object fields object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -417,7 +430,8 @@ exports[`object fields object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_a"
                                     name="root_a"
@@ -426,7 +440,6 @@ exports[`object fields object 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -442,7 +455,7 @@ exports[`object fields object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -454,14 +467,14 @@ exports[`object fields object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -473,7 +486,7 @@ exports[`object fields object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -483,8 +496,14 @@ exports[`object fields object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                  onMouseUp={[Function]}
+                                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                  onBeforeInput={[Function]}
+                                  onBlur={[Function]}
+                                  onCompositionEnd={[Function]}
+                                  onCompositionStart={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
                                   style={
                                     {
                                       "width": "100%",
@@ -492,105 +511,90 @@ exports[`object fields object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item"
-                                    onBeforeInput={[Function]}
-                                    onBlur={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onFocus={[Function]}
-                                    onKeyDown={[Function]}
-                                    onKeyUp={[Function]}
-                                    style={null}
+                                    className="ant-input-number-handler-wrap"
                                   >
-                                    <div
-                                      className="ant-input-number-handler-wrap"
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Increase Value"
+                                      className="ant-input-number-handler ant-input-number-handler-up"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
                                     >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Increase Value"
-                                        className="ant-input-number-handler ant-input-number-handler-up"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="up"
+                                        className="anticon anticon-up ant-input-number-handler-up-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="up"
-                                          className="anticon anticon-up ant-input-number-handler-up-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="up"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="up"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                          />
+                                        </svg>
                                       </span>
+                                    </span>
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Decrease Value"
+                                      className="ant-input-number-handler ant-input-number-handler-down"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
+                                    >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Decrease Value"
-                                        className="ant-input-number-handler ant-input-number-handler-down"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="down"
+                                        className="anticon anticon-down ant-input-number-handler-down-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="down"
-                                          className="anticon anticon-down ant-input-number-handler-down-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="down"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          />
+                                        </svg>
                                       </span>
-                                    </div>
-                                    <div
-                                      className="ant-input-number-input-wrap"
-                                    >
-                                      <input
-                                        aria-describedby="root_b__error root_b__description root_b__help"
-                                        aria-valuenow={null}
-                                        autoComplete="off"
-                                        className="ant-input-number-input"
-                                        disabled={false}
-                                        id="root_b"
-                                        name="root_b"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        placeholder=""
-                                        role="spinbutton"
-                                        step={1}
-                                        type="number"
-                                        value=""
-                                      />
-                                    </div>
+                                    </span>
+                                  </div>
+                                  <div
+                                    className="ant-input-number-input-wrap"
+                                  >
+                                    <input
+                                      aria-describedby="root_b__error root_b__description root_b__help"
+                                      aria-valuenow={null}
+                                      autoComplete="off"
+                                      className="ant-input-number-input"
+                                      disabled={false}
+                                      id="root_b"
+                                      name="root_b"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      role="spinbutton"
+                                      step={1}
+                                      type="number"
+                                      value=""
+                                    />
                                   </div>
-                                  <span
-                                    className="ant-input-number-suffix"
-                                  />
                                 </div>
                               </div>
                             </div>
@@ -608,9 +612,10 @@ exports[`object fields object 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -630,14 +635,14 @@ exports[`object fields show add button and fields if additionalProperties is tru
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -650,7 +655,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -660,7 +665,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -672,7 +677,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -681,7 +686,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -694,14 +699,14 @@ exports[`object fields show add button and fields if additionalProperties is tru
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -713,7 +718,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -723,7 +728,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -732,7 +737,8 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -740,7 +746,6 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -756,7 +761,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -766,14 +771,14 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -785,7 +790,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -795,7 +800,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -805,7 +810,8 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -814,7 +820,6 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="should appear"
                                       />
@@ -829,7 +834,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -839,30 +844,36 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -871,11 +882,11 @@ exports[`object fields show add button and fields if additionalProperties is tru
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -884,7 +895,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -894,33 +905,39 @@ exports[`object fields show add button and fields if additionalProperties is tru
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -934,9 +951,10 @@ exports[`object fields show add button and fields if additionalProperties is tru
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -956,14 +974,14 @@ exports[`object fields with title and description additionalProperties 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -976,7 +994,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -985,7 +1003,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1003,7 +1021,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1019,7 +1037,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1031,7 +1049,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -1040,7 +1058,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -1053,14 +1071,14 @@ exports[`object fields with title and description additionalProperties 1`] = `
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -1072,7 +1090,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -1082,7 +1100,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -1091,7 +1109,8 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -1099,7 +1118,6 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="foo"
                                         />
@@ -1115,7 +1133,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -1125,14 +1143,14 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -1144,7 +1162,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -1154,7 +1172,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1164,7 +1182,8 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_foo"
                                         name="root_foo"
@@ -1173,7 +1192,6 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="foo"
                                       />
@@ -1188,7 +1206,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -1198,30 +1216,36 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -1230,11 +1254,11 @@ exports[`object fields with title and description additionalProperties 1`] = `
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -1243,7 +1267,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -1253,33 +1277,39 @@ exports[`object fields with title and description additionalProperties 1`] = `
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -1302,9 +1332,10 @@ exports[`object fields with title and description additionalProperties 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1324,14 +1355,14 @@ exports[`object fields with title and description from both additionalProperties
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1344,7 +1375,7 @@ exports[`object fields with title and description from both additionalProperties
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1353,7 +1384,7 @@ exports[`object fields with title and description from both additionalProperties
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1371,7 +1402,7 @@ exports[`object fields with title and description from both additionalProperties
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1387,7 +1418,7 @@ exports[`object fields with title and description from both additionalProperties
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1399,7 +1430,7 @@ exports[`object fields with title and description from both additionalProperties
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -1408,7 +1439,7 @@ exports[`object fields with title and description from both additionalProperties
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -1421,14 +1452,14 @@ exports[`object fields with title and description from both additionalProperties
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -1440,7 +1471,7 @@ exports[`object fields with title and description from both additionalProperties
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -1450,7 +1481,7 @@ exports[`object fields with title and description from both additionalProperties
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -1459,7 +1490,8 @@ exports[`object fields with title and description from both additionalProperties
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -1467,7 +1499,6 @@ exports[`object fields with title and description from both additionalProperties
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="foo"
                                         />
@@ -1483,7 +1514,7 @@ exports[`object fields with title and description from both additionalProperties
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -1493,14 +1524,14 @@ exports[`object fields with title and description from both additionalProperties
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -1512,7 +1543,7 @@ exports[`object fields with title and description from both additionalProperties
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -1522,7 +1553,7 @@ exports[`object fields with title and description from both additionalProperties
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1532,7 +1563,8 @@ exports[`object fields with title and description from both additionalProperties
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_foo"
                                         name="root_foo"
@@ -1541,7 +1573,6 @@ exports[`object fields with title and description from both additionalProperties
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="foo"
                                       />
@@ -1556,7 +1587,7 @@ exports[`object fields with title and description from both additionalProperties
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -1566,30 +1597,36 @@ exports[`object fields with title and description from both additionalProperties
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -1598,11 +1635,11 @@ exports[`object fields with title and description from both additionalProperties
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -1611,7 +1648,7 @@ exports[`object fields with title and description from both additionalProperties
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -1621,33 +1658,39 @@ exports[`object fields with title and description from both additionalProperties
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -1670,9 +1713,10 @@ exports[`object fields with title and description from both additionalProperties
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -1692,14 +1736,14 @@ exports[`object fields with title and description from both object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -1712,7 +1756,7 @@ exports[`object fields with title and description from both object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -1721,7 +1765,7 @@ exports[`object fields with title and description from both object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1739,7 +1783,7 @@ exports[`object fields with title and description from both object 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1755,7 +1799,7 @@ exports[`object fields with title and description from both object 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1767,14 +1811,14 @@ exports[`object fields with title and description from both object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -1786,7 +1830,7 @@ exports[`object fields with title and description from both object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -1796,7 +1840,7 @@ exports[`object fields with title and description from both object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1806,7 +1850,8 @@ exports[`object fields with title and description from both object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_a"
                                     name="root_a"
@@ -1815,7 +1860,6 @@ exports[`object fields with title and description from both object 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -1840,7 +1884,7 @@ exports[`object fields with title and description from both object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1852,14 +1896,14 @@ exports[`object fields with title and description from both object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -1871,7 +1915,7 @@ exports[`object fields with title and description from both object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -1881,8 +1925,14 @@ exports[`object fields with title and description from both object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                  onMouseUp={[Function]}
+                                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                  onBeforeInput={[Function]}
+                                  onBlur={[Function]}
+                                  onCompositionEnd={[Function]}
+                                  onCompositionStart={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
                                   style={
                                     {
                                       "width": "100%",
@@ -1890,105 +1940,90 @@ exports[`object fields with title and description from both object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item"
-                                    onBeforeInput={[Function]}
-                                    onBlur={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onFocus={[Function]}
-                                    onKeyDown={[Function]}
-                                    onKeyUp={[Function]}
-                                    style={null}
+                                    className="ant-input-number-handler-wrap"
                                   >
-                                    <div
-                                      className="ant-input-number-handler-wrap"
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Increase Value"
+                                      className="ant-input-number-handler ant-input-number-handler-up"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
                                     >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Increase Value"
-                                        className="ant-input-number-handler ant-input-number-handler-up"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="up"
+                                        className="anticon anticon-up ant-input-number-handler-up-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="up"
-                                          className="anticon anticon-up ant-input-number-handler-up-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="up"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="up"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                          />
+                                        </svg>
                                       </span>
+                                    </span>
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Decrease Value"
+                                      className="ant-input-number-handler ant-input-number-handler-down"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
+                                    >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Decrease Value"
-                                        className="ant-input-number-handler ant-input-number-handler-down"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="down"
+                                        className="anticon anticon-down ant-input-number-handler-down-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="down"
-                                          className="anticon anticon-down ant-input-number-handler-down-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="down"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          />
+                                        </svg>
                                       </span>
-                                    </div>
-                                    <div
-                                      className="ant-input-number-input-wrap"
-                                    >
-                                      <input
-                                        aria-describedby="root_b__error root_b__description root_b__help"
-                                        aria-valuenow={null}
-                                        autoComplete="off"
-                                        className="ant-input-number-input"
-                                        disabled={false}
-                                        id="root_b"
-                                        name="root_b"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        placeholder=""
-                                        role="spinbutton"
-                                        step={1}
-                                        type="number"
-                                        value=""
-                                      />
-                                    </div>
+                                    </span>
+                                  </div>
+                                  <div
+                                    className="ant-input-number-input-wrap"
+                                  >
+                                    <input
+                                      aria-describedby="root_b__error root_b__description root_b__help"
+                                      aria-valuenow={null}
+                                      autoComplete="off"
+                                      className="ant-input-number-input"
+                                      disabled={false}
+                                      id="root_b"
+                                      name="root_b"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      role="spinbutton"
+                                      step={1}
+                                      type="number"
+                                      value=""
+                                    />
                                   </div>
-                                  <span
-                                    className="ant-input-number-suffix"
-                                  />
                                 </div>
                               </div>
                             </div>
@@ -2024,9 +2059,10 @@ exports[`object fields with title and description from both object 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2046,14 +2082,14 @@ exports[`object fields with title and description from uiSchema additionalProper
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2066,7 +2102,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -2075,7 +2111,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2093,7 +2129,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2109,7 +2145,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2121,7 +2157,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -2130,7 +2166,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -2143,14 +2179,14 @@ exports[`object fields with title and description from uiSchema additionalProper
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -2162,7 +2198,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -2172,7 +2208,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -2181,7 +2217,8 @@ exports[`object fields with title and description from uiSchema additionalProper
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -2189,7 +2226,6 @@ exports[`object fields with title and description from uiSchema additionalProper
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="foo"
                                         />
@@ -2205,7 +2241,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -2215,14 +2251,14 @@ exports[`object fields with title and description from uiSchema additionalProper
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -2234,7 +2270,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -2244,7 +2280,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2254,7 +2290,8 @@ exports[`object fields with title and description from uiSchema additionalProper
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_foo"
                                         name="root_foo"
@@ -2263,7 +2300,6 @@ exports[`object fields with title and description from uiSchema additionalProper
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="foo"
                                       />
@@ -2278,7 +2314,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -2288,30 +2324,36 @@ exports[`object fields with title and description from uiSchema additionalProper
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -2320,11 +2362,11 @@ exports[`object fields with title and description from uiSchema additionalProper
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -2333,7 +2375,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -2343,33 +2385,39 @@ exports[`object fields with title and description from uiSchema additionalProper
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -2392,9 +2440,10 @@ exports[`object fields with title and description from uiSchema additionalProper
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2414,14 +2463,14 @@ exports[`object fields with title and description from uiSchema object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2434,7 +2483,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -2443,7 +2492,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2461,7 +2510,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2477,7 +2526,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2489,14 +2538,14 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -2508,7 +2557,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -2518,7 +2567,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -2528,7 +2577,8 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_a"
                                     name="root_a"
@@ -2537,7 +2587,6 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -2562,7 +2611,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2574,14 +2623,14 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -2593,7 +2642,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -2603,8 +2652,14 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                  onMouseUp={[Function]}
+                                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                  onBeforeInput={[Function]}
+                                  onBlur={[Function]}
+                                  onCompositionEnd={[Function]}
+                                  onCompositionStart={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
                                   style={
                                     {
                                       "width": "100%",
@@ -2612,105 +2667,90 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item"
-                                    onBeforeInput={[Function]}
-                                    onBlur={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onFocus={[Function]}
-                                    onKeyDown={[Function]}
-                                    onKeyUp={[Function]}
-                                    style={null}
+                                    className="ant-input-number-handler-wrap"
                                   >
-                                    <div
-                                      className="ant-input-number-handler-wrap"
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Increase Value"
+                                      className="ant-input-number-handler ant-input-number-handler-up"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
                                     >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Increase Value"
-                                        className="ant-input-number-handler ant-input-number-handler-up"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="up"
+                                        className="anticon anticon-up ant-input-number-handler-up-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="up"
-                                          className="anticon anticon-up ant-input-number-handler-up-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="up"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="up"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                          />
+                                        </svg>
                                       </span>
+                                    </span>
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Decrease Value"
+                                      className="ant-input-number-handler ant-input-number-handler-down"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
+                                    >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Decrease Value"
-                                        className="ant-input-number-handler ant-input-number-handler-down"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="down"
+                                        className="anticon anticon-down ant-input-number-handler-down-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="down"
-                                          className="anticon anticon-down ant-input-number-handler-down-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="down"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          />
+                                        </svg>
                                       </span>
-                                    </div>
-                                    <div
-                                      className="ant-input-number-input-wrap"
-                                    >
-                                      <input
-                                        aria-describedby="root_b__error root_b__description root_b__help"
-                                        aria-valuenow={null}
-                                        autoComplete="off"
-                                        className="ant-input-number-input"
-                                        disabled={false}
-                                        id="root_b"
-                                        name="root_b"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        placeholder=""
-                                        role="spinbutton"
-                                        step={1}
-                                        type="number"
-                                        value=""
-                                      />
-                                    </div>
+                                    </span>
+                                  </div>
+                                  <div
+                                    className="ant-input-number-input-wrap"
+                                  >
+                                    <input
+                                      aria-describedby="root_b__error root_b__description root_b__help"
+                                      aria-valuenow={null}
+                                      autoComplete="off"
+                                      className="ant-input-number-input"
+                                      disabled={false}
+                                      id="root_b"
+                                      name="root_b"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      role="spinbutton"
+                                      step={1}
+                                      type="number"
+                                      value=""
+                                    />
                                   </div>
-                                  <span
-                                    className="ant-input-number-suffix"
-                                  />
                                 </div>
                               </div>
                             </div>
@@ -2746,9 +2786,10 @@ exports[`object fields with title and description from uiSchema object 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -2768,14 +2809,14 @@ exports[`object fields with title and description from uiSchema show add button
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -2788,7 +2829,7 @@ exports[`object fields with title and description from uiSchema show add button
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -2797,7 +2838,7 @@ exports[`object fields with title and description from uiSchema show add button
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2815,7 +2856,7 @@ exports[`object fields with title and description from uiSchema show add button
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2831,7 +2872,7 @@ exports[`object fields with title and description from uiSchema show add button
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2843,7 +2884,7 @@ exports[`object fields with title and description from uiSchema show add button
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -2852,7 +2893,7 @@ exports[`object fields with title and description from uiSchema show add button
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -2865,14 +2906,14 @@ exports[`object fields with title and description from uiSchema show add button
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -2884,7 +2925,7 @@ exports[`object fields with title and description from uiSchema show add button
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -2894,7 +2935,7 @@ exports[`object fields with title and description from uiSchema show add button
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -2903,7 +2944,8 @@ exports[`object fields with title and description from uiSchema show add button
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -2911,7 +2953,6 @@ exports[`object fields with title and description from uiSchema show add button
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -2927,7 +2968,7 @@ exports[`object fields with title and description from uiSchema show add button
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -2937,14 +2978,14 @@ exports[`object fields with title and description from uiSchema show add button
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -2956,7 +2997,7 @@ exports[`object fields with title and description from uiSchema show add button
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -2966,7 +3007,7 @@ exports[`object fields with title and description from uiSchema show add button
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2976,7 +3017,8 @@ exports[`object fields with title and description from uiSchema show add button
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -2985,7 +3027,6 @@ exports[`object fields with title and description from uiSchema show add button
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="should appear"
                                       />
@@ -3000,7 +3041,7 @@ exports[`object fields with title and description from uiSchema show add button
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -3010,30 +3051,36 @@ exports[`object fields with title and description from uiSchema show add button
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -3042,11 +3089,11 @@ exports[`object fields with title and description from uiSchema show add button
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -3055,7 +3102,7 @@ exports[`object fields with title and description from uiSchema show add button
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -3065,33 +3112,39 @@ exports[`object fields with title and description from uiSchema show add button
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -3114,9 +3167,10 @@ exports[`object fields with title and description from uiSchema show add button
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3136,14 +3190,14 @@ exports[`object fields with title and description object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3156,7 +3210,7 @@ exports[`object fields with title and description object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -3165,7 +3219,7 @@ exports[`object fields with title and description object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3183,7 +3237,7 @@ exports[`object fields with title and description object 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3199,7 +3253,7 @@ exports[`object fields with title and description object 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3211,14 +3265,14 @@ exports[`object fields with title and description object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -3230,7 +3284,7 @@ exports[`object fields with title and description object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -3240,7 +3294,7 @@ exports[`object fields with title and description object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -3250,7 +3304,8 @@ exports[`object fields with title and description object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_a"
                                     name="root_a"
@@ -3259,7 +3314,6 @@ exports[`object fields with title and description object 1`] = `
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -3284,7 +3338,7 @@ exports[`object fields with title and description object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3296,14 +3350,14 @@ exports[`object fields with title and description object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <label
@@ -3315,7 +3369,7 @@ exports[`object fields with title and description object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -3325,8 +3379,14 @@ exports[`object fields with title and description object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                  onMouseUp={[Function]}
+                                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                  onBeforeInput={[Function]}
+                                  onBlur={[Function]}
+                                  onCompositionEnd={[Function]}
+                                  onCompositionStart={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
                                   style={
                                     {
                                       "width": "100%",
@@ -3334,105 +3394,90 @@ exports[`object fields with title and description object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item"
-                                    onBeforeInput={[Function]}
-                                    onBlur={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onFocus={[Function]}
-                                    onKeyDown={[Function]}
-                                    onKeyUp={[Function]}
-                                    style={null}
+                                    className="ant-input-number-handler-wrap"
                                   >
-                                    <div
-                                      className="ant-input-number-handler-wrap"
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Increase Value"
+                                      className="ant-input-number-handler ant-input-number-handler-up"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
                                     >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Increase Value"
-                                        className="ant-input-number-handler ant-input-number-handler-up"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="up"
+                                        className="anticon anticon-up ant-input-number-handler-up-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="up"
-                                          className="anticon anticon-up ant-input-number-handler-up-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="up"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="up"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                          />
+                                        </svg>
                                       </span>
+                                    </span>
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Decrease Value"
+                                      className="ant-input-number-handler ant-input-number-handler-down"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
+                                    >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Decrease Value"
-                                        className="ant-input-number-handler ant-input-number-handler-down"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="down"
+                                        className="anticon anticon-down ant-input-number-handler-down-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="down"
-                                          className="anticon anticon-down ant-input-number-handler-down-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="down"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          />
+                                        </svg>
                                       </span>
-                                    </div>
-                                    <div
-                                      className="ant-input-number-input-wrap"
-                                    >
-                                      <input
-                                        aria-describedby="root_b__error root_b__description root_b__help"
-                                        aria-valuenow={null}
-                                        autoComplete="off"
-                                        className="ant-input-number-input"
-                                        disabled={false}
-                                        id="root_b"
-                                        name="root_b"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        placeholder=""
-                                        role="spinbutton"
-                                        step={1}
-                                        type="number"
-                                        value=""
-                                      />
-                                    </div>
+                                    </span>
+                                  </div>
+                                  <div
+                                    className="ant-input-number-input-wrap"
+                                  >
+                                    <input
+                                      aria-describedby="root_b__error root_b__description root_b__help"
+                                      aria-valuenow={null}
+                                      autoComplete="off"
+                                      className="ant-input-number-input"
+                                      disabled={false}
+                                      id="root_b"
+                                      name="root_b"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      role="spinbutton"
+                                      step={1}
+                                      type="number"
+                                      value=""
+                                    />
                                   </div>
-                                  <span
-                                    className="ant-input-number-suffix"
-                                  />
                                 </div>
                               </div>
                             </div>
@@ -3468,9 +3513,10 @@ exports[`object fields with title and description object 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3490,14 +3536,14 @@ exports[`object fields with title and description show add button and fields if
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3510,7 +3556,7 @@ exports[`object fields with title and description show add button and fields if
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -3519,7 +3565,7 @@ exports[`object fields with title and description show add button and fields if
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3537,7 +3583,7 @@ exports[`object fields with title and description show add button and fields if
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3553,7 +3599,7 @@ exports[`object fields with title and description show add button and fields if
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3565,7 +3611,7 @@ exports[`object fields with title and description show add button and fields if
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -3574,7 +3620,7 @@ exports[`object fields with title and description show add button and fields if
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -3587,14 +3633,14 @@ exports[`object fields with title and description show add button and fields if
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -3606,7 +3652,7 @@ exports[`object fields with title and description show add button and fields if
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -3616,7 +3662,7 @@ exports[`object fields with title and description show add button and fields if
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -3625,7 +3671,8 @@ exports[`object fields with title and description show add button and fields if
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -3633,7 +3680,6 @@ exports[`object fields with title and description show add button and fields if
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -3649,7 +3695,7 @@ exports[`object fields with title and description show add button and fields if
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -3659,14 +3705,14 @@ exports[`object fields with title and description show add button and fields if
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <label
@@ -3678,7 +3724,7 @@ exports[`object fields with title and description show add button and fields if
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -3688,7 +3734,7 @@ exports[`object fields with title and description show add button and fields if
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3698,7 +3744,8 @@ exports[`object fields with title and description show add button and fields if
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -3707,7 +3754,6 @@ exports[`object fields with title and description show add button and fields if
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="should appear"
                                       />
@@ -3722,7 +3768,7 @@ exports[`object fields with title and description show add button and fields if
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -3732,30 +3778,36 @@ exports[`object fields with title and description show add button and fields if
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -3764,11 +3816,11 @@ exports[`object fields with title and description show add button and fields if
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -3777,7 +3829,7 @@ exports[`object fields with title and description show add button and fields if
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -3787,33 +3839,39 @@ exports[`object fields with title and description show add button and fields if
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -3836,9 +3894,10 @@ exports[`object fields with title and description show add button and fields if
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -3858,14 +3917,14 @@ exports[`object fields with title and description with global label off addition
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -3878,7 +3937,7 @@ exports[`object fields with title and description with global label off addition
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -3888,7 +3947,7 @@ exports[`object fields with title and description with global label off addition
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3900,7 +3959,7 @@ exports[`object fields with title and description with global label off addition
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -3909,7 +3968,7 @@ exports[`object fields with title and description with global label off addition
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -3922,14 +3981,14 @@ exports[`object fields with title and description with global label off addition
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -3941,7 +4000,7 @@ exports[`object fields with title and description with global label off addition
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -3951,7 +4010,7 @@ exports[`object fields with title and description with global label off addition
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -3960,7 +4019,8 @@ exports[`object fields with title and description with global label off addition
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -3968,7 +4028,6 @@ exports[`object fields with title and description with global label off addition
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="foo"
                                         />
@@ -3984,7 +4043,7 @@ exports[`object fields with title and description with global label off addition
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -3994,14 +4053,14 @@ exports[`object fields with title and description with global label off addition
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -4011,7 +4070,7 @@ exports[`object fields with title and description with global label off addition
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4021,7 +4080,8 @@ exports[`object fields with title and description with global label off addition
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_foo"
                                         name="root_foo"
@@ -4030,7 +4090,6 @@ exports[`object fields with title and description with global label off addition
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="foo"
                                       />
@@ -4045,7 +4104,7 @@ exports[`object fields with title and description with global label off addition
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -4055,30 +4114,36 @@ exports[`object fields with title and description with global label off addition
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -4087,11 +4152,11 @@ exports[`object fields with title and description with global label off addition
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -4100,7 +4165,7 @@ exports[`object fields with title and description with global label off addition
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -4110,33 +4175,39 @@ exports[`object fields with title and description with global label off addition
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -4159,9 +4230,10 @@ exports[`object fields with title and description with global label off addition
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -4181,14 +4253,14 @@ exports[`object fields with title and description with global label off object 1
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -4201,7 +4273,7 @@ exports[`object fields with title and description with global label off object 1
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -4211,7 +4283,7 @@ exports[`object fields with title and description with global label off object 1
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4223,14 +4295,14 @@ exports[`object fields with title and description with global label off object 1
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -4240,7 +4312,7 @@ exports[`object fields with title and description with global label off object 1
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                  className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -4250,7 +4322,8 @@ exports[`object fields with title and description with global label off object 1
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input"
+                                    className="ant-input css-dev-only-do-not-override-byeoj0"
+                                    disabled={false}
                                     hidden={null}
                                     id="root_a"
                                     name="root_a"
@@ -4259,7 +4332,6 @@ exports[`object fields with title and description with global label off object 1
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
                                     placeholder=""
-                                    style={null}
                                     type="text"
                                     value=""
                                   />
@@ -4284,7 +4356,7 @@ exports[`object fields with title and description with global label off object 1
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4296,14 +4368,14 @@ exports[`object fields with title and description with global label off object 1
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item"
+                        className="ant-form-item css-dev-only-do-not-override-byeoj0"
                       >
                         <div
-                          className="ant-row ant-form-item-row"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                           style={{}}
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                             style={{}}
                           >
                             <div
@@ -4313,8 +4385,14 @@ exports[`object fields with title and description with global label off object 1
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-has-feedback"
-                                  onMouseUp={[Function]}
+                                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-byeoj0"
+                                  onBeforeInput={[Function]}
+                                  onBlur={[Function]}
+                                  onCompositionEnd={[Function]}
+                                  onCompositionStart={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
                                   style={
                                     {
                                       "width": "100%",
@@ -4322,105 +4400,90 @@ exports[`object fields with title and description with global label off object 1
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item"
-                                    onBeforeInput={[Function]}
-                                    onBlur={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onFocus={[Function]}
-                                    onKeyDown={[Function]}
-                                    onKeyUp={[Function]}
-                                    style={null}
+                                    className="ant-input-number-handler-wrap"
                                   >
-                                    <div
-                                      className="ant-input-number-handler-wrap"
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Increase Value"
+                                      className="ant-input-number-handler ant-input-number-handler-up"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
                                     >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Increase Value"
-                                        className="ant-input-number-handler ant-input-number-handler-up"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="up"
+                                        className="anticon anticon-up ant-input-number-handler-up-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="up"
-                                          className="anticon anticon-up ant-input-number-handler-up-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="up"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="up"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                                          />
+                                        </svg>
                                       </span>
+                                    </span>
+                                    <span
+                                      aria-disabled={false}
+                                      aria-label="Decrease Value"
+                                      className="ant-input-number-handler ant-input-number-handler-down"
+                                      onMouseDown={[Function]}
+                                      onMouseLeave={[Function]}
+                                      onMouseUp={[Function]}
+                                      role="button"
+                                      unselectable="on"
+                                    >
                                       <span
-                                        aria-disabled={false}
-                                        aria-label="Decrease Value"
-                                        className="ant-input-number-handler ant-input-number-handler-down"
-                                        onMouseDown={[Function]}
-                                        onMouseLeave={[Function]}
-                                        onMouseUp={[Function]}
-                                        role="button"
-                                        unselectable="on"
+                                        aria-label="down"
+                                        className="anticon anticon-down ant-input-number-handler-down-inner"
+                                        role="img"
                                       >
-                                        <span
-                                          aria-label="down"
-                                          className="anticon anticon-down ant-input-number-handler-down-inner"
-                                          role="img"
+                                        <svg
+                                          aria-hidden="true"
+                                          data-icon="down"
+                                          fill="currentColor"
+                                          focusable="false"
+                                          height="1em"
+                                          viewBox="64 64 896 896"
+                                          width="1em"
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                            />
-                                          </svg>
-                                        </span>
+                                          <path
+                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          />
+                                        </svg>
                                       </span>
-                                    </div>
-                                    <div
-                                      className="ant-input-number-input-wrap"
-                                    >
-                                      <input
-                                        aria-describedby="root_b__error root_b__description root_b__help"
-                                        aria-valuenow={null}
-                                        autoComplete="off"
-                                        className="ant-input-number-input"
-                                        disabled={false}
-                                        id="root_b"
-                                        name="root_b"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        placeholder=""
-                                        role="spinbutton"
-                                        step={1}
-                                        type="number"
-                                        value=""
-                                      />
-                                    </div>
+                                    </span>
+                                  </div>
+                                  <div
+                                    className="ant-input-number-input-wrap"
+                                  >
+                                    <input
+                                      aria-describedby="root_b__error root_b__description root_b__help"
+                                      aria-valuenow={null}
+                                      autoComplete="off"
+                                      className="ant-input-number-input"
+                                      disabled={false}
+                                      id="root_b"
+                                      name="root_b"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      role="spinbutton"
+                                      step={1}
+                                      type="number"
+                                      value=""
+                                    />
                                   </div>
-                                  <span
-                                    className="ant-input-number-suffix"
-                                  />
                                 </div>
                               </div>
                             </div>
@@ -4456,9 +4519,10 @@ exports[`object fields with title and description with global label off object 1
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>
@@ -4478,14 +4542,14 @@ exports[`object fields with title and description with global label off show add
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item"
+      className="ant-form-item css-dev-only-do-not-override-byeoj0"
     >
       <div
-        className="ant-row ant-form-item-row"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
         style={{}}
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
           style={{}}
         >
           <div
@@ -4498,7 +4562,7 @@ exports[`object fields with title and description with global label off show add
                 id="root"
               >
                 <div
-                  className="ant-row"
+                  className="ant-row css-dev-only-do-not-override-byeoj0"
                   style={
                     {
                       "marginLeft": -12,
@@ -4508,7 +4572,7 @@ exports[`object fields with title and description with global label off show add
                 >
                   
                   <div
-                    className="ant-col ant-col-24"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4520,7 +4584,7 @@ exports[`object fields with title and description with global label off show add
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-byeoj0"
                         style={
                           {
                             "marginLeft": -12,
@@ -4529,7 +4593,7 @@ exports[`object fields with title and description with global label off show add
                         }
                       >
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -4542,14 +4606,14 @@ exports[`object fields with title and description with global label off show add
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group"
+                              className="ant-form-item form-group css-dev-only-do-not-override-byeoj0"
                             >
                               <div
-                                className="ant-row ant-form-item-row"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <label
@@ -4561,7 +4625,7 @@ exports[`object fields with title and description with global label off show add
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                   style={{}}
                                 >
                                   <div
@@ -4571,7 +4635,7 @@ exports[`object fields with title and description with global label off show add
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback"
+                                        className="ant-input-affix-wrapper form-control ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -4580,7 +4644,8 @@ exports[`object fields with title and description with global label off show add
                                         }
                                       >
                                         <input
-                                          className="ant-input"
+                                          className="ant-input css-dev-only-do-not-override-byeoj0"
+                                          disabled={false}
                                           hidden={null}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -4588,7 +4653,6 @@ exports[`object fields with title and description with global label off show add
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
-                                          style={null}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -4604,7 +4668,7 @@ exports[`object fields with title and description with global label off show add
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional"
+                          className="ant-col form-additional css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "1",
@@ -4614,14 +4678,14 @@ exports[`object fields with title and description with global label off show add
                           }
                         >
                           <div
-                            className="ant-form-item"
+                            className="ant-form-item css-dev-only-do-not-override-byeoj0"
                           >
                             <div
-                              className="ant-row ant-form-item-row"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-byeoj0"
                               style={{}}
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-byeoj0"
                                 style={{}}
                               >
                                 <div
@@ -4631,7 +4695,7 @@ exports[`object fields with title and description with global label off show add
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
+                                      className="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback css-dev-only-do-not-override-byeoj0"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4641,7 +4705,8 @@ exports[`object fields with title and description with global label off show add
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input"
+                                        className="ant-input css-dev-only-do-not-override-byeoj0"
+                                        disabled={false}
                                         hidden={null}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -4650,7 +4715,6 @@ exports[`object fields with title and description with global label off show add
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
                                         placeholder=""
-                                        style={null}
                                         type="text"
                                         value="should appear"
                                       />
@@ -4665,7 +4729,7 @@ exports[`object fields with title and description with global label off show add
                           </div>
                         </div>
                         <div
-                          className="ant-col"
+                          className="ant-col css-dev-only-do-not-override-byeoj0"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -4675,30 +4739,36 @@ exports[`object fields with title and description with global label off show add
                           }
                         >
                           <button
-                            className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
                             disabled={false}
                             onClick={[Function]}
+                            style={{}}
                             title="Remove"
                             type="button"
                           >
                             <span
-                              aria-label="delete"
-                              className="anticon anticon-delete"
-                              role="img"
+                              className="ant-btn-icon"
+                              style={{}}
                             >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                viewBox="64 64 896 896"
-                                width="1em"
+                              <span
+                                aria-label="delete"
+                                className="anticon anticon-delete"
+                                role="img"
                               >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="delete"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
                           </button>
                         </div>
@@ -4707,11 +4777,11 @@ exports[`object fields with title and description with global label off show add
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-byeoj0"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-byeoj0"
                     style={
                       {
                         "marginLeft": -12,
@@ -4720,7 +4790,7 @@ exports[`object fields with title and description with global label off show add
                     }
                   >
                     <div
-                      className="ant-col"
+                      className="ant-col css-dev-only-do-not-override-byeoj0"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -4730,33 +4800,39 @@ exports[`object fields with title and description with global label off show add
                       }
                     >
                       <button
-                        className="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
+                        style={{}}
                         title="Add Item"
                         type="button"
                       >
                         <span
-                          aria-label="plus-circle"
-                          className="anticon anticon-plus-circle"
-                          role="img"
+                          className="ant-btn-icon"
+                          style={{}}
                         >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="plus-circle"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            viewBox="64 64 896 896"
-                            width="1em"
+                          <span
+                            aria-label="plus-circle"
+                            className="anticon anticon-plus-circle"
+                            role="img"
                           >
-                            <path
-                              d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                            />
-                            <path
-                              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                            />
-                          </svg>
+                            <svg
+                              aria-hidden="true"
+                              data-icon="plus-circle"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                              />
+                              <path
+                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                              />
+                            </svg>
+                          </span>
                         </span>
                       </button>
                     </div>
@@ -4779,9 +4855,10 @@ exports[`object fields with title and description with global label off show add
     </div>
   </div>
   <button
-    className="ant-btn ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-byeoj0 ant-btn-submit"
     disabled={false}
     onClick={[Function]}
+    style={{}}
     type="submit"
   >
     <span>

From a1e73544b08c8d35664f3b900d5f6e6e50c7a184 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Wed, 16 Aug 2023 13:00:30 +0530
Subject: [PATCH 02/11] update playground

---
 CHANGELOG.md                                  |   6 +
 package-lock.json                             | 525 ++++++++++++------
 packages/playground/package.json              |   2 +-
 packages/playground/src/app.tsx               |   2 +-
 .../playground/src/components/DemoFrame.tsx   |   5 +
 .../playground/src/components/Playground.tsx  |   9 -
 6 files changed, 382 insertions(+), 167 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b5c3f9fd64..d0fe6c2a5c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,12 @@ it according to semantic versioning. For example, if your PR adds a breaking cha
 should change the heading of the (upcoming) version to include a major version bump.
 
 -->
+# 5.13.0
+
+## @rjsf/antd
+
+- Bump Antd version from v4 to v5. *Breaking Change* Requires Peer to install v5 now.
+
 # 5.12.1
 
 ## @rjsf/validator-ajv8
diff --git a/package-lock.json b/package-lock.json
index e6a613ddd7..0ec2eb05cf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -242,6 +242,39 @@
         "@ctrl/tinycolor": "^3.4.0"
       }
     },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.16.2.tgz",
+      "integrity": "sha512-W+LT6Xm5sEYZn7ocMAIP9LvX99woxGg1aYu15o608/uUAaJDR7LrxBu/5cnMLa6AQK1829zdoKmRnRFOxAgzEg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.0.10",
+        "rc-util": "^5.35.0",
+        "stylis": "^4.0.13"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
     "node_modules/@ant-design/icons": {
       "version": "4.8.0",
       "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-4.8.0.tgz",
@@ -8500,6 +8533,62 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@rc-component/color-picker": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.4.1.tgz",
+      "integrity": "sha512-vh5EWqnsayZa/JwUznqDaPJz39jznx/YDbyBuVJntv735tKXKwEUZZb2jYEldOg+NKWZwtALjGMrNeGBmqFoEw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@ctrl/tinycolor": "^3.6.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.30.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.3.0.tgz",
+      "integrity": "sha512-6QdaCJ7Wn5UZLJs15IEfqy4Ru3OaL5ctqpQYWd5rlfV9wwzrzdt6+kgAQZV/qdB0MUPN4nhyBfRembQCIvBf+w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/@rc-component/portal": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
@@ -8517,6 +8606,46 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/@rc-component/tour": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.8.1.tgz",
+      "integrity": "sha512-CsrQnfKgNArxx2j1RNHVLZgVA+rLrEj06lIsl4KSynMqADsqz8eKvVkr0F3p9PA10948M6WEEZt5a/FGAbGR2A==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^1.3.6",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.15.5.tgz",
+      "integrity": "sha512-HFjeco/gRGAHN3sBl5ZO44o0W6Y3i8sqCQEYcFT1RJJUb91p/uSIWejPDMzHd3DKAdTbRCM3T45jxs7Kwm17kA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-align": "^4.0.0",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.33.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/@reach/alert": {
       "version": "0.13.2",
       "resolved": "https://registry.npmjs.org/@reach/alert/-/alert-0.13.2.tgz",
@@ -10426,53 +10555,58 @@
       }
     },
     "node_modules/antd": {
-      "version": "4.24.13",
-      "resolved": "https://registry.npmjs.org/antd/-/antd-4.24.13.tgz",
-      "integrity": "sha512-N2odRsbomseCE3U845Whf+RdgmQbiWbKvWS6ggH/xHjXojHx951rmZXW4nMqAeSoUp66sQOASGtrP/SUsdA2oQ==",
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.8.3.tgz",
+      "integrity": "sha512-/DIGg/1UXyPdNLs9FYalfJO1LnnwMv2pnx9DS6ANSJwlo6fDxtb693IJWdaBuRlxgXJfARzxMNsPyFygy9N/Qw==",
       "dependencies": {
-        "@ant-design/colors": "^6.0.0",
-        "@ant-design/icons": "^4.7.0",
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/cssinjs": "^1.16.0",
+        "@ant-design/icons": "^5.2.2",
         "@ant-design/react-slick": "~1.0.0",
         "@babel/runtime": "^7.18.3",
-        "@ctrl/tinycolor": "^3.4.0",
+        "@ctrl/tinycolor": "^3.6.0",
+        "@rc-component/color-picker": "~1.4.0",
+        "@rc-component/mutate-observer": "^1.0.0",
+        "@rc-component/tour": "~1.8.1",
+        "@rc-component/trigger": "^1.15.0",
         "classnames": "^2.2.6",
         "copy-to-clipboard": "^3.2.0",
-        "lodash": "^4.17.21",
-        "moment": "^2.29.2",
-        "rc-cascader": "~3.7.0",
-        "rc-checkbox": "~3.0.0",
-        "rc-collapse": "~3.4.2",
-        "rc-dialog": "~9.0.2",
-        "rc-drawer": "~6.3.0",
-        "rc-dropdown": "~4.0.0",
-        "rc-field-form": "~1.34.0",
-        "rc-image": "~5.13.0",
-        "rc-input": "~0.1.4",
-        "rc-input-number": "~7.3.9",
-        "rc-mentions": "~1.13.1",
-        "rc-menu": "~9.8.0",
-        "rc-motion": "^2.6.1",
-        "rc-notification": "~4.6.0",
-        "rc-pagination": "~3.2.0",
-        "rc-picker": "~2.7.0",
+        "dayjs": "^1.11.1",
+        "qrcode.react": "^3.1.0",
+        "rc-cascader": "~3.14.0",
+        "rc-checkbox": "~3.1.0",
+        "rc-collapse": "~3.7.0",
+        "rc-dialog": "~9.1.0",
+        "rc-drawer": "~6.2.0",
+        "rc-dropdown": "~4.1.0",
+        "rc-field-form": "~1.36.0",
+        "rc-image": "~7.1.0",
+        "rc-input": "~1.1.0",
+        "rc-input-number": "~8.0.2",
+        "rc-mentions": "~2.5.0",
+        "rc-menu": "~9.10.0",
+        "rc-motion": "^2.7.3",
+        "rc-notification": "~5.0.4",
+        "rc-pagination": "~3.5.0",
+        "rc-picker": "~3.13.0",
         "rc-progress": "~3.4.1",
-        "rc-rate": "~2.9.0",
+        "rc-rate": "~2.12.0",
         "rc-resize-observer": "^1.2.0",
-        "rc-segmented": "~2.1.0",
-        "rc-select": "~14.1.17",
-        "rc-slider": "~10.0.0",
-        "rc-steps": "~5.0.0-alpha.2",
-        "rc-switch": "~3.2.0",
-        "rc-table": "~7.26.0",
-        "rc-tabs": "~12.5.6",
-        "rc-textarea": "~0.4.5",
-        "rc-tooltip": "~5.2.0",
-        "rc-tree": "~5.7.0",
-        "rc-tree-select": "~5.5.0",
-        "rc-trigger": "^5.2.10",
+        "rc-segmented": "~2.2.0",
+        "rc-select": "~14.7.1",
+        "rc-slider": "~10.1.0",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.32.1",
+        "rc-tabs": "~12.9.0",
+        "rc-textarea": "~1.3.3",
+        "rc-tooltip": "~6.0.0",
+        "rc-tree": "~5.7.6",
+        "rc-tree-select": "~5.11.0",
         "rc-upload": "~4.3.0",
-        "rc-util": "^5.22.5",
-        "scroll-into-view-if-needed": "^2.2.25"
+        "rc-util": "^5.32.0",
+        "scroll-into-view-if-needed": "^3.0.3",
+        "throttle-debounce": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -10483,6 +10617,70 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/antd/node_modules/@ant-design/colors": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.0.0.tgz",
+      "integrity": "sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.0"
+      }
+    },
+    "node_modules/antd/node_modules/@ant-design/icons": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.2.5.tgz",
+      "integrity": "sha512-9Jc59v5fl5dzmxqLWtRev3dJwU7Ya9ZheoI6XmZjZiQ7PRtk77rC+Rbt7GJzAPPg43RQ4YO53RE1u8n+Et97vQ==",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.3.0",
+        "@babel/runtime": "^7.11.2",
+        "classnames": "^2.2.6",
+        "lodash.camelcase": "^4.3.0",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/antd/node_modules/rc-picker": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-3.13.0.tgz",
+      "integrity": "sha512-hJ+1lGkemnvsW+t+PjH9OAehHlj7wdD0G75T1HZj0IeZTqBE/5mmuf8E8MHYATNBqW409lAfk8GwjYm1WVMopg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.30.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -23025,6 +23223,11 @@
       "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
       "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
     },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
     "node_modules/lodash.curry": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.curry/-/lodash.curry-4.1.1.tgz",
@@ -27613,6 +27816,14 @@
         "teleport": ">=0.2.0"
       }
     },
+    "node_modules/qrcode.react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
@@ -27738,16 +27949,16 @@
       }
     },
     "node_modules/rc-cascader": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.7.3.tgz",
-      "integrity": "sha512-KBpT+kzhxDW+hxPiNk4zaKa99+Lie2/8nnI11XF+FIOPl4Bj9VlFZi61GrnWzhLGA7VEN+dTxAkNOjkySDa0dA==",
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.14.1.tgz",
+      "integrity": "sha512-fCsgjLIQqYZMhFj9UT+x2ZW4uobx7OP5yivcn6Xto5fuxHaldphsryzCeUVmreQOHEo0RP+032Ip9RDzrKVKJA==",
       "dependencies": {
         "@babel/runtime": "^7.12.5",
         "array-tree-filter": "^2.1.0",
         "classnames": "^2.3.1",
-        "rc-select": "~14.1.0",
+        "rc-select": "~14.7.0",
         "rc-tree": "~5.7.0",
-        "rc-util": "^5.6.1"
+        "rc-util": "^5.35.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27755,9 +27966,9 @@
       }
     },
     "node_modules/rc-checkbox": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.0.1.tgz",
-      "integrity": "sha512-k7nxDWxYF+jDI0ZcCvuvj71xONmWRVe5+1MKcERRR9MRyP3tZ69b+yUCSXXh+sik4/Hc9P5wHr2nnUoGS2zBjA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.1.0.tgz",
+      "integrity": "sha512-PAwpJFnBa3Ei+5pyqMMXdcKYKNBMS+TvSDiLdDnARnMJHC8ESxwPfm4Ao1gJiKtWLdmGfigascnCpwrHFgoOBQ==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.3.2",
@@ -27769,15 +27980,14 @@
       }
     },
     "node_modules/rc-collapse": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.4.2.tgz",
-      "integrity": "sha512-jpTwLgJzkhAgp2Wpi3xmbTbbYExg6fkptL67Uu5LCRVEj6wqmy0DHTjjeynsjOLsppHGHu41t1ELntZ0lEvS/Q==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.7.1.tgz",
+      "integrity": "sha512-N/7ejyiTf3XElNJBBpxqnZBUuMsQWEOPjB2QkfNvZ/Ca54eAvJXuOD1EGbCWCk2m7v/MSxku7mRpdeaLOCd4Gg==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
         "rc-motion": "^2.3.4",
-        "rc-util": "^5.2.1",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.27.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27785,9 +27995,9 @@
       }
     },
     "node_modules/rc-dialog": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.0.2.tgz",
-      "integrity": "sha512-s3U+24xWUuB6Bn2Lk/Qt6rufy+uT+QvWkiFhNBcO9APLxcFFczWamaq7x9h8SCuhfc1nHcW4y8NbMsnAjNnWyg==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.1.0.tgz",
+      "integrity": "sha512-5ry+JABAWEbaKyYsmITtrJbZbJys8CtMyzV8Xn4LYuXMeUx5XVHNyJRoqLFE4AzBuXXzOWeaC49cg+XkxK6kHA==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/portal": "^1.0.0-8",
@@ -27801,9 +28011,9 @@
       }
     },
     "node_modules/rc-drawer": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-6.3.0.tgz",
-      "integrity": "sha512-uBZVb3xTAR+dBV53d/bUhTctCw3pwcwJoM7g5aX+7vgwt2zzVzoJ6aqFjYJpBlZ9zp0dVYN8fV+hykFE7c4lig==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-6.2.0.tgz",
+      "integrity": "sha512-spPkZ3WvP0U0vy5dyzSwlUJ/+vLFtjP/cTwSwejhQRoDBaexSZHsBhELoCZcEggI7LQ7typmtG30lAue2HEhvA==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/portal": "^1.1.1",
@@ -27817,13 +28027,13 @@
       }
     },
     "node_modules/rc-dropdown": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.0.1.tgz",
-      "integrity": "sha512-OdpXuOcme1rm45cR0Jzgfl1otzmU4vuBVb+etXM8vcaULGokAKVpKlw8p6xzspG7jGd/XxShvq+N3VNEfk/l5g==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.1.0.tgz",
+      "integrity": "sha512-VZjMunpBdlVzYpEdJSaV7WM7O0jf8uyDjirxXLZRNZ+tAC+NzD3PXPEtliFwGzVwBBdCmGuSqiS9DWcOLxQ9tw==",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^1.7.0",
         "classnames": "^2.2.6",
-        "rc-trigger": "^5.3.1",
         "rc-util": "^5.17.0"
       },
       "peerDependencies": {
@@ -27832,9 +28042,9 @@
       }
     },
     "node_modules/rc-field-form": {
-      "version": "1.34.2",
-      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.34.2.tgz",
-      "integrity": "sha512-BdciU5C7dBO51/9ZKcMvK2f8zaaO12Lt1eBhlAo8nNv+6htlNcgY9DAkUlZ7gfyWjnCc1Oo4hHIXau1m6tLw1A==",
+      "version": "1.36.2",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.36.2.tgz",
+      "integrity": "sha512-tCF/JjUsnxW80Gk4E4ZH74ONsaQMxVTRtui6XhQB8DJc4FHWLLa5pP8zwhxtPKC5NaO0QZ0Cv79JggDubn6n2g==",
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "async-validator": "^4.1.0",
@@ -27849,16 +28059,16 @@
       }
     },
     "node_modules/rc-image": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-5.13.0.tgz",
-      "integrity": "sha512-iZTOmw5eWo2+gcrJMMcnd7SsxVHl3w5xlyCgsULUdJhJbnuI8i/AL0tVOsE7aLn9VfOh1qgDT3mC2G75/c7mqg==",
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.1.3.tgz",
+      "integrity": "sha512-foMl1rcit1F0+vgxE5kf0c8TygQcHhILsOohQUL+JMUbzOo3OBFRcehJudYbqbCTArzCecS8nA1irUU9vvgQbg==",
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "@rc-component/portal": "^1.0.2",
         "classnames": "^2.2.6",
-        "rc-dialog": "~9.0.0",
+        "rc-dialog": "~9.1.0",
         "rc-motion": "^2.6.2",
-        "rc-util": "^5.0.6"
+        "rc-util": "^5.34.1"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27866,9 +28076,9 @@
       }
     },
     "node_modules/rc-input": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-0.1.4.tgz",
-      "integrity": "sha512-FqDdNz+fV2dKNgfXzcSLKvC+jEs1709t7nD+WdfjrdSaOcefpgc7BUJYadc3usaING+b7ediMTfKxuJBsEFbXA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.1.1.tgz",
+      "integrity": "sha512-NTR1Z4em681L8/ewb2KR80RykSmN8I2mzqzJDCoUmTrV1BB9Hk5d7ha4TnfgdEPPL148N+603sW2LExSXk1IbA==",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -27880,13 +28090,15 @@
       }
     },
     "node_modules/rc-input-number": {
-      "version": "7.3.11",
-      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-7.3.11.tgz",
-      "integrity": "sha512-aMWPEjFeles6PQnMqP5eWpxzsvHm9rh1jQOWXExUEIxhX62Fyl/ptifLHOn17+waDG1T/YUb6flfJbvwRhHrbA==",
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-8.0.4.tgz",
+      "integrity": "sha512-TP+G5b7mZtbwXJ/YEZXF/OgbEZ6iqD4+RSuxZJ8VGKGXDcdt0FKIvpFoNQr/knspdFC4OxA0OfsWfFWfN4XSyA==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
         "classnames": "^2.2.5",
-        "rc-util": "^5.23.0"
+        "rc-input": "~1.1.0",
+        "rc-util": "^5.28.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27894,15 +28106,16 @@
       }
     },
     "node_modules/rc-mentions": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-1.13.1.tgz",
-      "integrity": "sha512-FCkaWw6JQygtOz0+Vxz/M/NWqrWHB9LwqlY2RtcuFqWJNFK9njijOOzTSsBGANliGufVUzx/xuPHmZPBV0+Hgw==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.5.0.tgz",
+      "integrity": "sha512-rERXsbUTNVrb5T/iDC0ki/SRGWJnOVraDy6O25Us3FSpuUZ3uq2TPZB4fRk0Hss5kyiEPzz2sprhkI4b+F4jUw==",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^1.5.0",
         "classnames": "^2.2.6",
-        "rc-menu": "~9.8.0",
-        "rc-textarea": "^0.4.0",
-        "rc-trigger": "^5.0.4",
+        "rc-input": "~1.1.0",
+        "rc-menu": "~9.10.0",
+        "rc-textarea": "~1.3.0",
         "rc-util": "^5.22.5"
       },
       "peerDependencies": {
@@ -27911,15 +28124,15 @@
       }
     },
     "node_modules/rc-menu": {
-      "version": "9.8.4",
-      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.8.4.tgz",
-      "integrity": "sha512-lmw2j8I2fhdIzHmC9ajfImfckt0WDb2KVJJBBRIsxPEw2kGkEfjLMUoB1NgiNT/Q5cC8PdjGOGQjHJIJMwyNMw==",
+      "version": "9.10.0",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.10.0.tgz",
+      "integrity": "sha512-g27kpXaAoJh/fkPZF65/d4V+w4DhDeqomBdPcGnkFAcJnEM4o21TnVccrBUoDedLKzC7wJRw1Q7VTqEsfEufmw==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.6.2",
         "classnames": "2.x",
         "rc-motion": "^2.4.3",
-        "rc-overflow": "^1.2.8",
-        "rc-trigger": "^5.1.2",
+        "rc-overflow": "^1.3.1",
         "rc-util": "^5.27.0"
       },
       "peerDependencies": {
@@ -27942,13 +28155,13 @@
       }
     },
     "node_modules/rc-notification": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-4.6.1.tgz",
-      "integrity": "sha512-NSmFYwrrdY3+un1GvDAJQw62Xi9LNMSsoQyo95tuaYrcad5Bn9gJUL8AREufRxSQAQnr64u3LtP3EUyLYT6bhw==",
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.0.5.tgz",
+      "integrity": "sha512-uEz2jggourwv/rR0obe7RHEa63UchqX4k+e+Qt2c3LaY7U9Tc+L6ANhzgCKYSA/afm0ebjmNZHoB5Cv47xEOcA==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
-        "rc-motion": "^2.2.0",
+        "rc-motion": "^2.6.0",
         "rc-util": "^5.20.1"
       },
       "engines": {
@@ -27975,12 +28188,13 @@
       }
     },
     "node_modules/rc-pagination": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-3.2.0.tgz",
-      "integrity": "sha512-5tIXjB670WwwcAJzAqp2J+cOBS9W3cH/WU1EiYwXljuZ4vtZXKlY2Idq8FZrnYBz8KhN3vwPo9CoV/SJS6SL1w==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-3.5.0.tgz",
+      "integrity": "sha512-lUBVtVVUn7gGsq4mTyVpcZQr+AMcljbMiL/HcCmSdFrcsK0iZVKwwbXDxhz2IV0JXUs9Hzepr5sQFaF+9ad/pQ==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.1"
+        "classnames": "^2.2.1",
+        "rc-util": "^5.32.2"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -28024,9 +28238,9 @@
       }
     },
     "node_modules/rc-rate": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.9.2.tgz",
-      "integrity": "sha512-SaiZFyN8pe0Fgphv8t3+kidlej+cq/EALkAJAc3A0w0XcPaH2L1aggM8bhe1u6GAGuQNAoFvTLjw4qLPGRKV5g==",
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.12.0.tgz",
+      "integrity": "sha512-g092v5iZCdVzbjdn28FzvWebK2IutoVoiTeqoLTj9WM7SjA/gOJIw5/JFZMRyJYYVe1jLAU2UhAfstIpCNRozg==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
@@ -28056,9 +28270,9 @@
       }
     },
     "node_modules/rc-segmented": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.1.2.tgz",
-      "integrity": "sha512-qGo1bCr83ESXpXVOCXjFe1QJlCAQXyi9KCiy8eX3rIMYlTeJr/ftySIaTnYsitL18SvWf5ZEHsfqIWoX0EMfFQ==",
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.2.2.tgz",
+      "integrity": "sha512-Mq52M96QdHMsNdE/042ibT5vkcGcD5jxKp7HgPC2SRofpia99P5fkfHy1pEaajLMF/kj0+2Lkq1UZRvqzo9mSA==",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -28071,17 +28285,17 @@
       }
     },
     "node_modules/rc-select": {
-      "version": "14.1.18",
-      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.1.18.tgz",
-      "integrity": "sha512-4JgY3oG2Yz68ECMUSCON7mtxuJvCSj+LJpHEg/AONaaVBxIIrmI/ZTuMJkyojall/X50YdBe5oMKqHHPNiPzEg==",
+      "version": "14.7.4",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.7.4.tgz",
+      "integrity": "sha512-qRUpvMVXFy6rdHe+qzHXAqyQAfhErC/oY8dcRtoRjoz0lz2Nx3J+lLL5AnEbjnwlS+/kQTJUZ/65WyCwWwcLwQ==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
         "classnames": "2.x",
         "rc-motion": "^2.0.1",
-        "rc-overflow": "^1.0.0",
-        "rc-trigger": "^5.0.4",
+        "rc-overflow": "^1.3.1",
         "rc-util": "^5.16.1",
-        "rc-virtual-list": "^3.2.0"
+        "rc-virtual-list": "^3.5.2"
       },
       "engines": {
         "node": ">=8.x"
@@ -28092,14 +28306,13 @@
       }
     },
     "node_modules/rc-slider": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.0.1.tgz",
-      "integrity": "sha512-igTKF3zBet7oS/3yNiIlmU8KnZ45npmrmHlUUio8PNbIhzMcsh+oE/r2UD42Y6YD2D/s+kzCQkzQrPD6RY435Q==",
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.1.1.tgz",
+      "integrity": "sha512-gn8oXazZISEhnmRinI89Z/JD/joAaM35jp+gDtIVSTD/JJMCCBqThqLk1SVJmvtfeiEF/kKaFY0+qt4SDHFUDw==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
-        "rc-util": "^5.18.1",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.27.0"
       },
       "engines": {
         "node": ">=8.x"
@@ -28110,9 +28323,9 @@
       }
     },
     "node_modules/rc-steps": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-5.0.0.tgz",
-      "integrity": "sha512-9TgRvnVYirdhbV0C3syJFj9EhCRqoJAsxt4i1rED5o8/ZcSv5TLIYyo4H8MCjLPvbe2R+oBAm/IYBEtC+OS1Rw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
       "dependencies": {
         "@babel/runtime": "^7.16.7",
         "classnames": "^2.2.3",
@@ -28127,13 +28340,13 @@
       }
     },
     "node_modules/rc-switch": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-3.2.2.tgz",
-      "integrity": "sha512-+gUJClsZZzvAHGy1vZfnwySxj+MjLlGRyXKXScrtCTcmiYNPzxDFOxdQ/3pK1Kt/0POvwJ/6ALOR8gwdXGhs+A==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
+        "@babel/runtime": "^7.21.0",
         "classnames": "^2.2.1",
-        "rc-util": "^5.0.1"
+        "rc-util": "^5.30.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -28141,15 +28354,15 @@
       }
     },
     "node_modules/rc-table": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.26.0.tgz",
-      "integrity": "sha512-0cD8e6S+DTGAt5nBZQIPFYEaIukn17sfa5uFL98faHlH/whZzD8ii3dbFL4wmUDEL4BLybhYop+QUfZJ4CPvNQ==",
+      "version": "7.32.3",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.32.3.tgz",
+      "integrity": "sha512-MqjrI/ibuGg7NEyFsux0dM5GK+3er1gTiZofAkifr2bHf/Sa1nUqXXFmSrYXSOjwpx0xyBnJ3GrHFCIqC/eOzw==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.3.0",
         "classnames": "^2.2.5",
         "rc-resize-observer": "^1.1.0",
-        "rc-util": "^5.22.5",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.27.1"
       },
       "engines": {
         "node": ">=8.x"
@@ -28160,14 +28373,14 @@
       }
     },
     "node_modules/rc-tabs": {
-      "version": "12.5.10",
-      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-12.5.10.tgz",
-      "integrity": "sha512-Ay0l0jtd4eXepFH9vWBvinBjqOpqzcsJTerBGwJy435P2S90Uu38q8U/mvc1sxUEVOXX5ZCFbxcWPnfG3dH+tQ==",
+      "version": "12.9.0",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-12.9.0.tgz",
+      "integrity": "sha512-2HnVowgMVrq0DfQtyu4mCd9E6pXlWNdM6VaDvOOHMsLYqPmpY+7zBqUC6YrrQ9xYXHciTS0e7TtjOHIvpVCHLQ==",
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "classnames": "2.x",
-        "rc-dropdown": "~4.0.0",
-        "rc-menu": "~9.8.0",
+        "rc-dropdown": "~4.1.0",
+        "rc-menu": "~9.10.0",
         "rc-motion": "^2.6.2",
         "rc-resize-observer": "^1.0.0",
         "rc-util": "^5.16.0"
@@ -28181,15 +28394,15 @@
       }
     },
     "node_modules/rc-textarea": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-0.4.7.tgz",
-      "integrity": "sha512-IQPd1CDI3mnMlkFyzt2O4gQ2lxUsnBAeJEoZGJnkkXgORNqyM9qovdrCj9NzcRfpHgLdzaEbU3AmobNFGUznwQ==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.3.4.tgz",
+      "integrity": "sha512-wn0YjTpvcVolcfXa0HtzL+jgV2QcwtfB29RwNAKj8hMgZOju1V24M3TfEDjABeQEAQbUGbjMbISREOX/YSVKhg==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.1",
+        "rc-input": "~1.1.0",
         "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.24.4",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.27.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -28197,13 +28410,13 @@
       }
     },
     "node_modules/rc-tooltip": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.2.2.tgz",
-      "integrity": "sha512-jtQzU/18S6EI3lhSGoDYhPqNpWajMtS5VV/ld1LwyfrDByQpYmw/LW6U7oFXXLukjfDHQ7Ju705A82PRNFWYhg==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.0.1.tgz",
+      "integrity": "sha512-MdvPlsD1fDSxKp9+HjXrc/CxLmA/s11QYIh1R7aExxfodKP7CZA++DG1AjrW80F8IUdHYcR43HAm0Y2BYPelHA==",
       "dependencies": {
         "@babel/runtime": "^7.11.2",
-        "classnames": "^2.3.1",
-        "rc-trigger": "^5.0.0"
+        "@rc-component/trigger": "^1.0.4",
+        "classnames": "^2.3.1"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -28230,13 +28443,13 @@
       }
     },
     "node_modules/rc-tree-select": {
-      "version": "5.5.5",
-      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.5.5.tgz",
-      "integrity": "sha512-k2av7jF6tW9bIO4mQhaVdV4kJ1c54oxV3/hHVU+oD251Gb5JN+m1RbJFTMf1o0rAFqkvto33rxMdpafaGKQRJw==",
+      "version": "5.11.1",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.11.1.tgz",
+      "integrity": "sha512-EDG1rYFu1iD2Y8fg0yEmm0LV3XqWOy+SpgOMvO5396NgAZ67t0zVTNK6FQkIxzdXf5ri742BkB/B8+Ah6+0Kxw==",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
-        "rc-select": "~14.1.0",
+        "rc-select": "~14.7.0",
         "rc-tree": "~5.7.0",
         "rc-util": "^5.16.1"
       },
@@ -30091,17 +30304,17 @@
       }
     },
     "node_modules/scroll-into-view-if-needed": {
-      "version": "2.2.31",
-      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
-      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
       "dependencies": {
-        "compute-scroll-into-view": "^1.0.20"
+        "compute-scroll-into-view": "^3.0.2"
       }
     },
     "node_modules/scroll-into-view-if-needed/node_modules/compute-scroll-into-view": {
-      "version": "1.0.20",
-      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
-      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.0.3.tgz",
+      "integrity": "sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A=="
     },
     "node_modules/section-matter": {
       "version": "1.0.0",
@@ -34311,7 +34524,7 @@
         "@types/react": "^17.0.62",
         "@types/react-dom": "^17.0.20",
         "@types/react-test-renderer": "^17.0.2",
-        "antd": "^4.24.13",
+        "antd": "^5.0.0",
         "atob": "^2.1.2",
         "babel-jest": "^29.6.2",
         "dayjs": "^1.11.9",
@@ -34333,7 +34546,7 @@
         "@ant-design/icons": "^4.0.0",
         "@rjsf/core": "^5.8.x",
         "@rjsf/utils": "^5.8.x",
-        "antd": "^4.0.0",
+        "antd": "^5.0.0",
         "dayjs": "^1.8.0",
         "react": "^16.14.0 || >=17"
       }
@@ -34860,7 +35073,7 @@
         "ajv": "^8.12.0",
         "ajv-formats": "^2.1.1",
         "ajv-i18n": "^4.2.0",
-        "antd": "^4.24.13",
+        "antd": "^5.0.0",
         "atob": "^2.1.2",
         "chakra-react-select": "^4.6.0",
         "core-js": "^3.32.0",
diff --git a/packages/playground/package.json b/packages/playground/package.json
index a3665b1bb4..31c083a1f5 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -55,7 +55,7 @@
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "ajv-i18n": "^4.2.0",
-    "antd": "^4.24.13",
+    "antd": "^5.0.0",
     "atob": "^2.1.2",
     "chakra-react-select": "^4.6.0",
     "core-js": "^3.32.0",
diff --git a/packages/playground/src/app.tsx b/packages/playground/src/app.tsx
index 20cd676f3d..e13be016e8 100644
--- a/packages/playground/src/app.tsx
+++ b/packages/playground/src/app.tsx
@@ -88,7 +88,7 @@ const themes: PlaygroundProps['themes'] = {
     },
   },
   antd: {
-    stylesheet: '//cdnjs.cloudflare.com/ajax/libs/antd/4.1.4/antd.min.css',
+    stylesheet: '//cdnjs.cloudflare.com/ajax/libs/antd/5.8.3/reset.min.css',
     theme: AntdTheme,
   },
   'bootstrap-4': {
diff --git a/packages/playground/src/components/DemoFrame.tsx b/packages/playground/src/components/DemoFrame.tsx
index 5f53a198a4..adf2360cc9 100644
--- a/packages/playground/src/components/DemoFrame.tsx
+++ b/packages/playground/src/components/DemoFrame.tsx
@@ -6,6 +6,7 @@ import { create, Jss } from 'jss';
 import { jssPreset, StylesProvider } from '@material-ui/core/styles';
 import Frame, { FrameComponentProps, FrameContextConsumer } from 'react-frame-component';
 import { __createChakraFrameProvider } from '@rjsf/chakra-ui';
+import { StyleProvider as AntdStyleProvider } from '@ant-design/cssinjs';
 
 /*
 Adapted from https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/DemoSandboxed.js
@@ -115,6 +116,10 @@ export default function DemoFrame(props: DemoFrameProps) {
     );
   } else if (theme === 'chakra-ui') {
     body = <FrameContextConsumer>{__createChakraFrameProvider(props)}</FrameContextConsumer>;
+  } else if (theme === 'antd') {
+    body = ready ? (
+      <AntdStyleProvider container={instanceRef.current.contentWindow['demo-frame-jss']}>{children}</AntdStyleProvider>
+    ) : null;
   }
 
   return (
diff --git a/packages/playground/src/components/Playground.tsx b/packages/playground/src/components/Playground.tsx
index bccf32a0df..9560acdff1 100644
--- a/packages/playground/src/components/Playground.tsx
+++ b/packages/playground/src/components/Playground.tsx
@@ -156,15 +156,6 @@ export default function Playground({ themes, validators }: PlaygroundProps) {
               head={
                 <>
                   <link rel='stylesheet' id='theme' href={stylesheet || ''} />
-                  {theme === 'antd' && (
-                    <div
-                      dangerouslySetInnerHTML={{
-                        __html:
-                          (document.getElementById('antd-styles-iframe') as HTMLIFrameElement)?.contentDocument?.head
-                            .innerHTML || '',
-                      }}
-                    />
-                  )}
                 </>
               }
               style={{

From bfed4174b31f34935939ab13940d3cb416d8d2f2 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Sun, 20 Aug 2023 00:59:34 +0530
Subject: [PATCH 03/11] Keep peer dependency of ant to v4

---
 CHANGELOG.md                     |   3 +-
 package-lock.json                | 537 ++++++++++++++++++++++++++++++-
 packages/antd/package.json       |   2 +-
 packages/playground/package.json |   2 +-
 packages/playground/src/app.tsx  |   2 +-
 5 files changed, 535 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d0fe6c2a5c..73ad79387e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,7 +19,8 @@ should change the heading of the (upcoming) version to include a major version b
 
 ## @rjsf/antd
 
-- Bump Antd version from v4 to v5. *Breaking Change* Requires Peer to install v5 now.
+- Bump Antd version from v4 to v5.
+- kept peer dependencies to v4 so that this changes doesn't make breaking change for @rfjs/antd users.
 
 # 5.12.1
 
diff --git a/package-lock.json b/package-lock.json
index 0ec2eb05cf..a2c09b76f4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -246,6 +246,7 @@
       "version": "1.16.2",
       "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.16.2.tgz",
       "integrity": "sha512-W+LT6Xm5sEYZn7ocMAIP9LvX99woxGg1aYu15o608/uUAaJDR7LrxBu/5cnMLa6AQK1829zdoKmRnRFOxAgzEg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "@emotion/hash": "^0.8.0",
@@ -263,17 +264,20 @@
     "node_modules/@ant-design/cssinjs/node_modules/@emotion/hash": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
-      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "dev": true
     },
     "node_modules/@ant-design/cssinjs/node_modules/@emotion/unitless": {
       "version": "0.7.5",
       "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
-      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
+      "dev": true
     },
     "node_modules/@ant-design/cssinjs/node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "dev": true
     },
     "node_modules/@ant-design/icons": {
       "version": "4.8.0",
@@ -8537,6 +8541,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.4.1.tgz",
       "integrity": "sha512-vh5EWqnsayZa/JwUznqDaPJz39jznx/YDbyBuVJntv735tKXKwEUZZb2jYEldOg+NKWZwtALjGMrNeGBmqFoEw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@ctrl/tinycolor": "^3.6.0",
@@ -8552,6 +8557,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.3.0.tgz",
       "integrity": "sha512-6QdaCJ7Wn5UZLJs15IEfqy4Ru3OaL5ctqpQYWd5rlfV9wwzrzdt6+kgAQZV/qdB0MUPN4nhyBfRembQCIvBf+w==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "rc-util": "^5.27.0"
@@ -8565,6 +8571,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
       "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.0"
       },
@@ -8576,6 +8583,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
       "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "classnames": "^2.3.2",
@@ -8610,6 +8618,7 @@
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.8.1.tgz",
       "integrity": "sha512-CsrQnfKgNArxx2j1RNHVLZgVA+rLrEj06lIsl4KSynMqADsqz8eKvVkr0F3p9PA10948M6WEEZt5a/FGAbGR2A==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "@rc-component/portal": "^1.0.0-9",
@@ -8629,6 +8638,7 @@
       "version": "1.15.5",
       "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.15.5.tgz",
       "integrity": "sha512-HFjeco/gRGAHN3sBl5ZO44o0W6Y3i8sqCQEYcFT1RJJUb91p/uSIWejPDMzHd3DKAdTbRCM3T45jxs7Kwm17kA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "@rc-component/portal": "^1.1.0",
@@ -10558,6 +10568,7 @@
       "version": "5.8.3",
       "resolved": "https://registry.npmjs.org/antd/-/antd-5.8.3.tgz",
       "integrity": "sha512-/DIGg/1UXyPdNLs9FYalfJO1LnnwMv2pnx9DS6ANSJwlo6fDxtb693IJWdaBuRlxgXJfARzxMNsPyFygy9N/Qw==",
+      "dev": true,
       "dependencies": {
         "@ant-design/colors": "^7.0.0",
         "@ant-design/cssinjs": "^1.16.0",
@@ -10621,6 +10632,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.0.0.tgz",
       "integrity": "sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==",
+      "dev": true,
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.0"
       }
@@ -10629,6 +10641,7 @@
       "version": "5.2.5",
       "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.2.5.tgz",
       "integrity": "sha512-9Jc59v5fl5dzmxqLWtRev3dJwU7Ya9ZheoI6XmZjZiQ7PRtk77rC+Rbt7GJzAPPg43RQ4YO53RE1u8n+Et97vQ==",
+      "dev": true,
       "dependencies": {
         "@ant-design/colors": "^7.0.0",
         "@ant-design/icons-svg": "^4.3.0",
@@ -10649,6 +10662,7 @@
       "version": "3.13.0",
       "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-3.13.0.tgz",
       "integrity": "sha512-hJ+1lGkemnvsW+t+PjH9OAehHlj7wdD0G75T1HZj0IeZTqBE/5mmuf8E8MHYATNBqW409lAfk8GwjYm1WVMopg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/trigger": "^1.5.0",
@@ -23226,7 +23240,8 @@
     "node_modules/lodash.camelcase": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
-      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+      "dev": true
     },
     "node_modules/lodash.curry": {
       "version": "4.1.1",
@@ -27820,6 +27835,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
       "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "dev": true,
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
@@ -27952,6 +27968,7 @@
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.14.1.tgz",
       "integrity": "sha512-fCsgjLIQqYZMhFj9UT+x2ZW4uobx7OP5yivcn6Xto5fuxHaldphsryzCeUVmreQOHEo0RP+032Ip9RDzrKVKJA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.12.5",
         "array-tree-filter": "^2.1.0",
@@ -27969,6 +27986,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.1.0.tgz",
       "integrity": "sha512-PAwpJFnBa3Ei+5pyqMMXdcKYKNBMS+TvSDiLdDnARnMJHC8ESxwPfm4Ao1gJiKtWLdmGfigascnCpwrHFgoOBQ==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.3.2",
@@ -27983,6 +28001,7 @@
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.7.1.tgz",
       "integrity": "sha512-N/7ejyiTf3XElNJBBpxqnZBUuMsQWEOPjB2QkfNvZ/Ca54eAvJXuOD1EGbCWCk2m7v/MSxku7mRpdeaLOCd4Gg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
@@ -27998,6 +28017,7 @@
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.1.0.tgz",
       "integrity": "sha512-5ry+JABAWEbaKyYsmITtrJbZbJys8CtMyzV8Xn4LYuXMeUx5XVHNyJRoqLFE4AzBuXXzOWeaC49cg+XkxK6kHA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/portal": "^1.0.0-8",
@@ -28014,6 +28034,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-6.2.0.tgz",
       "integrity": "sha512-spPkZ3WvP0U0vy5dyzSwlUJ/+vLFtjP/cTwSwejhQRoDBaexSZHsBhELoCZcEggI7LQ7typmtG30lAue2HEhvA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/portal": "^1.1.1",
@@ -28030,6 +28051,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.1.0.tgz",
       "integrity": "sha512-VZjMunpBdlVzYpEdJSaV7WM7O0jf8uyDjirxXLZRNZ+tAC+NzD3PXPEtliFwGzVwBBdCmGuSqiS9DWcOLxQ9tw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "@rc-component/trigger": "^1.7.0",
@@ -28045,6 +28067,7 @@
       "version": "1.36.2",
       "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.36.2.tgz",
       "integrity": "sha512-tCF/JjUsnxW80Gk4E4ZH74ONsaQMxVTRtui6XhQB8DJc4FHWLLa5pP8zwhxtPKC5NaO0QZ0Cv79JggDubn6n2g==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "async-validator": "^4.1.0",
@@ -28062,6 +28085,7 @@
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.1.3.tgz",
       "integrity": "sha512-foMl1rcit1F0+vgxE5kf0c8TygQcHhILsOohQUL+JMUbzOo3OBFRcehJudYbqbCTArzCecS8nA1irUU9vvgQbg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "@rc-component/portal": "^1.0.2",
@@ -28079,6 +28103,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.1.1.tgz",
       "integrity": "sha512-NTR1Z4em681L8/ewb2KR80RykSmN8I2mzqzJDCoUmTrV1BB9Hk5d7ha4TnfgdEPPL148N+603sW2LExSXk1IbA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -28093,6 +28118,7 @@
       "version": "8.0.4",
       "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-8.0.4.tgz",
       "integrity": "sha512-TP+G5b7mZtbwXJ/YEZXF/OgbEZ6iqD4+RSuxZJ8VGKGXDcdt0FKIvpFoNQr/knspdFC4OxA0OfsWfFWfN4XSyA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/mini-decimal": "^1.0.1",
@@ -28109,6 +28135,7 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.5.0.tgz",
       "integrity": "sha512-rERXsbUTNVrb5T/iDC0ki/SRGWJnOVraDy6O25Us3FSpuUZ3uq2TPZB4fRk0Hss5kyiEPzz2sprhkI4b+F4jUw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.22.5",
         "@rc-component/trigger": "^1.5.0",
@@ -28127,6 +28154,7 @@
       "version": "9.10.0",
       "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.10.0.tgz",
       "integrity": "sha512-g27kpXaAoJh/fkPZF65/d4V+w4DhDeqomBdPcGnkFAcJnEM4o21TnVccrBUoDedLKzC7wJRw1Q7VTqEsfEufmw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/trigger": "^1.6.2",
@@ -28158,6 +28186,7 @@
       "version": "5.0.5",
       "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.0.5.tgz",
       "integrity": "sha512-uEz2jggourwv/rR0obe7RHEa63UchqX4k+e+Qt2c3LaY7U9Tc+L6ANhzgCKYSA/afm0ebjmNZHoB5Cv47xEOcA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
@@ -28191,6 +28220,7 @@
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-3.5.0.tgz",
       "integrity": "sha512-lUBVtVVUn7gGsq4mTyVpcZQr+AMcljbMiL/HcCmSdFrcsK0iZVKwwbXDxhz2IV0JXUs9Hzepr5sQFaF+9ad/pQ==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.1",
@@ -28241,6 +28271,7 @@
       "version": "2.12.0",
       "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.12.0.tgz",
       "integrity": "sha512-g092v5iZCdVzbjdn28FzvWebK2IutoVoiTeqoLTj9WM7SjA/gOJIw5/JFZMRyJYYVe1jLAU2UhAfstIpCNRozg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
@@ -28273,6 +28304,7 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.2.2.tgz",
       "integrity": "sha512-Mq52M96QdHMsNdE/042ibT5vkcGcD5jxKp7HgPC2SRofpia99P5fkfHy1pEaajLMF/kj0+2Lkq1UZRvqzo9mSA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -28288,6 +28320,7 @@
       "version": "14.7.4",
       "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.7.4.tgz",
       "integrity": "sha512-qRUpvMVXFy6rdHe+qzHXAqyQAfhErC/oY8dcRtoRjoz0lz2Nx3J+lLL5AnEbjnwlS+/kQTJUZ/65WyCwWwcLwQ==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/trigger": "^1.5.0",
@@ -28309,6 +28342,7 @@
       "version": "10.1.1",
       "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.1.1.tgz",
       "integrity": "sha512-gn8oXazZISEhnmRinI89Z/JD/joAaM35jp+gDtIVSTD/JJMCCBqThqLk1SVJmvtfeiEF/kKaFY0+qt4SDHFUDw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
@@ -28326,6 +28360,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
       "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.16.7",
         "classnames": "^2.2.3",
@@ -28343,6 +28378,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
       "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.21.0",
         "classnames": "^2.2.1",
@@ -28357,6 +28393,7 @@
       "version": "7.32.3",
       "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.32.3.tgz",
       "integrity": "sha512-MqjrI/ibuGg7NEyFsux0dM5GK+3er1gTiZofAkifr2bHf/Sa1nUqXXFmSrYXSOjwpx0xyBnJ3GrHFCIqC/eOzw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/context": "^1.3.0",
@@ -28376,6 +28413,7 @@
       "version": "12.9.0",
       "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-12.9.0.tgz",
       "integrity": "sha512-2HnVowgMVrq0DfQtyu4mCd9E6pXlWNdM6VaDvOOHMsLYqPmpY+7zBqUC6YrrQ9xYXHciTS0e7TtjOHIvpVCHLQ==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "classnames": "2.x",
@@ -28397,6 +28435,7 @@
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.3.4.tgz",
       "integrity": "sha512-wn0YjTpvcVolcfXa0HtzL+jgV2QcwtfB29RwNAKj8hMgZOju1V24M3TfEDjABeQEAQbUGbjMbISREOX/YSVKhg==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.1",
@@ -28413,6 +28452,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.0.1.tgz",
       "integrity": "sha512-MdvPlsD1fDSxKp9+HjXrc/CxLmA/s11QYIh1R7aExxfodKP7CZA++DG1AjrW80F8IUdHYcR43HAm0Y2BYPelHA==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "@rc-component/trigger": "^1.0.4",
@@ -28446,6 +28486,7 @@
       "version": "5.11.1",
       "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.11.1.tgz",
       "integrity": "sha512-EDG1rYFu1iD2Y8fg0yEmm0LV3XqWOy+SpgOMvO5396NgAZ67t0zVTNK6FQkIxzdXf5ri742BkB/B8+Ah6+0Kxw==",
+      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
@@ -30307,6 +30348,7 @@
       "version": "3.0.10",
       "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
       "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "dev": true,
       "dependencies": {
         "compute-scroll-into-view": "^3.0.2"
       }
@@ -30314,7 +30356,8 @@
     "node_modules/scroll-into-view-if-needed/node_modules/compute-scroll-into-view": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.0.3.tgz",
-      "integrity": "sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A=="
+      "integrity": "sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A==",
+      "dev": true
     },
     "node_modules/section-matter": {
       "version": "1.0.0",
@@ -34546,7 +34589,7 @@
         "@ant-design/icons": "^4.0.0",
         "@rjsf/core": "^5.8.x",
         "@rjsf/utils": "^5.8.x",
-        "antd": "^5.0.0",
+        "antd": "^4.0.0",
         "dayjs": "^1.8.0",
         "react": "^16.14.0 || >=17"
       }
@@ -35073,7 +35116,7 @@
         "ajv": "^8.12.0",
         "ajv-formats": "^2.1.1",
         "ajv-i18n": "^4.2.0",
-        "antd": "^5.0.0",
+        "antd": "^4.0.0",
         "atob": "^2.1.2",
         "chakra-react-select": "^4.6.0",
         "core-js": "^3.32.0",
@@ -35132,6 +35175,64 @@
         "react": "^18.2.0"
       }
     },
+    "packages/playground/node_modules/antd": {
+      "version": "4.24.13",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-4.24.13.tgz",
+      "integrity": "sha512-N2odRsbomseCE3U845Whf+RdgmQbiWbKvWS6ggH/xHjXojHx951rmZXW4nMqAeSoUp66sQOASGtrP/SUsdA2oQ==",
+      "dependencies": {
+        "@ant-design/colors": "^6.0.0",
+        "@ant-design/icons": "^4.7.0",
+        "@ant-design/react-slick": "~1.0.0",
+        "@babel/runtime": "^7.18.3",
+        "@ctrl/tinycolor": "^3.4.0",
+        "classnames": "^2.2.6",
+        "copy-to-clipboard": "^3.2.0",
+        "lodash": "^4.17.21",
+        "moment": "^2.29.2",
+        "rc-cascader": "~3.7.0",
+        "rc-checkbox": "~3.0.0",
+        "rc-collapse": "~3.4.2",
+        "rc-dialog": "~9.0.2",
+        "rc-drawer": "~6.3.0",
+        "rc-dropdown": "~4.0.0",
+        "rc-field-form": "~1.34.0",
+        "rc-image": "~5.13.0",
+        "rc-input": "~0.1.4",
+        "rc-input-number": "~7.3.9",
+        "rc-mentions": "~1.13.1",
+        "rc-menu": "~9.8.0",
+        "rc-motion": "^2.6.1",
+        "rc-notification": "~4.6.0",
+        "rc-pagination": "~3.2.0",
+        "rc-picker": "~2.7.0",
+        "rc-progress": "~3.4.1",
+        "rc-rate": "~2.9.0",
+        "rc-resize-observer": "^1.2.0",
+        "rc-segmented": "~2.1.0",
+        "rc-select": "~14.1.17",
+        "rc-slider": "~10.0.0",
+        "rc-steps": "~5.0.0-alpha.2",
+        "rc-switch": "~3.2.0",
+        "rc-table": "~7.26.0",
+        "rc-tabs": "~12.5.6",
+        "rc-textarea": "~0.4.5",
+        "rc-tooltip": "~5.2.0",
+        "rc-tree": "~5.7.0",
+        "rc-tree-select": "~5.5.0",
+        "rc-trigger": "^5.2.10",
+        "rc-upload": "~4.3.0",
+        "rc-util": "^5.22.5",
+        "scroll-into-view-if-needed": "^2.2.25"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "packages/playground/node_modules/chakra-react-select": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/chakra-react-select/-/chakra-react-select-4.7.0.tgz",
@@ -35152,6 +35253,420 @@
         "react-dom": "^18.0.0"
       }
     },
+    "packages/playground/node_modules/compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
+    },
+    "packages/playground/node_modules/rc-cascader": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.7.3.tgz",
+      "integrity": "sha512-KBpT+kzhxDW+hxPiNk4zaKa99+Lie2/8nnI11XF+FIOPl4Bj9VlFZi61GrnWzhLGA7VEN+dTxAkNOjkySDa0dA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "array-tree-filter": "^2.1.0",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.1.0",
+        "rc-tree": "~5.7.0",
+        "rc-util": "^5.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-checkbox": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.0.1.tgz",
+      "integrity": "sha512-k7nxDWxYF+jDI0ZcCvuvj71xONmWRVe5+1MKcERRR9MRyP3tZ69b+yUCSXXh+sik4/Hc9P5wHr2nnUoGS2zBjA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-collapse": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.4.2.tgz",
+      "integrity": "sha512-jpTwLgJzkhAgp2Wpi3xmbTbbYExg6fkptL67Uu5LCRVEj6wqmy0DHTjjeynsjOLsppHGHu41t1ELntZ0lEvS/Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.2.1",
+        "shallowequal": "^1.1.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-dialog": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.0.2.tgz",
+      "integrity": "sha512-s3U+24xWUuB6Bn2Lk/Qt6rufy+uT+QvWkiFhNBcO9APLxcFFczWamaq7x9h8SCuhfc1nHcW4y8NbMsnAjNnWyg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-drawer": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-6.3.0.tgz",
+      "integrity": "sha512-uBZVb3xTAR+dBV53d/bUhTctCw3pwcwJoM7g5aX+7vgwt2zzVzoJ6aqFjYJpBlZ9zp0dVYN8fV+hykFE7c4lig==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.21.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-dropdown": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.0.1.tgz",
+      "integrity": "sha512-OdpXuOcme1rm45cR0Jzgfl1otzmU4vuBVb+etXM8vcaULGokAKVpKlw8p6xzspG7jGd/XxShvq+N3VNEfk/l5g==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.6",
+        "rc-trigger": "^5.3.1",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "packages/playground/node_modules/rc-field-form": {
+      "version": "1.34.2",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.34.2.tgz",
+      "integrity": "sha512-BdciU5C7dBO51/9ZKcMvK2f8zaaO12Lt1eBhlAo8nNv+6htlNcgY9DAkUlZ7gfyWjnCc1Oo4hHIXau1m6tLw1A==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "async-validator": "^4.1.0",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-image": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-5.13.0.tgz",
+      "integrity": "sha512-iZTOmw5eWo2+gcrJMMcnd7SsxVHl3w5xlyCgsULUdJhJbnuI8i/AL0tVOsE7aLn9VfOh1qgDT3mC2G75/c7mqg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.0.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.0.6"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-input": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-0.1.4.tgz",
+      "integrity": "sha512-FqDdNz+fV2dKNgfXzcSLKvC+jEs1709t7nD+WdfjrdSaOcefpgc7BUJYadc3usaING+b7ediMTfKxuJBsEFbXA==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "packages/playground/node_modules/rc-input-number": {
+      "version": "7.3.11",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-7.3.11.tgz",
+      "integrity": "sha512-aMWPEjFeles6PQnMqP5eWpxzsvHm9rh1jQOWXExUEIxhX62Fyl/ptifLHOn17+waDG1T/YUb6flfJbvwRhHrbA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.23.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-mentions": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-1.13.1.tgz",
+      "integrity": "sha512-FCkaWw6JQygtOz0+Vxz/M/NWqrWHB9LwqlY2RtcuFqWJNFK9njijOOzTSsBGANliGufVUzx/xuPHmZPBV0+Hgw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-menu": "~9.8.0",
+        "rc-textarea": "^0.4.0",
+        "rc-trigger": "^5.0.4",
+        "rc-util": "^5.22.5"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-menu": {
+      "version": "9.8.4",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.8.4.tgz",
+      "integrity": "sha512-lmw2j8I2fhdIzHmC9ajfImfckt0WDb2KVJJBBRIsxPEw2kGkEfjLMUoB1NgiNT/Q5cC8PdjGOGQjHJIJMwyNMw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.2.8",
+        "rc-trigger": "^5.1.2",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-notification": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-4.6.1.tgz",
+      "integrity": "sha512-NSmFYwrrdY3+un1GvDAJQw62Xi9LNMSsoQyo95tuaYrcad5Bn9gJUL8AREufRxSQAQnr64u3LtP3EUyLYT6bhw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.2.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-pagination": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-3.2.0.tgz",
+      "integrity": "sha512-5tIXjB670WwwcAJzAqp2J+cOBS9W3cH/WU1EiYwXljuZ4vtZXKlY2Idq8FZrnYBz8KhN3vwPo9CoV/SJS6SL1w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-rate": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.9.2.tgz",
+      "integrity": "sha512-SaiZFyN8pe0Fgphv8t3+kidlej+cq/EALkAJAc3A0w0XcPaH2L1aggM8bhe1u6GAGuQNAoFvTLjw4qLPGRKV5g==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-segmented": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.1.2.tgz",
+      "integrity": "sha512-qGo1bCr83ESXpXVOCXjFe1QJlCAQXyi9KCiy8eX3rIMYlTeJr/ftySIaTnYsitL18SvWf5ZEHsfqIWoX0EMfFQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "packages/playground/node_modules/rc-select": {
+      "version": "14.1.18",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.1.18.tgz",
+      "integrity": "sha512-4JgY3oG2Yz68ECMUSCON7mtxuJvCSj+LJpHEg/AONaaVBxIIrmI/ZTuMJkyojall/X50YdBe5oMKqHHPNiPzEg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.0.0",
+        "rc-trigger": "^5.0.4",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "packages/playground/node_modules/rc-slider": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.0.1.tgz",
+      "integrity": "sha512-igTKF3zBet7oS/3yNiIlmU8KnZ45npmrmHlUUio8PNbIhzMcsh+oE/r2UD42Y6YD2D/s+kzCQkzQrPD6RY435Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.18.1",
+        "shallowequal": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-steps": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-5.0.0.tgz",
+      "integrity": "sha512-9TgRvnVYirdhbV0C3syJFj9EhCRqoJAsxt4i1rED5o8/ZcSv5TLIYyo4H8MCjLPvbe2R+oBAm/IYBEtC+OS1Rw==",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-switch": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-3.2.2.tgz",
+      "integrity": "sha512-+gUJClsZZzvAHGy1vZfnwySxj+MjLlGRyXKXScrtCTcmiYNPzxDFOxdQ/3pK1Kt/0POvwJ/6ALOR8gwdXGhs+A==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-table": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.26.0.tgz",
+      "integrity": "sha512-0cD8e6S+DTGAt5nBZQIPFYEaIukn17sfa5uFL98faHlH/whZzD8ii3dbFL4wmUDEL4BLybhYop+QUfZJ4CPvNQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.22.5",
+        "shallowequal": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-tabs": {
+      "version": "12.5.10",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-12.5.10.tgz",
+      "integrity": "sha512-Ay0l0jtd4eXepFH9vWBvinBjqOpqzcsJTerBGwJy435P2S90Uu38q8U/mvc1sxUEVOXX5ZCFbxcWPnfG3dH+tQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.0.0",
+        "rc-menu": "~9.8.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.16.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-textarea": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-0.4.7.tgz",
+      "integrity": "sha512-IQPd1CDI3mnMlkFyzt2O4gQ2lxUsnBAeJEoZGJnkkXgORNqyM9qovdrCj9NzcRfpHgLdzaEbU3AmobNFGUznwQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.24.4",
+        "shallowequal": "^1.1.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-tooltip": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.2.2.tgz",
+      "integrity": "sha512-jtQzU/18S6EI3lhSGoDYhPqNpWajMtS5VV/ld1LwyfrDByQpYmw/LW6U7oFXXLukjfDHQ7Ju705A82PRNFWYhg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "^2.3.1",
+        "rc-trigger": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "packages/playground/node_modules/rc-tree-select": {
+      "version": "5.5.5",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.5.5.tgz",
+      "integrity": "sha512-k2av7jF6tW9bIO4mQhaVdV4kJ1c54oxV3/hHVU+oD251Gb5JN+m1RbJFTMf1o0rAFqkvto33rxMdpafaGKQRJw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-select": "~14.1.0",
+        "rc-tree": "~5.7.0",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
     "packages/playground/node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -35183,6 +35698,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "packages/playground/node_modules/scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "dependencies": {
+        "compute-scroll-into-view": "^1.0.20"
+      }
+    },
     "packages/semantic-ui": {
       "name": "@rjsf/semantic-ui",
       "version": "5.12.0",
diff --git a/packages/antd/package.json b/packages/antd/package.json
index 5f24f6057d..daeaaedb7b 100644
--- a/packages/antd/package.json
+++ b/packages/antd/package.json
@@ -37,7 +37,7 @@
     "@ant-design/icons": "^4.0.0",
     "@rjsf/core": "^5.8.x",
     "@rjsf/utils": "^5.8.x",
-    "antd": "^5.0.0",
+    "antd": "^4.24.0",
     "dayjs": "^1.8.0",
     "react": "^16.14.0 || >=17"
   },
diff --git a/packages/playground/package.json b/packages/playground/package.json
index 31c083a1f5..ef18ee078c 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -55,7 +55,7 @@
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "ajv-i18n": "^4.2.0",
-    "antd": "^5.0.0",
+    "antd": "^4.0.0",
     "atob": "^2.1.2",
     "chakra-react-select": "^4.6.0",
     "core-js": "^3.32.0",
diff --git a/packages/playground/src/app.tsx b/packages/playground/src/app.tsx
index e13be016e8..20cd676f3d 100644
--- a/packages/playground/src/app.tsx
+++ b/packages/playground/src/app.tsx
@@ -88,7 +88,7 @@ const themes: PlaygroundProps['themes'] = {
     },
   },
   antd: {
-    stylesheet: '//cdnjs.cloudflare.com/ajax/libs/antd/5.8.3/reset.min.css',
+    stylesheet: '//cdnjs.cloudflare.com/ajax/libs/antd/4.1.4/antd.min.css',
     theme: AntdTheme,
   },
   'bootstrap-4': {

From a5571d128c7e29e8b7ceddc18d1f2032263741f7 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Sun, 20 Aug 2023 01:01:51 +0530
Subject: [PATCH 04/11] update package json of playground

---
 packages/playground/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/playground/package.json b/packages/playground/package.json
index ef18ee078c..a3665b1bb4 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -55,7 +55,7 @@
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "ajv-i18n": "^4.2.0",
-    "antd": "^4.0.0",
+    "antd": "^4.24.13",
     "atob": "^2.1.2",
     "chakra-react-select": "^4.6.0",
     "core-js": "^3.32.0",

From 39a9d32d3156afa4f3c6af8911cda6db6399d041 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Sun, 20 Aug 2023 01:16:43 +0530
Subject: [PATCH 05/11] update changelog.md

---
 CHANGELOG.md | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 73ad79387e..0ee98e2a10 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,7 +20,20 @@ should change the heading of the (upcoming) version to include a major version b
 ## @rjsf/antd
 
 - Bump Antd version from v4 to v5.
-- kept peer dependencies to v4 so that this changes doesn't make breaking change for @rfjs/antd users.
+- Intentionally kept peer dependencies to v4 so that this changes doesn't make breaking change for @rfjs/antd users.
+
+However, if users of @rjsf/antd want to use v5 styling.
+They need to wrap your application with the `StyleProvider` from `@ant-design/cssinjs`.
+They need not have to install this package, its a transitive package coming from antd.
+
+```tsx
+import { StyleProvider  } from '@ant-design/cssinjs';
+
+const Component = () => {
+return (<StyleProvider><YourFormComponents /></StyleProvider>);
+}
+```
+
 
 # 5.12.1
 

From f78630756a4960e9c38c9ddb70761d843c05e19a Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Wed, 23 Aug 2023 08:55:42 +0530
Subject: [PATCH 06/11] update docs for antd

---
 .../api-reference/themes/antd/uiSchema.md     | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/docs/docs/api-reference/themes/antd/uiSchema.md b/packages/docs/docs/api-reference/themes/antd/uiSchema.md
index 9cf6016b1b..7e08d88f93 100644
--- a/packages/docs/docs/api-reference/themes/antd/uiSchema.md
+++ b/packages/docs/docs/api-reference/themes/antd/uiSchema.md
@@ -1,9 +1,9 @@
 # AntD Customization
 
-You can customize the look of the form by passing options to Ant-Design theme fields.
-
 ## formContext
 
+You can customize the look of the form by passing options to Ant-Design theme fields.
+
 The formContext antd object accepts `descriptionLocation`, `readonlyAsDisabled` properties.
 
 `descriptionLocation` can be `'below' | 'tooltip'`, the default is `'below'` which places the description below the form item.
@@ -26,3 +26,21 @@ These are the `formContext` properties that you can modify to adjust the `antd`
 
 - `descriptionLocation`: Where to display the description, either 'below' or 'tooltip', defaults to 'below'
 - `readonlyAsDisabled`: Whether to make the antd theme treat readOnly fields as disabled, defaults to true
+
+## Optional Antd v5 Theme
+
+You can use AntD v5 styling by wrapping your application with `StyleProvider` from `@ant-design/cssinjs`.
+
+By default, @rjsf/antd components are having v4 styling.
+
+```tsx
+import { StyleProvider } from '@ant-design/cssinjs';
+
+const Component = () => {
+  return (
+    <StyleProvider>
+      <YourFormComponents />
+    </StyleProvider>
+  );
+};
+```

From 87e8c0cfca7f548c51cbb17d579aecc1ff404b31 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Wed, 23 Aug 2023 08:57:43 +0530
Subject: [PATCH 07/11] update docs for antd

---
 packages/docs/docs/api-reference/themes/antd/uiSchema.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/docs/api-reference/themes/antd/uiSchema.md b/packages/docs/docs/api-reference/themes/antd/uiSchema.md
index 7e08d88f93..0a5edbf54b 100644
--- a/packages/docs/docs/api-reference/themes/antd/uiSchema.md
+++ b/packages/docs/docs/api-reference/themes/antd/uiSchema.md
@@ -27,7 +27,7 @@ These are the `formContext` properties that you can modify to adjust the `antd`
 - `descriptionLocation`: Where to display the description, either 'below' or 'tooltip', defaults to 'below'
 - `readonlyAsDisabled`: Whether to make the antd theme treat readOnly fields as disabled, defaults to true
 
-## Optional Antd v5 Theme
+## Using Antd v5 theme
 
 You can use AntD v5 styling by wrapping your application with `StyleProvider` from `@ant-design/cssinjs`.
 

From b4762bbcf4d4ff842bb05ccc11c13a30703df68d Mon Sep 17 00:00:00 2001
From: Manish Gowardipe <gowardipemanish95@gmail.com>
Date: Thu, 24 Aug 2023 11:12:33 +0530
Subject: [PATCH 08/11] Update uiSchema.md

---
 packages/docs/docs/api-reference/themes/antd/uiSchema.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/docs/api-reference/themes/antd/uiSchema.md b/packages/docs/docs/api-reference/themes/antd/uiSchema.md
index 0a5edbf54b..1599a3474f 100644
--- a/packages/docs/docs/api-reference/themes/antd/uiSchema.md
+++ b/packages/docs/docs/api-reference/themes/antd/uiSchema.md
@@ -31,7 +31,7 @@ These are the `formContext` properties that you can modify to adjust the `antd`
 
 You can use AntD v5 styling by wrapping your application with `StyleProvider` from `@ant-design/cssinjs`.
 
-By default, @rjsf/antd components are having v4 styling.
+By default, `@rjsf/antd` components are using the v4 styling.
 
 ```tsx
 import { StyleProvider } from '@ant-design/cssinjs';

From 0405ad1a422d1f3f764f05f2f2c6a5158bce4f76 Mon Sep 17 00:00:00 2001
From: manish3323 <gowardipemanish95@gmail.com>
Date: Thu, 31 Aug 2023 22:52:21 +0530
Subject: [PATCH 09/11] incorporate feedback

---
 CHANGELOG.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0ee98e2a10..b144cdf5cc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,11 +20,8 @@ should change the heading of the (upcoming) version to include a major version b
 ## @rjsf/antd
 
 - Bump Antd version from v4 to v5.
-- Intentionally kept peer dependencies to v4 so that this changes doesn't make breaking change for @rfjs/antd users.
-
-However, if users of @rjsf/antd want to use v5 styling.
-They need to wrap your application with the `StyleProvider` from `@ant-design/cssinjs`.
-They need not have to install this package, its a transitive package coming from antd.
+- Intentionally kept peer dependencies to v4 so that this change doesn't make breaking change for @rfjs/antd users.
+- However, if users of @rjsf/antd want to use v5 styling, they need to wrap your application with the `StyleProvider` from `@ant-design/cssinjs`. They need not have to install this package, its a transitive package coming from antd.
 
 ```tsx
 import { StyleProvider  } from '@ant-design/cssinjs';
@@ -34,7 +31,6 @@ return (<StyleProvider><YourFormComponents /></StyleProvider>);
 }
 ```
 
-
 # 5.12.1
 
 ## @rjsf/validator-ajv8

From 71bdc96274f9ac4ac9e9c56ac7d9864342cb5d8b Mon Sep 17 00:00:00 2001
From: Christian Wendt <54559756+cwendtxealth@users.noreply.github.com>
Date: Mon, 28 Aug 2023 08:57:28 -0700
Subject: [PATCH 10/11] fix: Fixes #3808 Duplciate AnyOf/OneOf Description
 (#3841)

---
 CHANGELOG.md                                             | 4 ++++
 packages/core/src/components/fields/MultiSchemaField.tsx | 9 +++------
 packages/core/test/anyOf.test.jsx                        | 3 +++
 packages/core/test/oneOf.test.jsx                        | 3 +++
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b144cdf5cc..a08ef5ec21 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,6 +31,10 @@ return (<StyleProvider><YourFormComponents /></StyleProvider>);
 }
 ```
 
+## @rjsf/core
+
+- Updated `MultiSchemaField` to only merge top level required field fixing duplicate field and description.
+
 # 5.12.1
 
 ## @rjsf/validator-ajv8
diff --git a/packages/core/src/components/fields/MultiSchemaField.tsx b/packages/core/src/components/fields/MultiSchemaField.tsx
index 11e612c059..cf5d4600cd 100644
--- a/packages/core/src/components/fields/MultiSchemaField.tsx
+++ b/packages/core/src/components/fields/MultiSchemaField.tsx
@@ -2,9 +2,7 @@ import { Component } from 'react';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
 import omit from 'lodash/omit';
-import unset from 'lodash/unset';
 import {
-  ADDITIONAL_PROPERTY_FLAG,
   deepEquals,
   ERRORS_KEY,
   FieldProps,
@@ -172,11 +170,10 @@ class AnyOfField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
     let optionSchema: S;
 
     if (option) {
-      // merge all top level fields except properties
-      const { oneOf, anyOf, properties, ...remaining } = schema;
+      // merge top level required field
+      const { required } = schema;
       // Merge in all the non-oneOf/anyOf properties and also skip the special ADDITIONAL_PROPERTY_FLAG property
-      unset(remaining, ADDITIONAL_PROPERTY_FLAG);
-      optionSchema = !isEmpty(remaining) ? (mergeSchemas(remaining, option) as S) : option;
+      optionSchema = required ? (mergeSchemas({ required }, option) as S) : option;
     }
 
     const translateEnum: TranslatableString = title
diff --git a/packages/core/test/anyOf.test.jsx b/packages/core/test/anyOf.test.jsx
index 60ea400db7..5e15171294 100644
--- a/packages/core/test/anyOf.test.jsx
+++ b/packages/core/test/anyOf.test.jsx
@@ -38,6 +38,7 @@ describe('anyOf', () => {
       properties: {
         baz: { type: 'number' },
       },
+      description: 'top level description',
       anyOf: [
         {
           properties: {
@@ -61,6 +62,8 @@ describe('anyOf', () => {
     expect(node.querySelectorAll('select')).to.have.length.of(1);
     expect(node.querySelector('select').id).eql('root__anyof_select');
     expect(node.querySelectorAll('span.required')).to.have.length.of(1);
+    expect(node.querySelectorAll('#root__description')).to.have.length.of(1);
+    expect(node.querySelectorAll('#root_baz')).to.have.length.of(1);
   });
 
   it('should render a select element if the anyOf keyword is present, merges top level and anyOf required', () => {
diff --git a/packages/core/test/oneOf.test.jsx b/packages/core/test/oneOf.test.jsx
index 205b541e0f..45ae7301dd 100644
--- a/packages/core/test/oneOf.test.jsx
+++ b/packages/core/test/oneOf.test.jsx
@@ -39,6 +39,7 @@ describe('oneOf', () => {
       properties: {
         baz: { type: 'number' },
       },
+      description: 'top level description',
       oneOf: [
         {
           properties: {
@@ -62,6 +63,8 @@ describe('oneOf', () => {
     expect(node.querySelectorAll('select')).to.have.length.of(1);
     expect(node.querySelector('select').id).eql('root__oneof_select');
     expect(node.querySelectorAll('span.required')).to.have.length.of(1);
+    expect(node.querySelectorAll('#root__description')).to.have.length.of(1);
+    expect(node.querySelectorAll('#root_baz')).to.have.length.of(1);
   });
 
   it('should render a select element if the oneOf keyword is present, merges top level and oneOf required', () => {

From 1e73152ece593d48300765b042406604cc4bb483 Mon Sep 17 00:00:00 2001
From: Manish Gowardipe <gowardipemanish95@gmail.com>
Date: Fri, 1 Sep 2023 19:45:21 +0530
Subject: [PATCH 11/11] Update package.json

---
 packages/antd/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/antd/package.json b/packages/antd/package.json
index 0b58ed3741..1ef16a49ae 100644
--- a/packages/antd/package.json
+++ b/packages/antd/package.json
@@ -37,7 +37,7 @@
     "@ant-design/icons": "^4.0.0",
     "@rjsf/core": "^5.12.x",
     "@rjsf/utils": "^5.12.x",
-    "antd": "^4.24.0",
+    "antd": "^4.24.0 || ^5.8.5",
     "dayjs": "^1.8.0",
     "react": "^16.14.0 || >=17"
   },