@syncfusion/ej2-react-form-renderer 0.1.2-beta → 34.2.2

package/dist/ej2-react-form-renderer.umd.min.js

@@ -0,0 +1,11 @@
+/*!
+*  filename: ej2-react-form-renderer.umd.min.js
+*  version : 34.2.2
+*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-form-renderer"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-form-renderer","@syncfusion/ej2-react-base"],t):t((e=e||self).ej={},e.React,e.ej2FormRenderer,e.ej2ReactBase)}(this,function(t,e,r,n){"use strict";o=function(e,t){return(o=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])}))(e,t)};var o,i,s=function(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)},s=(i=r.FormRenderer,s(c,i),c.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));i.prototype.render.call(this),this.initRenderCalled=!0},c);function c(e){e=i.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!0,e.isReactMock=!0,e.portals=[],e}n.applyMixins(s,[n.ComponentBase,e.Component]),Object.keys(r).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return r[e]}})}),t.FormRendererComponent=s,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=ej2-react-form-renderer.umd.min.js.map

package/dist/ej2-react-form-renderer.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-react-form-renderer.umd.min.js","sources":["../src/form-renderer/formrenderer.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `FormRenderer` represents the React FormRenderer Component.\n * ```ts\n * <FormRendererComponent schema={schema} />\n * ```\n */\nvar FormRendererComponent = /** @class */ (function (_super) {\n    __extends(FormRendererComponent, _super);\n    function FormRendererComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = true;\n        _this.isReactMock = true;\n        _this.portals = [];\n        return _this;\n    }\n    FormRendererComponent.prototype.render = function () {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return FormRendererComponent;\n}(FormRenderer));\nexport { FormRendererComponent };\napplyMixins(FormRendererComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","FormRendererComponent","FormRenderer","render","isReactMock","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","props","children","portals","call","_this","checkInjectedModules","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component"],"mappings":"mZACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqB6CS,EAtBjDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFK,GAAiDP,EAwBnDQ,eAvBEP,EAAUM,EAAuBP,CAAM,EAYvCO,EAAsBF,UAAUI,OAAS,WAErC,GADAN,KAAKO,YAAc,CAAA,EACf,EAAEP,KAAKQ,SAAW,CAACR,KAAKS,kBAAqBT,KAAKU,aAAgBV,KAAKW,oBAKvE,OAAOC,gBAAoB,MAAOZ,KAAKa,uBAAwB,GAAGC,OAAOd,KAAKe,MAAMC,SAAUhB,KAAKiB,OAAO,CAAC,EAJ3GpB,EAAOK,UAAUI,OAAOY,KAAKlB,IAAI,EACjCA,KAAKS,iBAAmB,CAAA,GAMzBL,GArBP,SAASA,EAAsBW,GACvBI,EAAQtB,EAAOqB,KAAKlB,KAAMe,CAAK,GAAKf,KAQxC,OAPAmB,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAME,uBAAyB,KAC/BF,EAAMG,cAAgB,KACtBH,EAAMI,gBAAkB,CAAA,EACxBJ,EAAMZ,YAAc,CAAA,EACpBY,EAAMF,QAAU,GACTE,gBAeHf,EAAuB,CAACoB,gBAAeC,YAAgB"}

package/dist/es6/ej2-react-form-renderer.es2015.js

@@ -0,0 +1,37 @@
+import { createElement, Component } from 'react';
+import { FormRenderer } from '@syncfusion/ej2-form-renderer';
+export * from '@syncfusion/ej2-form-renderer';
+import { applyMixins, ComponentBase } from '@syncfusion/ej2-react-base';
+
+/**
+ * `FormRenderer` represents the React FormRenderer Component.
+ * ```ts
+ * <FormRendererComponent schema={schema} />
+ * ```
+ */
+class FormRendererComponent extends FormRenderer {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = false;
+        this.statelessTemplateProps = null;
+        this.templateProps = null;
+        this.immediateRender = true;
+        this.isReactMock = true;
+        this.portals = [];
+    }
+    render() {
+        this.isReactMock = false;
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    }
+}
+applyMixins(FormRendererComponent, [ComponentBase, Component]);
+
+export { FormRendererComponent };
+//# sourceMappingURL=ej2-react-form-renderer.es2015.js.map

package/dist/es6/ej2-react-form-renderer.es2015.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-react-form-renderer.es2015.js","sources":["../src/es6/form-renderer/formrenderer.component.js"],"sourcesContent":["import * as React from 'react';\nimport { FormRenderer } from '@syncfusion/ej2-form-renderer';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `FormRenderer` represents the React FormRenderer Component.\n * ```ts\n * <FormRendererComponent schema={schema} />\n * ```\n */\nexport class FormRendererComponent extends FormRenderer {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = true;\n        this.isReactMock = true;\n        this.portals = [];\n    }\n    render() {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(FormRendererComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,qBAAqB,SAAS,YAAY,CAAC;AACxD,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,QAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;AACrB,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,QAAQ,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;AAC1C,QAAQ,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;AAC3C,QAAQ,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,QAAQ,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AACpC,QAAQ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAChC,QAAQ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACjC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;AACxG,YAAY,KAAK,CAAC,MAAM,EAAE,CAAC;AAC3B,YAAY,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACzC,SAAS;AACT,aAAa;AACb,YAAY,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACzH,SAAS;AACT,KAAK;AACL,CAAC;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC;;;;"}

package/form-renderer.d.ts

@@ -0,0 +1,4 @@
+/**
+ * form-renderer
+ */
+export * from './src/form-renderer/index';

package/form-renderer.js

@@ -0,0 +1,4 @@
+/**
+ * form-renderer
+ */
+export * from './src/form-renderer/index';

package/index.d.ts

@@ -1,6 +1,4 @@
 /**
- * @syncfusion/ej2-react-form-renderer
- * Form Renderer Component - Dynamic JSON-driven forms
+ * index
  */
-
-export * from './src/index.js';
+export * from './src/index';

package/index.js

@@ -1,6 +1,4 @@
 /**
- * @syncfusion/ej2-react-form-renderer
- * Form Renderer Component - Dynamic JSON-driven forms
+ * index
  */
-
-export * from './src/index.js';
+export * from './src/index';

package/license

@@ -1,13 +1,6 @@
-Syncfusion® License
-
-Copyright (c) Syncfusion®, Inc. All rights reserved.
-
-Essential® JS 2 Form Renderer library is available through the Syncfusion® Essential Studio® program and can be licensed under either the Syncfusion® Community License Program or the Syncfusion® Commercial License.
-
-To qualify for the Syncfusion® Community License Program, your organization must have annual gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and fewer than five (5) developers. Additionally, you must agree to Syncfusion®'s terms and conditions.
-
-If you do not meet the requirements for the community license, please reach out to sales@syncfusion.com for commercial licensing options.
-
-You are required to obtain either a Community License or a Commercial License before using this product and must agree to comply with Syncfusion®'s terms and conditions.
-
-The full Syncfusion® license, including terms and conditions, can be found at: https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,49 +1,30 @@
 {
   "name": "@syncfusion/ej2-react-form-renderer",
-  "version": "0.1.2-beta",
-  "description": "Form renderer component for rendering dynamic JSON-driven forms with Syncfusion EJ2 React components",
+  "version": "34.2.2",
+  "description": "A package of Essential JS 2 Form Renderer which can render feature-rich Syncfusion components as a form. for React",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "keywords": [
-    "syncfusion",
-    "ej2",
     "react",
-    "form",
-    "form-renderer",
-    "form-builder",
-    "dynamic-forms",
-    "json-forms",
-    "schema-forms",
-    "ui-components",
-    "react-components"
+    "reactjs",
+    "ej2-react-form-renderer",
+    "react-form-renderer",
+    "form-renderer"
   ],
-  "main": "./index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "typings": "./index.d.ts",
-  "readme": "README.md",
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "types": "./index.d.ts"
-    },
-    "./styles/*": "./styles/*"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "sideEffects": false,
+  "main": "./dist/ej2-react-form-renderer.umd.min.js",
+  "module": "./index.js",
+  "es2015": "dist/es6/ej2-react-form-renderer.es2015.js",
+  "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-react-buttons": "*",
-    "@syncfusion/ej2-react-calendars": "*",
-    "@syncfusion/ej2-react-dropdowns": "*",
-    "@syncfusion/ej2-react-grids": "*",
-    "@syncfusion/ej2-react-image-editor": "*",
-    "@syncfusion/ej2-react-inputs": "*",
-    "@syncfusion/ej2-react-layouts": "*",
-    "@syncfusion/ej2-react-lists": "*",
-    "@syncfusion/ej2-react-navigations": "*",
-    "@syncfusion/ej2-react-notifications": "*",
-    "@syncfusion/ej2-react-popups": "*",
-    "@syncfusion/ej2-react-richtexteditor": "*",
-    "@syncfusion/ej2-react-splitbuttons": "*"
+    "@syncfusion/ej2-base": "~34.2.2",
+    "@syncfusion/ej2-react-base": "~34.2.2",
+    "@syncfusion/ej2-form-renderer": "34.2.2"
   },
-  "devDependencies": {}
+  "devDependencies": {},
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/react-components"
 }

package/src/form-renderer/formrenderer.component.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { FormRenderer, FormRendererModel } from '@syncfusion/ej2-form-renderer';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+/**
+ * `FormRenderer` represents the React FormRenderer Component.
+ * ```ts
+ * <FormRendererComponent schema={schema} />
+ * ```
+ */
+export declare class FormRendererComponent extends FormRenderer {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<FormRendererModel | DefaultHtmlAttributes>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    private statelessTemplateProps;
+    private templateProps;
+    private immediateRender;
+    private isReactMock;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<FormRendererModel | DefaultHtmlAttributes>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/form-renderer/formrenderer.component.js

@@ -0,0 +1,49 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import * as React from 'react';
+import { FormRenderer } from '@syncfusion/ej2-form-renderer';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * `FormRenderer` represents the React FormRenderer Component.
+ * ```ts
+ * <FormRendererComponent schema={schema} />
+ * ```
+ */
+var FormRendererComponent = /** @class */ (function (_super) {
+    __extends(FormRendererComponent, _super);
+    function FormRendererComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = false;
+        _this.statelessTemplateProps = null;
+        _this.templateProps = null;
+        _this.immediateRender = true;
+        _this.isReactMock = true;
+        _this.portals = [];
+        return _this;
+    }
+    FormRendererComponent.prototype.render = function () {
+        this.isReactMock = false;
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            _super.prototype.render.call(this);
+            this.initRenderCalled = true;
+        }
+        else {
+            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    };
+    return FormRendererComponent;
+}(FormRenderer));
+export { FormRendererComponent };
+applyMixins(FormRendererComponent, [ComponentBase, React.Component]);

package/src/form-renderer/index.d.ts

@@ -0,0 +1 @@
+export * from './formrenderer.component';

package/src/form-renderer/index.js

@@ -0,0 +1 @@
+export * from './formrenderer.component';

package/src/global.js

@@ -0,0 +1 @@
+export * from './index';

package/src/index.d.ts

@@ -1,6 +1,2 @@
-/**
- * @syncfusion/ej2-react-form-renderer
- * Form Renderer Component - Dynamic JSON-driven forms
- */
-
-export { FormRenderer, FormLayout, FormRendererProps, ChangeEventArgs, SubmitEventArgs, UISchema, DataSchema } from './FormRenderer.js';
+export * from './form-renderer';
+export * from '@syncfusion/ej2-form-renderer';

package/src/index.js

@@ -1,6 +1,2 @@
-/**
- * @syncfusion/ej2-react-form-renderer
- * Form Renderer Component - Dynamic JSON-driven forms
- */
-
-export { FormRenderer, FormLayout } from './FormRenderer.js';
+export * from './form-renderer';
+export * from '@syncfusion/ej2-form-renderer';

package/styles/bds-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bds-lite.css';

package/styles/bds-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bds-lite' as *;

package/styles/bds.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bds.css';

package/styles/bds.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bds' as *;

package/styles/bootstrap-dark-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap-dark-lite.css';

package/styles/bootstrap-dark-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.css

@@ -1,26 +1 @@
-@import '@syncfusion/ej2-base/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-buttons/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-inputs/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-dropdowns/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-calendars/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-react-calendars/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-navigations/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-notifications/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-popups/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-lists/styles/bootstrap-dark.css';
-@import '@syncfusion/ej2-splitbuttons/styles/bootstrap-dark.css';
-@import "@syncfusion/ej2-react-popups/styles/bootstrap-dark.css";
-@import "@syncfusion/ej2-react-grids/styles/bootstrap-dark.css";
-@import "@syncfusion/ej2-splitbuttons/styles/bootstrap-dark.css";
-@import "@syncfusion/ej2-image-editor/styles/bootstrap-dark.css";
-@import "@syncfusion/ej2-layouts/styles/bootstrap-dark.css";
-@import '@syncfusion/ej2-richtexteditor/styles/bootstrap-dark.css';
-@import 'form-renderer.base.css';
-
-:root {
-  --sf-bg-color: #6e6e6e;
-  --sf-font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont';
-  --sf-text-color: #fff;
-  --sf-tooltip-text-color: #fff;
-  --sf-layout-border-color: #1a1a1a;
-}
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap-dark.css';

package/styles/bootstrap-dark.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bootstrap-dark' as *;

package/styles/bootstrap-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap-lite.css';

package/styles/bootstrap-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bootstrap-lite' as *;

package/styles/bootstrap.css

@@ -1,26 +1 @@
-@import '@syncfusion/ej2-base/styles/bootstrap.css';
-@import '@syncfusion/ej2-buttons/styles/bootstrap.css';
-@import '@syncfusion/ej2-inputs/styles/bootstrap.css';
-@import '@syncfusion/ej2-dropdowns/styles/bootstrap.css';
-@import '@syncfusion/ej2-calendars/styles/bootstrap.css';
-@import '@syncfusion/ej2-react-calendars/styles/bootstrap.css';
-@import '@syncfusion/ej2-navigations/styles/bootstrap.css';
-@import '@syncfusion/ej2-notifications/styles/bootstrap.css';
-@import '@syncfusion/ej2-popups/styles/bootstrap.css';
-@import '@syncfusion/ej2-lists/styles/bootstrap.css';
-@import '@syncfusion/ej2-splitbuttons/styles/bootstrap.css';
-@import "@syncfusion/ej2-react-popups/styles/bootstrap.css";
-@import "@syncfusion/ej2-react-grids/styles/bootstrap.css";
-@import "@syncfusion/ej2-splitbuttons/styles/bootstrap.css";
-@import "@syncfusion/ej2-image-editor/styles/bootstrap.css";
-@import "@syncfusion/ej2-layouts/styles/bootstrap.css";
-@import '@syncfusion/ej2-richtexteditor/styles/bootstrap.css';
-@import 'form-renderer.base.css';
-
-:root {
-  --sf-bg-color: #fff;
-  --sf-font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont';
-  --sf-text-color: #333;
-  --sf-tooltip-text-color: #333;
-  --sf-layout-border-color: #000;
-}
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap.css';

package/styles/bootstrap.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bootstrap' as *;

package/styles/bootstrap4-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap4-lite.css';

package/styles/bootstrap4-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bootstrap4-lite' as *;

package/styles/bootstrap4.css

@@ -1,26 +1 @@
-@import '@syncfusion/ej2-base/styles/bootstrap4.css';
-@import '@syncfusion/ej2-buttons/styles/bootstrap4.css';
-@import '@syncfusion/ej2-inputs/styles/bootstrap4.css';
-@import '@syncfusion/ej2-dropdowns/styles/bootstrap4.css';
-@import '@syncfusion/ej2-calendars/styles/bootstrap4.css';
-@import '@syncfusion/ej2-react-calendars/styles/bootstrap4.css';
-@import '@syncfusion/ej2-navigations/styles/bootstrap4.css';
-@import '@syncfusion/ej2-notifications/styles/bootstrap4.css';
-@import '@syncfusion/ej2-popups/styles/bootstrap4.css';
-@import '@syncfusion/ej2-lists/styles/bootstrap4.css';
-@import '@syncfusion/ej2-splitbuttons/styles/bootstrap4.css';
-@import "@syncfusion/ej2-react-popups/styles/bootstrap4.css";
-@import "@syncfusion/ej2-react-grids/styles/bootstrap4.css";
-@import "@syncfusion/ej2-splitbuttons/styles/bootstrap4.css";
-@import "@syncfusion/ej2-image-editor/styles/bootstrap4.css";
-@import "@syncfusion/ej2-layouts/styles/bootstrap4.css";
-@import '@syncfusion/ej2-richtexteditor/styles/bootstrap4.css';
-@import 'form-renderer.base.css';
-
-:root {
-  --sf-bg-color: #fff;
-  --sf-font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont';
-  --sf-text-color: #000;
-  --sf-tooltip-text-color: #000;
-  --sf-layout-border-color: #343a40;
-}
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap4.css';

package/styles/bootstrap4.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap5-dark-lite.css';

package/styles/bootstrap5-dark-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.css

@@ -1,26 +1 @@
-@import '@syncfusion/ej2-base/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-buttons/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-inputs/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-dropdowns/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-calendars/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-react-calendars/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-navigations/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-notifications/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-popups/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-lists/styles/bootstrap5-dark.css';
-@import '@syncfusion/ej2-splitbuttons/styles/bootstrap5-dark.css';
-@import "@syncfusion/ej2-react-popups/styles/bootstrap5-dark.css";
-@import "@syncfusion/ej2-react-grids/styles/bootstrap5-dark.css";
-@import "@syncfusion/ej2-splitbuttons/styles/bootstrap5-dark.css";
-@import "@syncfusion/ej2-image-editor/styles/bootstrap5-dark.css";
-@import "@syncfusion/ej2-layouts/styles/bootstrap5-dark.css";
-@import '@syncfusion/ej2-richtexteditor/styles/bootstrap5-dark.css';
-@import 'form-renderer.base.css';
-
-:root {
-  --sf-bg-color: #212529;
-  --sf-font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
-  --sf-text-color: #fff;
-  --sf-tooltip-text-color: #adb5bd;
-  --sf-layout-border-color: #343a40;
-}
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap5-dark.css';

package/styles/bootstrap5-dark.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap5-lite.css';

package/styles/bootstrap5-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap5.3-lite.css';

package/styles/bootstrap5.3-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.css

@@ -1,26 +1 @@
-@import '@syncfusion/ej2-base/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-buttons/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-inputs/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-dropdowns/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-calendars/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-react-calendars/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-navigations/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-notifications/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-popups/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-lists/styles/bootstrap5.3.css';
-@import '@syncfusion/ej2-splitbuttons/styles/bootstrap5.3.css';
-@import "@syncfusion/ej2-react-popups/styles/bootstrap5.3.css";
-@import "@syncfusion/ej2-react-grids/styles/bootstrap5.3.css";
-@import "@syncfusion/ej2-splitbuttons/styles/bootstrap5.3.css";
-@import "@syncfusion/ej2-image-editor/styles/bootstrap5.3.css";
-@import "@syncfusion/ej2-layouts/styles/bootstrap5.3.css";
-@import '@syncfusion/ej2-richtexteditor/styles/bootstrap5.3.css';
-@import 'form-renderer.base.css';
-
-:root {
-  --sf-bg-color: #fff;
-  --sf-font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
-  --sf-text-color: #212529;
-  --sf-tooltip-text-color: #6c757d;
-  --sf-layout-border-color: #dee2e6;
-}
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap5.3.css';

package/styles/bootstrap5.3.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bootstrap5.3' as *;

package/styles/bootstrap5.css

@@ -1,26 +1 @@
-@import '@syncfusion/ej2-base/styles/bootstrap5.css';
-@import '@syncfusion/ej2-buttons/styles/bootstrap5.css';
-@import '@syncfusion/ej2-inputs/styles/bootstrap5.css';
-@import '@syncfusion/ej2-dropdowns/styles/bootstrap5.css';
-@import '@syncfusion/ej2-calendars/styles/bootstrap5.css';
-@import '@syncfusion/ej2-react-calendars/styles/bootstrap5.css';
-@import '@syncfusion/ej2-navigations/styles/bootstrap5.css';
-@import '@syncfusion/ej2-notifications/styles/bootstrap5.css';
-@import '@syncfusion/ej2-popups/styles/bootstrap5.css';
-@import '@syncfusion/ej2-lists/styles/bootstrap5.css';
-@import '@syncfusion/ej2-splitbuttons/styles/bootstrap5.css';
-@import "@syncfusion/ej2-react-popups/styles/bootstrap5.css";
-@import "@syncfusion/ej2-react-grids/styles/bootstrap5.css";
-@import "@syncfusion/ej2-splitbuttons/styles/bootstrap5.css";
-@import "@syncfusion/ej2-image-editor/styles/bootstrap5.css";
-@import "@syncfusion/ej2-layouts/styles/bootstrap5.css";
-@import '@syncfusion/ej2-richtexteditor/styles/bootstrap5.css';
-@import 'form-renderer.base.css';
-
-:root {
-  --sf-bg-color: #fff;
-  --sf-font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --sf-text-color: #212529;
-  --sf-tooltip-text-color: #6c757d;
-  --sf-layout-border-color: #dee2e6;
-}
+@import '@syncfusion/ej2-form-renderer/styles/bootstrap5.css';

package/styles/bootstrap5.scss

@@ -0,0 +1 @@
+@use 'form-renderer/bootstrap5' as *;

package/styles/fabric-dark-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/fabric-dark-lite.css';

package/styles/fabric-dark-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/fabric-dark-lite' as *;

package/styles/fabric-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/fabric-dark.css';

package/styles/fabric-dark.scss

@@ -0,0 +1 @@
+@use 'form-renderer/fabric-dark' as *;

package/styles/fabric-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/fabric-lite.css';

package/styles/fabric-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/fabric-lite' as *;

package/styles/fabric.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/fabric.css';

package/styles/fabric.scss

@@ -0,0 +1 @@
+@use 'form-renderer/fabric' as *;

package/styles/fluent-dark-lite.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-form-renderer/styles/fluent-dark-lite.css';

package/styles/fluent-dark-lite.scss

@@ -0,0 +1 @@
+@use '@syncfusion/ej2-form-renderer/fluent-dark-lite' as *;