├── package ├── src │ ├── index.css │ ├── views │ │ ├── form-layouts │ │ │ ├── fb-elements │ │ │ │ └── index.jsx │ │ │ ├── FormLayouts.js │ │ │ └── fi-elements │ │ │ │ ├── FiDefaultInput.js │ │ │ │ ├── FiFilledInput.js │ │ │ │ ├── FiDefaultInputDisabled.js │ │ │ │ ├── FiOutlineInput.js │ │ │ │ ├── FiDefaultInputSearch.js │ │ │ │ ├── FiDefaultInputError.js │ │ │ │ ├── FiFilledInputDisabled.js │ │ │ │ ├── FiFilledInputSearch.js │ │ │ │ ├── FiDefaultInputSmall.js │ │ │ │ ├── FiFilledInputPassword.js │ │ │ │ ├── FiOutlineInputDisabled.js │ │ │ │ ├── FiOutlineInputSearch.js │ │ │ │ ├── FiDefaultInputRequired.js │ │ │ │ ├── FiFilledInputError.js │ │ │ │ ├── FiFilledInputSmall.js │ │ │ │ ├── FiOutlineInputError.js │ │ │ │ ├── FiDefaultInputPassword.js │ │ │ │ ├── FiInputwithHelper.js │ │ │ │ ├── FiOutlineInputSmall.js │ │ │ │ ├── FiFilledInputRequired.js │ │ │ │ ├── FiDefaultInputMultiline.js │ │ │ │ ├── FiDefaultInputNumber.js │ │ │ │ ├── FiOutlineInputRequired.js │ │ │ │ ├── FiDefaultInputDate.js │ │ │ │ ├── FiOutlineInputPassword.js │ │ │ │ ├── FiFilledInputMultiline.js │ │ │ │ ├── FiFilledInputNumber.js │ │ │ │ ├── FiDefaultInputReadOnly.js │ │ │ │ ├── FiOutlineInputNumber.js │ │ │ │ ├── FiFilledInputwithHelper.js │ │ │ │ ├── FiOutlineInputMultiline.js │ │ │ │ ├── FiDefaultInputErrorHelperText.js │ │ │ │ ├── FiFilledInputDate.js │ │ │ │ ├── FiOutlineInputDate.js │ │ │ │ ├── FiOutlinedInputwithHelper.js │ │ │ │ ├── FiFilledInputReadOnly.js │ │ │ │ ├── FiOutlineInputReadOnly.js │ │ │ │ ├── FiDefaultInputDateTime.js │ │ │ │ ├── FiFilledInputErrorHelperText.js │ │ │ │ ├── FiOutlineInputErrorHelperText.js │ │ │ │ ├── FiDefaultInputTime.js │ │ │ │ ├── FiFilledInputDateTime.js │ │ │ │ ├── FiOutlinedInputDateTime.js │ │ │ │ ├── FiFilledInputTime.js │ │ │ │ ├── FiOutlinedInputTime.js │ │ │ │ ├── FiDefaultInputMultilineControlled.js │ │ │ │ ├── FiFilledInputMultilineControlled.js │ │ │ │ ├── FiOutlineInputMultilineControlled.js │ │ │ │ ├── FiDefaultInputGrouping.js │ │ │ │ ├── FiFilledInputGrouping.js │ │ │ │ ├── FiOutlinedInputGrouping.js │ │ │ │ ├── FiDefaultSelect.js │ │ │ │ ├── FiFilledSelect.js │ │ │ │ ├── FiOutlinedSelect.js │ │ │ │ ├── FiDefaultNativeSelect.js │ │ │ │ ├── FiFilledNativeSelect.js │ │ │ │ └── FiOutlinedNativeSelect.js │ │ ├── tables │ │ │ └── BasicTable.js │ │ ├── sample-page │ │ │ └── SamplePage.js │ │ ├── icons │ │ │ └── Icons.js │ │ ├── authentication │ │ │ ├── Error.js │ │ │ ├── auth │ │ │ │ ├── AuthRegister.jsx │ │ │ │ └── AuthLogin.jsx │ │ │ └── Register.js │ │ ├── dashboard │ │ │ ├── Dashboard.js │ │ │ └── components │ │ │ │ ├── Blog.js │ │ │ │ └── MonthlyEarnings.js │ │ ├── utilities │ │ │ └── Shadow.js │ │ └── form-elements │ │ │ └── ExAutoComplete.js │ ├── assets │ │ └── images │ │ │ ├── products │ │ │ ├── u1.jpg │ │ │ ├── u2.jpg │ │ │ └── u3.jpg │ │ │ ├── profile │ │ │ └── user-1.jpg │ │ │ ├── backgrounds │ │ │ ├── rocket.png │ │ │ └── 404-error-idea.gif │ │ │ ├── svgs │ │ │ ├── vue-cat-icon.svg │ │ │ ├── nuxt-cat-icon.svg │ │ │ ├── angular-cat-icon.svg │ │ │ ├── tailwindcss.svg │ │ │ ├── bt-cat-icon.svg │ │ │ └── next-cat-icon.svg │ │ │ └── logos │ │ │ └── logo-dark.svg │ ├── layouts │ │ ├── blank │ │ │ └── BlankLayout.js │ │ └── full │ │ │ ├── footer │ │ │ └── Footer.js │ │ │ ├── shared │ │ │ └── logo │ │ │ │ └── Logo.js │ │ │ └── sidebar │ │ │ ├── Upgrade.js │ │ │ └── Sidebar.js │ ├── main.jsx │ ├── components │ │ ├── shared │ │ │ ├── BlankCard.js │ │ │ └── DashboardCard.js │ │ ├── container │ │ │ └── PageContainer.js │ │ ├── custom-scroll │ │ │ └── Scrollbar.jsx │ │ ├── forms │ │ │ ├── Button │ │ │ │ ├── SizeButton.js │ │ │ │ ├── DefaultButtonGroup.js │ │ │ │ ├── ColorButtons.js │ │ │ │ ├── IconColorButtons.js │ │ │ │ ├── TextColorButtons.js │ │ │ │ └── OutlinedColorButtons.js │ │ │ └── theme-elements │ │ │ │ └── CustomTextField.jsx │ │ └── BaseCard │ │ │ └── BaseCard.js │ ├── App.jsx │ ├── App.css │ ├── theme │ │ ├── Typography.js │ │ └── Shadows.js │ └── routes │ │ └── Router.js ├── .npmrc ├── netlify.toml ├── public │ ├── favicon.png │ └── vite.svg ├── .gitignore ├── README.md ├── .eslintrc.cjs ├── index.html ├── package.json └── vite.config.js ├── landingpage ├── dist │ ├── scss │ │ ├── responsive.scss │ │ ├── bootstrap │ │ │ ├── utilities │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _screenreaders.scss │ │ │ │ ├── _visibility.scss │ │ │ │ ├── _shadows.scss │ │ │ │ ├── _sizing.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _align.scss │ │ │ │ ├── _background.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _embed.scss │ │ │ │ ├── _display.scss │ │ │ │ ├── _spacing.scss │ │ │ │ ├── _borders.scss │ │ │ │ ├── _text.scss │ │ │ │ └── _flex.scss │ │ │ ├── _media.scss │ │ │ ├── mixins │ │ │ │ ├── _box-shadow.scss │ │ │ │ ├── _size.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _visibility.scss │ │ │ │ ├── _lists.scss │ │ │ │ ├── _text-truncate.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _alert.scss │ │ │ │ ├── _nav-divider.scss │ │ │ │ ├── _text-emphasis.scss │ │ │ │ ├── _transition.scss │ │ │ │ ├── _text-hide.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _table-row.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _screen-reader.scss │ │ │ │ ├── _hover.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _caret.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _grid-framework.scss │ │ │ │ └── _gradients.scss │ │ │ ├── _transitions.scss │ │ │ ├── _jumbotron.scss │ │ │ ├── bootstrap-reboot.scss │ │ │ ├── _utilities.scss │ │ │ ├── _root.scss │ │ │ ├── bootstrap-grid.scss │ │ │ ├── _progress.scss │ │ │ ├── _close.scss │ │ │ ├── bootstrap.scss │ │ │ ├── _mixins.scss │ │ │ ├── _code.scss │ │ │ ├── _badge.scss │ │ │ ├── _grid.scss │ │ │ ├── _images.scss │ │ │ ├── _alert.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _pagination.scss │ │ │ ├── _nav.scss │ │ │ └── _type.scss │ │ └── style.scss │ └── css │ │ └── icons │ │ ├── font-awesome │ │ ├── webfonts │ │ │ ├── fa-solid-900.eot │ │ │ ├── fa-solid-900.ttf │ │ │ ├── fa-brands-400.eot │ │ │ ├── fa-brands-400.ttf │ │ │ ├── fa-brands-400.woff │ │ │ ├── fa-brands-400.woff2 │ │ │ ├── fa-regular-400.eot │ │ │ ├── fa-regular-400.ttf │ │ │ ├── fa-regular-400.woff │ │ │ ├── fa-solid-900.woff │ │ │ ├── fa-solid-900.woff2 │ │ │ └── fa-regular-400.woff2 │ │ ├── less │ │ │ ├── _screen-reader.less │ │ │ ├── _fixed-width.less │ │ │ ├── _core.less │ │ │ ├── _animated.less │ │ │ ├── _list.less │ │ │ ├── _bordered-pulled.less │ │ │ ├── fontawesome.less │ │ │ ├── _larger.less │ │ │ ├── _stacked.less │ │ │ ├── _rotated-flipped.less │ │ │ ├── fa-brands.less │ │ │ ├── fa-solid.less │ │ │ ├── fa-regular.less │ │ │ └── _mixins.less │ │ ├── scss │ │ │ ├── _fixed-width.scss │ │ │ ├── _screen-reader.scss │ │ │ ├── _core.scss │ │ │ ├── _animated.scss │ │ │ ├── _list.scss │ │ │ ├── _larger.scss │ │ │ ├── fontawesome.scss │ │ │ ├── _bordered-pulled.scss │ │ │ ├── _stacked.scss │ │ │ ├── fa-brands.scss │ │ │ ├── fa-solid.scss │ │ │ ├── fa-regular.scss │ │ │ ├── _rotated-flipped.scss │ │ │ └── _mixins.scss │ │ └── css │ │ │ ├── fa-brands.min.css │ │ │ ├── fa-solid.min.css │ │ │ ├── fa-regular.min.css │ │ │ ├── fa-brands.css │ │ │ ├── fa-solid.css │ │ │ └── fa-regular.css │ │ └── material-design-iconic-font │ │ └── fonts │ │ ├── Material-Design-Iconic-Font.eot │ │ ├── Material-Design-Iconic-Font.ttf │ │ ├── Material-Design-Iconic-Font.woff │ │ ├── materialdesignicons-webfont.eot │ │ ├── materialdesignicons-webfont.ttf │ │ ├── materialdesignicons-webfont.woff │ │ ├── Material-Design-Iconic-Font.woff2 │ │ └── materialdesignicons-webfont.woff2 └── images │ ├── favicon.png │ ├── logo-icon.png │ └── logo-text.png ├── .gitignore ├── hire-us.html ├── docs.html └── discount-code.html /package/src/index.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /landingpage/dist/scss/responsive.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /package/.npmrc: -------------------------------------------------------------------------------- 1 | legacy-peer-deps=true -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # dependencies 2 | /node_modules 3 | 4 | -------------------------------------------------------------------------------- /package/netlify.toml: -------------------------------------------------------------------------------- 1 | [[redirects]] 2 | from = "/*" 3 | to = "/" 4 | status = 200 -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /package/public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/public/favicon.png -------------------------------------------------------------------------------- /landingpage/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/images/favicon.png -------------------------------------------------------------------------------- /landingpage/images/logo-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/images/logo-icon.png -------------------------------------------------------------------------------- /landingpage/images/logo-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/images/logo-text.png -------------------------------------------------------------------------------- /package/src/views/form-layouts/fb-elements/index.jsx: -------------------------------------------------------------------------------- 1 | import FbDefaultForm from "./FbDefaultForm"; 2 | 3 | export { FbDefaultForm }; 4 | -------------------------------------------------------------------------------- /package/src/assets/images/products/u1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/src/assets/images/products/u1.jpg -------------------------------------------------------------------------------- /package/src/assets/images/products/u2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/src/assets/images/products/u2.jpg -------------------------------------------------------------------------------- /package/src/assets/images/products/u3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/src/assets/images/products/u3.jpg -------------------------------------------------------------------------------- /package/src/assets/images/profile/user-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/src/assets/images/profile/user-1.jpg -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | display: flex; 3 | align-items: flex-start; 4 | } 5 | 6 | .media-body { 7 | flex: 1; 8 | } 9 | -------------------------------------------------------------------------------- /package/src/assets/images/backgrounds/rocket.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/src/assets/images/backgrounds/rocket.png -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | box-shadow: $shadow; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height: $width) { 4 | width: $width; 5 | height: $height; 6 | } 7 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix() { 2 | &::after { 3 | display: block; 4 | clear: both; 5 | content: ""; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /package/src/assets/images/backgrounds/404-error-idea.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/package/src/assets/images/backgrounds/404-error-idea.gif -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.eot -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.eot -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.eot -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_screen-reader.less: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { .sr-only(); } 5 | .sr-only-focusable { .sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | text-align: center; 5 | width: (20em / 16); 6 | } 7 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | text-align: center; 5 | width: (20em / 16); 6 | } 7 | -------------------------------------------------------------------------------- /package/src/layouts/blank/BlankLayout.js: -------------------------------------------------------------------------------- 1 | import { Outlet } from "react-router"; 2 | 3 | const BlankLayout = () => ( 4 | <> 5 | 6 | 7 | ); 8 | 9 | export default BlankLayout; 10 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { @include sr-only; } 5 | .sr-only-focusable { @include sr-only-focusable; } 6 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_visibility.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Visibility 4 | 5 | @mixin invisible($visibility) { 6 | visibility: $visibility !important; 7 | } 8 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_screenreaders.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Screenreaders 3 | // 4 | 5 | .sr-only { 6 | @include sr-only(); 7 | } 8 | 9 | .sr-only-focusable { 10 | @include sr-only-focusable(); 11 | } 12 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_visibility.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visibility utilities 3 | // 4 | 5 | .visible { 6 | @include invisible(visible); 7 | } 8 | 9 | .invisible { 10 | @include invisible(hidden); 11 | } 12 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2 -------------------------------------------------------------------------------- /landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/flexy-react-lite/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2 -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_float.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @mixin float-left { 4 | float: left !important; 5 | } 6 | @mixin float-right { 7 | float: right !important; 8 | } 9 | @mixin float-none { 10 | float: none !important; 11 | } 12 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_shadows.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .shadow-sm { box-shadow: $box-shadow-sm !important; } 4 | .shadow { box-shadow: $box-shadow !important; } 5 | .shadow-lg { box-shadow: $box-shadow-lg !important; } 6 | .shadow-none { box-shadow: none !important; } 7 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: color-yiq($bg); 3 | background-color: $bg; 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: $color; 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | hr { 7 | border-top-color: darken($border, 5%); 8 | } 9 | 10 | .alert-link { 11 | color: darken($color, 10%); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_nav-divider.scss: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) { 6 | height: 0; 7 | margin: $margin-y 0; 8 | overflow: hidden; 9 | border-top: 1px solid $color; 10 | } 11 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_text-emphasis.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Typography 4 | 5 | @mixin text-emphasis-variant($parent, $color) { 6 | #{$parent} { 7 | color: $color !important; 8 | } 9 | a#{$parent} { 10 | @include hover-focus { 11 | color: darken($color, 10%) !important; 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /package/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if $enable-transitions { 3 | @if length($transition) == 0 { 4 | transition: $transition-base; 5 | } @else { 6 | transition: $transition; 7 | } 8 | } 9 | 10 | @media screen and (prefers-reduced-motion: reduce) { 11 | transition: none; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}, .fas, .far, .fal, .fab { 5 | -moz-osx-font-smoothing: grayscale; 6 | -webkit-font-smoothing: antialiased; 7 | display: inline-block; 8 | font-style: normal; 9 | font-variant: normal; 10 | text-rendering: auto; 11 | line-height: 1; 12 | } 13 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_sizing.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Width and height 4 | 5 | @each $prop, $abbrev in (width: w, height: h) { 6 | @each $size, $length in $sizes { 7 | .#{$abbrev}-#{$size} { #{$prop}: $length !important; } 8 | } 9 | } 10 | 11 | .mw-100 { max-width: 100% !important; } 12 | .mh-100 { max-height: 100% !important; } 13 | -------------------------------------------------------------------------------- /hire-us.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Flexy React Free Template 6 | 8 | 9 | 10 | 11 |

Flexy React Free Template

12 | https://www.wrappixel.com/hire-us/ 13 | 14 | 15 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_float.scss: -------------------------------------------------------------------------------- 1 | @each $breakpoint in map-keys($grid-breakpoints) { 2 | @include media-breakpoint-up($breakpoint) { 3 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 4 | 5 | .float#{$infix}-left { @include float-left; } 6 | .float#{$infix}-right { @include float-right; } 7 | .float#{$infix}-none { @include float-none; } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}, 5 | .fas, 6 | .far, 7 | .fal, 8 | .fab { 9 | -moz-osx-font-smoothing: grayscale; 10 | -webkit-font-smoothing: antialiased; 11 | display: inline-block; 12 | font-style: normal; 13 | font-variant: normal; 14 | text-rendering: auto; 15 | line-height: 1; 16 | } 17 | -------------------------------------------------------------------------------- /package/src/views/tables/BasicTable.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { Card, CardContent, Box, Typography } from "@mui/material"; 4 | 5 | import ProductPerformance from "../dashboard/components/ProductPerformance"; 6 | 7 | const BasicTable = () => { 8 | return ( 9 | 10 | 11 | 12 | 13 | 14 | ); 15 | }; 16 | 17 | export default BasicTable; 18 | -------------------------------------------------------------------------------- /package/src/main.jsx: -------------------------------------------------------------------------------- 1 | // import React from 'react' 2 | // import ReactDOM from 'react-dom/client' 3 | // import App from './App.jsx' 4 | // import './index.css' 5 | 6 | import React, { Suspense } from 'react'; 7 | import ReactDOM from 'react-dom/client'; 8 | import App from './App'; 9 | 10 | ReactDOM.createRoot(document.getElementById('root')).render( 11 | 12 | 13 | , 14 | ) 15 | -------------------------------------------------------------------------------- /landingpage/dist/scss/style.scss: -------------------------------------------------------------------------------- 1 | /* 2 | Template Name: Material-Pro Admin Template 3 | Author: Niravjoshi / Wrappixel 4 | File: scss 5 | */ 6 | //(Required file) 7 | @import 'variable'; 8 | 9 | // Import Bootstrap source files (Required file) 10 | @import "bootstrap/bootstrap"; 11 | 12 | //custom style 13 | @import 'custom'; 14 | 15 | //icons 16 | @import "icons/material-design-iconic-font/css/materialdesignicons.min.css"; 17 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/FormLayouts.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import { Grid } from '@mui/material' 4 | 5 | import { FbDefaultForm } from './fb-elements/index' 6 | 7 | const FormLayouts = () => { 8 | return ( 9 | 10 | 11 | 12 | 13 | 14 | ) 15 | } 16 | 17 | export default FormLayouts 18 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | animation: fa-spin 2s infinite linear; 6 | } 7 | 8 | .@{fa-css-prefix}-pulse { 9 | animation: fa-spin 1s infinite steps(8); 10 | } 11 | 12 | @keyframes fa-spin { 13 | 0% { 14 | transform: rotate(0deg); 15 | } 16 | 100% { 17 | transform: rotate(360deg); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | animation: fa-spin 2s infinite linear; 6 | } 7 | 8 | .#{$fa-css-prefix}-pulse { 9 | animation: fa-spin 1s infinite steps(8); 10 | } 11 | 12 | @keyframes fa-spin { 13 | 0% { 14 | transform: rotate(0deg); 15 | } 16 | 17 | 100% { 18 | transform: rotate(360deg); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | list-style-type: none; 6 | margin-left: @fa-li-width * 5/4; 7 | padding-left: 0; 8 | 9 | > li { position: relative; } 10 | } 11 | 12 | .@{fa-css-prefix}-li { 13 | left: -@fa-li-width; 14 | position: absolute; 15 | text-align: center; 16 | width: @fa-li-width; 17 | line-height: inherit; 18 | } 19 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | list-style-type: none; 6 | margin-left: $fa-li-width * 5/4; 7 | padding-left: 0; 8 | 9 | > li { position: relative; } 10 | } 11 | 12 | .#{$fa-css-prefix}-li { 13 | left: -$fa-li-width; 14 | position: absolute; 15 | text-align: center; 16 | width: $fa-li-width; 17 | line-height: inherit; 18 | } 19 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable selector-no-qualifying-type 2 | 3 | .fade { 4 | @include transition($transition-fade); 5 | 6 | &:not(.show) { 7 | opacity: 0; 8 | } 9 | } 10 | 11 | .collapse { 12 | &:not(.show) { 13 | display: none; 14 | } 15 | } 16 | 17 | .collapsing { 18 | position: relative; 19 | height: 0; 20 | overflow: hidden; 21 | @include transition($transition-collapse); 22 | } 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInput.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInput = () => { 8 | return ( 9 | 10 | 11 | 12 | ); 13 | }; 14 | 15 | export default FiDefaultInput; 16 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInput.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInput = () => { 8 | return ( 9 | 10 | 11 | 12 | ); 13 | }; 14 | 15 | export default FiFilledInput; 16 | -------------------------------------------------------------------------------- /package/README.md: -------------------------------------------------------------------------------- 1 | # React + Vite 2 | 3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. 4 | 5 | Currently, two official plugins are available: 6 | 7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh 8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh 9 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | .jumbotron { 2 | padding: $jumbotron-padding ($jumbotron-padding / 2); 3 | margin-bottom: $jumbotron-padding; 4 | background-color: $jumbotron-bg; 5 | @include border-radius($border-radius-lg); 6 | 7 | @include media-breakpoint-up(sm) { 8 | padding: ($jumbotron-padding * 2) $jumbotron-padding; 9 | } 10 | } 11 | 12 | .jumbotron-fluid { 13 | padding-right: 0; 14 | padding-left: 0; 15 | @include border-radius(0); 16 | } 17 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_align.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .align-baseline { vertical-align: baseline !important; } // Browser default 4 | .align-top { vertical-align: top !important; } 5 | .align-middle { vertical-align: middle !important; } 6 | .align-bottom { vertical-align: bottom !important; } 7 | .align-text-bottom { vertical-align: text-bottom !important; } 8 | .align-text-top { vertical-align: text-top !important; } 9 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_text-hide.scss: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | @mixin text-hide($ignore-warning: false) { 3 | // stylelint-disable-next-line font-family-no-missing-generic-family-keyword 4 | font: 0/0 a; 5 | color: transparent; 6 | text-shadow: none; 7 | background-color: transparent; 8 | border: 0; 9 | 10 | @if ($ignore-warning != true) { 11 | @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5."; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputDisabled.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputDisabled = () => { 8 | return ( 9 | 10 | 11 | 12 | ); 13 | }; 14 | 15 | export default FiDefaultInputDisabled; 16 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.1.2 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "reboot"; 13 | -------------------------------------------------------------------------------- /docs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Flexy React Free Template | Docs 6 | 8 | 9 | 10 | 11 |

Flexy React Free Template

12 | https://wrappixel.github.io/free-documentation-wp/react/flexy/index.html 13 | 14 | 15 | -------------------------------------------------------------------------------- /package/src/assets/images/svgs/vue-cat-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_background.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $color, $value in $theme-colors { 4 | @include bg-variant(".bg-#{$color}", $value); 5 | } 6 | 7 | @if $enable-gradients { 8 | @each $color, $value in $theme-colors { 9 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 10 | } 11 | } 12 | 13 | .bg-white { 14 | background-color: $white !important; 15 | } 16 | 17 | .bg-transparent { 18 | background-color: transparent !important; 19 | } 20 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "utilities/align"; 2 | @import "utilities/background"; 3 | @import "utilities/borders"; 4 | @import "utilities/clearfix"; 5 | @import "utilities/display"; 6 | @import "utilities/embed"; 7 | @import "utilities/flex"; 8 | @import "utilities/float"; 9 | @import "utilities/position"; 10 | @import "utilities/screenreaders"; 11 | @import "utilities/shadows"; 12 | @import "utilities/sizing"; 13 | @import "utilities/spacing"; 14 | @import "utilities/text"; 15 | @import "utilities/visibility"; 16 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInput.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInput = () => { 8 | return ( 9 | 10 | 16 | 17 | ); 18 | }; 19 | 20 | export default FiOutlineInput; 21 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | // makes the font 33% larger relative to the icon container 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -.0667em; 9 | } 10 | 11 | .#{$fa-css-prefix}-xs { 12 | font-size: .75em; 13 | } 14 | 15 | .#{$fa-css-prefix}-sm { 16 | font-size: .875em; 17 | } 18 | 19 | @for $i from 1 through 10 { 20 | .#{$fa-css-prefix}-#{$i}x { 21 | font-size: $i * 1em; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /package/src/components/shared/BlankCard.js: -------------------------------------------------------------------------------- 1 | import { Card } from '@mui/material'; 2 | import React from 'react'; 3 | import PropTypes from 'prop-types'; 4 | 5 | const BlankCard = ({ children, className }) => { 6 | return ( 7 | 13 | {children} 14 | 15 | ); 16 | }; 17 | 18 | BlankCard.propTypes = { 19 | children: PropTypes.node, 20 | }; 21 | 22 | export default BlankCard; 23 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | border-radius: .1em; 6 | border: solid .08em @fa-border-color; 7 | padding: .2em .25em .15em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix}, .fas, .far, .fal, .fab { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/fontawesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | @import 'mixins'; 7 | @import 'core'; 8 | @import 'larger'; 9 | @import 'fixed-width'; 10 | @import 'list'; 11 | @import 'bordered-pulled'; 12 | @import 'animated'; 13 | @import 'rotated-flipped'; 14 | @import 'stacked'; 15 | @import 'icons'; 16 | @import 'screen-reader'; 17 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputSearch.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputSearch = () => { 8 | return ( 9 | 10 | 16 | 17 | ); 18 | }; 19 | 20 | export default FiDefaultInputSearch; 21 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | &.list-group-item-action { 9 | @include hover-focus { 10 | color: $color; 11 | background-color: darken($background, 5%); 12 | } 13 | 14 | &.active { 15 | color: $white; 16 | background-color: $color; 17 | border-color: $color; 18 | } 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | border: solid .08em $fa-border-color; 6 | border-radius: .1em; 7 | padding: .2em .25em .15em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix}, 14 | .fas, 15 | .far, 16 | .fal, 17 | .fab { 18 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 19 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 20 | } 21 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputError.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputError = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiDefaultInputError; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputDisabled.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputDisabled = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiFilledInputDisabled; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputSearch.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputSearch = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiFilledInputSearch; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputSmall.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputSmall = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiDefaultInputSmall; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputPassword.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputPassword = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiFilledInputPassword; 22 | -------------------------------------------------------------------------------- /package/src/components/container/PageContainer.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import { Helmet } from 'react-helmet'; 4 | 5 | const PageContainer = ({ title, description, children }) => ( 6 |
7 | 8 | {title} 9 | 10 | 11 | {children} 12 |
13 | ); 14 | 15 | PageContainer.propTypes = { 16 | title: PropTypes.string, 17 | description: PropTypes.string, 18 | children: PropTypes.node, 19 | }; 20 | 21 | export default PageContainer; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputDisabled.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputDisabled = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiOutlineInputDisabled; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputSearch.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputSearch = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiOutlineInputSearch; 22 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { 4 | .page-link { 5 | padding: $padding-y $padding-x; 6 | font-size: $font-size; 7 | line-height: $line-height; 8 | } 9 | 10 | .page-item { 11 | &:first-child { 12 | .page-link { 13 | @include border-left-radius($border-radius); 14 | } 15 | } 16 | &:last-child { 17 | .page-link { 18 | @include border-right-radius($border-radius); 19 | } 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputRequired.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputRequired = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiDefaultInputRequired; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputError.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputError = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiFilledInputError; 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputSmall.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputSmall = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiFilledInputSmall; 23 | -------------------------------------------------------------------------------- /package/src/views/sample-page/SamplePage.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Typography } from '@mui/material'; 3 | import PageContainer from 'src/components/container/PageContainer'; 4 | import DashboardCard from '../../components/shared/DashboardCard'; 5 | 6 | 7 | const SamplePage = () => { 8 | return ( 9 | 10 | 11 | 12 | This is a sample page 13 | 14 | 15 | ); 16 | }; 17 | 18 | export default SamplePage; 19 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputError.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputError = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiOutlineInputError; 23 | -------------------------------------------------------------------------------- /package/src/views/icons/Icons.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PageContainer from 'src/components/container/PageContainer'; 3 | import DashboardCard from '../../components/shared/DashboardCard'; 4 | 5 | 6 | const Icons = () => { 7 | return ( 8 | 9 | 10 | 11 | 14 | 15 | 16 | ); 17 | }; 18 | 19 | export default Icons; 20 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/fontawesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import "_variables.less"; 6 | @import "_mixins.less"; 7 | @import "_core.less"; 8 | @import "_larger.less"; 9 | @import "_fixed-width.less"; 10 | @import "_list.less"; 11 | @import "_bordered-pulled.less"; 12 | @import "_animated.less"; 13 | @import "_rotated-flipped.less"; 14 | @import "_stacked.less"; 15 | @import "_icons.less"; 16 | @import "_screen-reader.less"; 17 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Contextual backgrounds 4 | 5 | @mixin bg-variant($parent, $color) { 6 | #{$parent} { 7 | background-color: $color !important; 8 | } 9 | a#{$parent}, 10 | button#{$parent} { 11 | @include hover-focus { 12 | background-color: darken($color, 10%) !important; 13 | } 14 | } 15 | } 16 | 17 | @mixin bg-gradient-variant($parent, $color) { 18 | #{$parent} { 19 | background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputPassword.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputPassword = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiDefaultInputPassword; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiInputwithHelper.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiInputwithHelper = () => { 8 | return ( 9 | 10 | 17 | 18 | ); 19 | }; 20 | 21 | export default FiInputwithHelper; 22 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputSmall.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputSmall = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiOutlineInputSmall; 23 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | .larger(@factor) when (@factor > 0) { 5 | .larger((@factor - 1)); 6 | 7 | .@{fa-css-prefix}-@{factor}x { 8 | font-size: (@factor * 1em); 9 | } 10 | } 11 | 12 | /* makes the font 33% larger relative to the icon container */ 13 | .@{fa-css-prefix}-lg { 14 | font-size: (4em / 3); 15 | line-height: (3em / 4); 16 | vertical-align: -.0667em; 17 | } 18 | 19 | .@{fa-css-prefix}-xs { 20 | font-size: .75em; 21 | } 22 | 23 | .@{fa-css-prefix}-sm { 24 | font-size: .875em; 25 | } 26 | 27 | .larger(10); 28 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | display: inline-block; 6 | height: 2em; 7 | line-height: 2em; 8 | position: relative; 9 | vertical-align: middle; 10 | width: 2em; 11 | } 12 | 13 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 14 | left: 0; 15 | position: absolute; 16 | text-align: center; 17 | width: 100%; 18 | } 19 | 20 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 21 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 22 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 23 | -------------------------------------------------------------------------------- /package/.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { browser: true, es2020: true }, 4 | extends: [ 5 | 'eslint:recommended', 6 | 'plugin:react/recommended', 7 | 'plugin:react/jsx-runtime', 8 | 'plugin:react-hooks/recommended', 9 | ], 10 | ignorePatterns: ['dist', '.eslintrc.cjs'], 11 | parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, 12 | settings: { react: { version: '18.2' } }, 13 | plugins: ['react-refresh'], 14 | rules: { 15 | 'react-refresh/only-export-components': [ 16 | 'warn', 17 | { allowConstantExport: true }, 18 | ], 19 | }, 20 | } 21 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputRequired.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputRequired = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiFilledInputRequired; 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputMultiline.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputMultiline = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiDefaultInputMultiline; 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputNumber.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputNumber = () => { 8 | return ( 9 | 10 | 19 | 20 | ); 21 | }; 22 | 23 | export default FiDefaultInputNumber; 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputRequired.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputRequired = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiOutlineInputRequired; 23 | -------------------------------------------------------------------------------- /package/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flexy Free React Admin Template by Wrappixel 8 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /package/src/App.jsx: -------------------------------------------------------------------------------- 1 | // import { useState } from 'react' 2 | // import reactLogo from './assets/react.svg' 3 | // import viteLogo from '/vite.svg' 4 | import './App.css' 5 | 6 | import { CssBaseline, ThemeProvider } from '@mui/material'; 7 | 8 | import { baselightTheme } from "./theme/DefaultColors"; 9 | import { RouterProvider } from 'react-router'; 10 | import router from "./routes/Router.js" 11 | 12 | function App() { 13 | const theme = baselightTheme; 14 | 15 | return ( 16 | 17 | 18 | 19 | 20 | ); 21 | } 22 | 23 | export default App -------------------------------------------------------------------------------- /package/src/assets/images/svgs/nuxt-cat-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputDate.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputDate = () => { 8 | return ( 9 | 10 | 20 | 21 | ); 22 | }; 23 | 24 | export default FiDefaultInputDate; 25 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputPassword.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputPassword = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiOutlineInputPassword; 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputMultiline.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputMultiline = () => { 8 | return ( 9 | 10 | 19 | 20 | ); 21 | }; 22 | 23 | export default FiFilledInputMultiline; 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputNumber.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputNumber = () => { 8 | return ( 9 | 10 | 20 | 21 | ); 22 | }; 23 | 24 | export default FiFilledInputNumber; 25 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputReadOnly.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputReadOnly = () => { 8 | return ( 9 | 10 | 19 | 20 | ); 21 | }; 22 | 23 | export default FiDefaultInputReadOnly; 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputNumber.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputNumber = () => { 8 | return ( 9 | 10 | 20 | 21 | ); 22 | }; 23 | 24 | export default FiOutlineInputNumber; 25 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputwithHelper.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputwithHelper = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiFilledInputwithHelper; 23 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputMultiline.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputMultiline = () => { 8 | return ( 9 | 10 | 19 | 20 | ); 21 | }; 22 | 23 | export default FiOutlineInputMultiline; 24 | -------------------------------------------------------------------------------- /package/src/layouts/full/footer/Footer.js: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import { Box, Typography } from "@mui/material"; 3 | import { Link } from "react-router"; 4 | 5 | const Footer = () => { 6 | return ( 7 | 8 | 9 | © {new Date().getFullYear()} All rights reserved by{" "} 10 | 11 | 12 | Wrappixel.com 13 | {" "} 14 | 15 | 16 | ); 17 | }; 18 | 19 | export default Footer; 20 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputErrorHelperText.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputErrorHelperText = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiDefaultInputErrorHelperText; 23 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | display: inline-block; 6 | height: 2em; 7 | line-height: 2em; 8 | position: relative; 9 | vertical-align: middle; 10 | width: 2em; 11 | } 12 | 13 | .#{$fa-css-prefix}-stack-1x, 14 | .#{$fa-css-prefix}-stack-2x { 15 | left: 0; 16 | position: absolute; 17 | text-align: center; 18 | width: 100%; 19 | } 20 | 21 | .#{$fa-css-prefix}-stack-1x { 22 | line-height: inherit; 23 | } 24 | 25 | .#{$fa-css-prefix}-stack-2x { 26 | font-size: 2em; 27 | } 28 | 29 | .#{$fa-css-prefix}-inverse { 30 | color: $fa-inverse; 31 | } 32 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputDate.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputDate = () => { 8 | return ( 9 | 10 | 21 | 22 | ); 23 | }; 24 | 25 | export default FiFilledInputDate; 26 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputDate.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputDate = () => { 8 | return ( 9 | 10 | 21 | 22 | ); 23 | }; 24 | 25 | export default FiOutlineInputDate; 26 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlinedInputwithHelper.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlinedInputwithHelper = () => { 8 | return ( 9 | 10 | 18 | 19 | ); 20 | }; 21 | 22 | export default FiOutlinedInputwithHelper; 23 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/css/fa-brands.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands} -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | // Custom variable values only support SassScript inside `#{}`. 3 | @each $color, $value in $colors { 4 | --#{$color}: #{$value}; 5 | } 6 | 7 | @each $color, $value in $theme-colors { 8 | --#{$color}: #{$value}; 9 | } 10 | 11 | @each $bp, $value in $grid-breakpoints { 12 | --breakpoint-#{$bp}: #{$value}; 13 | } 14 | 15 | // Use `inspect` for lists so that quoted items keep the quotes. 16 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 17 | --font-family-sans-serif: #{inspect($font-family-sans-serif)}; 18 | --font-family-monospace: #{inspect($font-family-monospace)}; 19 | } 20 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputReadOnly.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputReadOnly = () => { 8 | return ( 9 | 10 | 20 | 21 | ); 22 | }; 23 | 24 | export default FiFilledInputReadOnly; 25 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/css/fa-solid.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:Font Awesome\ 5 Free;font-weight:900} -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputReadOnly.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputReadOnly = () => { 8 | return ( 9 | 10 | 20 | 21 | ); 22 | }; 23 | 24 | export default FiOutlineInputReadOnly; 25 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/css/fa-regular.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome\ 5 Free;font-weight:400} -------------------------------------------------------------------------------- /package/src/layouts/full/shared/logo/Logo.js: -------------------------------------------------------------------------------- 1 | import { Link } from "react-router"; 2 | import { ReactComponent as LogoDark1 } from "src/assets/images/logos/logo-dark.svg"; 3 | import { styled } from "@mui/material"; 4 | 5 | const LinkStyled = styled(Link)(() => ({ 6 | height: "70px", 7 | width: "180px", 8 | overflow: "hidden", 9 | display: "block", 10 | })); 11 | 12 | const Logo = () => { 13 | return ( 14 | 22 | 23 | 24 | ); 25 | }; 26 | 27 | export default Logo; 28 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputDateTime.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputDateTime = () => { 8 | return ( 9 | 10 | 20 | 21 | ); 22 | }; 23 | 24 | export default FiDefaultInputDateTime; 25 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputErrorHelperText.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputErrorHelperText = () => { 8 | return ( 9 | 10 | 19 | 20 | ); 21 | }; 22 | 23 | export default FiFilledInputErrorHelperText; 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputErrorHelperText.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputErrorHelperText = () => { 8 | return ( 9 | 10 | 19 | 20 | ); 21 | }; 22 | 23 | export default FiOutlineInputErrorHelperText; 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputTime.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputTime = () => { 8 | return ( 9 | 10 | 23 | 24 | ); 25 | }; 26 | 27 | export default FiDefaultInputTime; 28 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputDateTime.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputDateTime = () => { 8 | return ( 9 | 10 | 21 | 22 | ); 23 | }; 24 | 25 | export default FiFilledInputDateTime; 26 | -------------------------------------------------------------------------------- /package/src/App.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); 2 | 3 | .MuiTypography-root, 4 | .MuiListSubheader-root, 5 | .MuiChip-label { 6 | font-family: 'DM Sans', sans-serif !important; 7 | } 8 | 9 | .css-lpesjx-MuiPaper-root-MuiDrawer-paper { 10 | top: 65px !important; 11 | } 12 | 13 | .MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiDrawer-paper.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft.css-1bdav0j { 14 | top: 65px !important; 15 | } 16 | 17 | /* .MuiOutlinedInput-notchedOutline { 18 | border-color: #e5eaef !important; 19 | } */ 20 | 21 | .MuiTableCell-root { 22 | border-bottom: 1px solid #e5eaef !important; 23 | } -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlinedInputDateTime.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlinedInputDateTime = () => { 8 | return ( 9 | 10 | 21 | 22 | ); 23 | }; 24 | 25 | export default FiOutlinedInputDateTime; 26 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputTime.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputTime = () => { 8 | return ( 9 | 10 | 24 | 25 | ); 26 | }; 27 | 28 | export default FiFilledInputTime; 29 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlinedInputTime.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlinedInputTime = () => { 8 | return ( 9 | 10 | 24 | 25 | ); 26 | }; 27 | 28 | export default FiOutlinedInputTime; 29 | -------------------------------------------------------------------------------- /package/src/assets/images/svgs/angular-cat-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/css/fa-brands.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face { 6 | font-family: 'Font Awesome 5 Brands'; 7 | font-style: normal; 8 | font-weight: normal; 9 | src: url("../webfonts/fa-brands-400.eot"); 10 | src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } 11 | 12 | .fab { 13 | font-family: 'Font Awesome 5 Brands'; } 14 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/css/fa-solid.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face { 6 | font-family: 'Font Awesome 5 Free'; 7 | font-style: normal; 8 | font-weight: 900; 9 | src: url("../webfonts/fa-solid-900.eot"); 10 | src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } 11 | 12 | .fa, 13 | .fas { 14 | font-family: 'Font Awesome 5 Free'; 15 | font-weight: 900; } 16 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/css/fa-regular.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @font-face { 6 | font-family: 'Font Awesome 5 Free'; 7 | font-style: normal; 8 | font-weight: 400; 9 | src: url("../webfonts/fa-regular-400.eot"); 10 | src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } 11 | 12 | .far { 13 | font-family: 'Font Awesome 5 Free'; 14 | font-weight: 400; } 15 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | @mixin table-row-variant($state, $background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table-#{$state} { 7 | &, 8 | > th, 9 | > td { 10 | background-color: $background; 11 | } 12 | } 13 | 14 | // Hover states for `.table-hover` 15 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 16 | .table-hover { 17 | $hover-background: darken($background, 5%); 18 | 19 | .table-#{$state} { 20 | @include hover { 21 | background-color: $hover-background; 22 | 23 | > td, 24 | > th { 25 | background-color: $hover-background; 26 | } 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/bootstrap-grid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v4.1.2 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */ 7 | 8 | @at-root { 9 | @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix 10 | } 11 | 12 | html { 13 | box-sizing: border-box; 14 | -ms-overflow-style: scrollbar; 15 | } 16 | 17 | *, 18 | *::before, 19 | *::after { 20 | box-sizing: inherit; 21 | } 22 | 23 | @import "functions"; 24 | @import "variables"; 25 | 26 | @import "mixins/breakpoints"; 27 | @import "mixins/grid-framework"; 28 | @import "mixins/grid"; 29 | 30 | @import "grid"; 31 | @import "utilities/display"; 32 | @import "utilities/flex"; 33 | -------------------------------------------------------------------------------- /package/src/components/custom-scroll/Scrollbar.jsx: -------------------------------------------------------------------------------- 1 | import SimpleBar from "simplebar-react"; 2 | import "simplebar-react/dist/simplebar.min.css"; 3 | import Box from '@mui/material/Box' 4 | import { styled } from '@mui/material/styles' 5 | import { useMediaQuery } from "@mui/material"; 6 | 7 | const SimpleBarStyle = styled(SimpleBar)(() => ({ 8 | maxHeight: "100%", 9 | })); 10 | 11 | 12 | const Scrollbar = (props) => { 13 | const { children, sx, ...other } = props; 14 | const lgDown = useMediaQuery((theme) => theme.breakpoints.down('lg')); 15 | 16 | if (lgDown) { 17 | return {children}; 18 | } 19 | 20 | return ( 21 | 22 | {children} 23 | 24 | ); 25 | }; 26 | 27 | export default Scrollbar; 28 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/_rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | .@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(-1, -1, 2); } 11 | 12 | // Hook for IE8-9 13 | // ------------------------- 14 | 15 | :root { 16 | .@{fa-css-prefix}-rotate-90, 17 | .@{fa-css-prefix}-rotate-180, 18 | .@{fa-css-prefix}-rotate-270, 19 | .@{fa-css-prefix}-flip-horizontal, 20 | .@{fa-css-prefix}-flip-vertical { 21 | filter: none; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputMultilineControlled.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiDefaultInputMultilineControlled = () => { 8 | const [value, setValue] = React.useState("Controlled"); 9 | 10 | const handleChange = (event) => { 11 | setValue(event.target.value); 12 | }; 13 | 14 | return ( 15 | 16 | 25 | 26 | ); 27 | }; 28 | 29 | export default FiDefaultInputMultilineControlled; 30 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/fa-brands.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Brands'; 9 | font-style: normal; 10 | font-weight: normal; 11 | src: url('#{$fa-font-path}/fa-brands-400.eot'); 12 | src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'), 13 | url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'), 14 | url('#{$fa-font-path}/fa-brands-400.woff') format('woff'), 15 | url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'), 16 | url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); 17 | } 18 | 19 | .fab { 20 | font-family: 'Font Awesome 5 Brands'; 21 | } 22 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Common values 4 | 5 | // Sass list not in variables since it's not intended for customization. 6 | // stylelint-disable-next-line scss/dollar-variable-default 7 | $positions: static, relative, absolute, fixed, sticky; 8 | 9 | @each $position in $positions { 10 | .position-#{$position} { position: $position !important; } 11 | } 12 | 13 | // Shorthand 14 | 15 | .fixed-top { 16 | position: fixed; 17 | top: 0; 18 | right: 0; 19 | left: 0; 20 | z-index: $zindex-fixed; 21 | } 22 | 23 | .fixed-bottom { 24 | position: fixed; 25 | right: 0; 26 | bottom: 0; 27 | left: 0; 28 | z-index: $zindex-fixed; 29 | } 30 | 31 | .sticky-top { 32 | @supports (position: sticky) { 33 | position: sticky; 34 | top: 0; 35 | z-index: $zindex-sticky; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputMultilineControlled.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiFilledInputMultilineControlled = () => { 8 | const [value, setValue] = React.useState("Controlled"); 9 | 10 | const handleChange = (event) => { 11 | setValue(event.target.value); 12 | }; 13 | 14 | return ( 15 | 16 | 26 | 27 | ); 28 | }; 29 | 30 | export default FiFilledInputMultilineControlled; 31 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/fa-brands.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import "_variables.less"; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Brands'; 9 | font-style: normal; 10 | font-weight: normal; 11 | src: url('@{fa-font-path}/fa-brands-400.eot'); 12 | src: url('@{fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'), 13 | url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'), 14 | url('@{fa-font-path}/fa-brands-400.woff') format('woff'), 15 | url('@{fa-font-path}/fa-brands-400.ttf') format('truetype'), 16 | url('@{fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); 17 | } 18 | 19 | .fab { 20 | font-family: 'Font Awesome 5 Brands'; 21 | } 22 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/fa-solid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Free'; 9 | font-style: normal; 10 | font-weight: 900; 11 | src: url('#{$fa-font-path}/fa-solid-900.eot'); 12 | src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'), 13 | url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'), 14 | url('#{$fa-font-path}/fa-solid-900.woff') format('woff'), 15 | url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'), 16 | url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); 17 | } 18 | 19 | .fa, 20 | .fas { 21 | font-family: 'Font Awesome 5 Free'; 22 | font-weight: 900; 23 | } 24 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlineInputMultilineControlled.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const FiOutlineInputMultilineControlled = () => { 8 | const [value, setValue] = React.useState("Controlled"); 9 | 10 | const handleChange = (event) => { 11 | setValue(event.target.value); 12 | }; 13 | 14 | return ( 15 | 16 | 26 | 27 | ); 28 | }; 29 | 30 | export default FiOutlineInputMultilineControlled; 31 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/fa-regular.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import 'variables'; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Free'; 9 | font-style: normal; 10 | font-weight: 400; 11 | src: url('#{$fa-font-path}/fa-regular-400.eot'); 12 | src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'), 13 | url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'), 14 | url('#{$fa-font-path}/fa-regular-400.woff') format('woff'), 15 | url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'), 16 | url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg'); 17 | } 18 | 19 | .far { 20 | font-family: 'Font Awesome 5 Free'; 21 | font-weight: 400; 22 | } 23 | -------------------------------------------------------------------------------- /package/src/assets/images/svgs/tailwindcss.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/fa-solid.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import "_variables.less"; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Free'; 9 | font-style: normal; 10 | font-weight: 900; 11 | src: url('@{fa-font-path}/fa-solid-900.eot'); 12 | src: url('@{fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'), 13 | url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'), 14 | url('@{fa-font-path}/fa-solid-900.woff') format('woff'), 15 | url('@{fa-font-path}/fa-solid-900.ttf') format('truetype'), 16 | url('@{fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); 17 | } 18 | 19 | .fa, 20 | .fas { 21 | font-family: 'Font Awesome 5 Free'; 22 | font-weight: 900; 23 | } 24 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/less/fa-regular.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | @import "_variables.less"; 6 | 7 | @font-face { 8 | font-family: 'Font Awesome 5 Free'; 9 | font-style: normal; 10 | font-weight: 400; 11 | src: url('@{fa-font-path}/fa-regular-400.eot'); 12 | src: url('@{fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'), 13 | url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'), 14 | url('@{fa-font-path}/fa-regular-400.woff') format('woff'), 15 | url('@{fa-font-path}/fa-regular-400.ttf') format('truetype'), 16 | url('@{fa-font-path}/fa-regular-400.svg#fontawesome') format('svg'); 17 | } 18 | 19 | .far { 20 | font-family: 'Font Awesome 5 Free'; 21 | font-weight: 400; 22 | } 23 | -------------------------------------------------------------------------------- /landingpage/dist/css/icons/font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); } 11 | 12 | // Hook for IE8-9 13 | // ------------------------- 14 | 15 | :root { 16 | .#{$fa-css-prefix}-rotate-90, 17 | .#{$fa-css-prefix}-rotate-180, 18 | .#{$fa-css-prefix}-rotate-270, 19 | .#{$fa-css-prefix}-flip-horizontal, 20 | .#{$fa-css-prefix}-flip-vertical { 21 | filter: none; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-radius($radius: $border-radius) { 4 | @if $enable-rounded { 5 | border-radius: $radius; 6 | } 7 | } 8 | 9 | @mixin border-top-radius($radius) { 10 | @if $enable-rounded { 11 | border-top-left-radius: $radius; 12 | border-top-right-radius: $radius; 13 | } 14 | } 15 | 16 | @mixin border-right-radius($radius) { 17 | @if $enable-rounded { 18 | border-top-right-radius: $radius; 19 | border-bottom-right-radius: $radius; 20 | } 21 | } 22 | 23 | @mixin border-bottom-radius($radius) { 24 | @if $enable-rounded { 25 | border-bottom-right-radius: $radius; 26 | border-bottom-left-radius: $radius; 27 | } 28 | } 29 | 30 | @mixin border-left-radius($radius) { 31 | @if $enable-rounded { 32 | border-top-left-radius: $radius; 33 | border-bottom-left-radius: $radius; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Only display content to screen readers 2 | // 3 | // See: https://a11yproject.com/posts/how-to-hide-content/ 4 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ 5 | 6 | @mixin sr-only { 7 | position: absolute; 8 | width: 1px; 9 | height: 1px; 10 | padding: 0; 11 | overflow: hidden; 12 | clip: rect(0, 0, 0, 0); 13 | white-space: nowrap; 14 | border: 0; 15 | } 16 | 17 | // Use in conjunction with .sr-only to only display content when it's focused. 18 | // 19 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 20 | // 21 | // Credit: HTML5 Boilerplate 22 | 23 | @mixin sr-only-focusable { 24 | &:active, 25 | &:focus { 26 | position: static; 27 | width: auto; 28 | height: auto; 29 | overflow: visible; 30 | clip: auto; 31 | white-space: normal; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | // Hover mixin and `$enable-hover-media-query` are deprecated. 2 | // 3 | // Originally added during our alphas and maintained during betas, this mixin was 4 | // designed to prevent `:hover` stickiness on iOS-an issue where hover styles 5 | // would persist after initial touch. 6 | // 7 | // For backward compatibility, we've kept these mixins and updated them to 8 | // always return their regular pseudo-classes instead of a shimmed media query. 9 | // 10 | // Issue: https://github.com/twbs/bootstrap/issues/25195 11 | 12 | @mixin hover { 13 | &:hover { @content; } 14 | } 15 | 16 | @mixin hover-focus { 17 | &:hover, 18 | &:focus { 19 | @content; 20 | } 21 | } 22 | 23 | @mixin plain-hover-focus { 24 | &, 25 | &:hover, 26 | &:focus { 27 | @content; 28 | } 29 | } 30 | 31 | @mixin hover-focus-active { 32 | &:hover, 33 | &:focus, 34 | &:active { 35 | @content; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /package/src/views/authentication/Error.js: -------------------------------------------------------------------------------- 1 | import { Box, Container, Typography, Button } from '@mui/material'; 2 | import { Link } from 'react-router'; 3 | import ErrorImg from 'src/assets/images/backgrounds/404-error-idea.gif'; 4 | 5 | const Error = () => ( 6 | 13 | 14 | 404 15 | 16 | Opps!!! 17 | 18 | 19 | This page you are looking for could not be found. 20 | 21 | 24 | 25 | 26 | ); 27 | 28 | export default Error; 29 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/utilities/_embed.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .embed-responsive { 4 | position: relative; 5 | display: block; 6 | width: 100%; 7 | padding: 0; 8 | overflow: hidden; 9 | 10 | &::before { 11 | display: block; 12 | content: ""; 13 | } 14 | 15 | .embed-responsive-item, 16 | iframe, 17 | embed, 18 | object, 19 | video { 20 | position: absolute; 21 | top: 0; 22 | bottom: 0; 23 | left: 0; 24 | width: 100%; 25 | height: 100%; 26 | border: 0; 27 | } 28 | } 29 | 30 | .embed-responsive-21by9 { 31 | &::before { 32 | padding-top: percentage(9 / 21); 33 | } 34 | } 35 | 36 | .embed-responsive-16by9 { 37 | &::before { 38 | padding-top: percentage(9 / 16); 39 | } 40 | } 41 | 42 | .embed-responsive-4by3 { 43 | &::before { 44 | padding-top: percentage(3 / 4); 45 | } 46 | } 47 | 48 | .embed-responsive-1by1 { 49 | &::before { 50 | padding-top: percentage(1 / 1); 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /package/src/components/forms/Button/SizeButton.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { Box, Button } from "@mui/material"; 4 | 5 | import BaseCard from "../../BaseCard/BaseCard"; 6 | 7 | const SizeButton = () => { 8 | return ( 9 | 10 | 11 | 20 | 29 | 38 | 39 | 40 | ); 41 | }; 42 | 43 | export { SizeButton }; 44 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | @keyframes progress-bar-stripes { 2 | from { background-position: $progress-height 0; } 3 | to { background-position: 0 0; } 4 | } 5 | 6 | .progress { 7 | display: flex; 8 | height: $progress-height; 9 | overflow: hidden; // force rounded corners by cropping it 10 | font-size: $progress-font-size; 11 | background-color: $progress-bg; 12 | @include border-radius($progress-border-radius); 13 | @include box-shadow($progress-box-shadow); 14 | } 15 | 16 | .progress-bar { 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: center; 20 | color: $progress-bar-color; 21 | text-align: center; 22 | white-space: nowrap; 23 | background-color: $progress-bar-bg; 24 | @include transition($progress-bar-transition); 25 | } 26 | 27 | .progress-bar-striped { 28 | @include gradient-striped(); 29 | background-size: $progress-height $progress-height; 30 | } 31 | 32 | .progress-bar-animated { 33 | animation: progress-bar-stripes $progress-bar-animation-timing; 34 | } 35 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | .close { 2 | float: right; 3 | font-size: $close-font-size; 4 | font-weight: $close-font-weight; 5 | line-height: 1; 6 | color: $close-color; 7 | text-shadow: $close-text-shadow; 8 | opacity: .5; 9 | 10 | &:not(:disabled):not(.disabled) { 11 | 12 | @include hover-focus { 13 | color: $close-color; 14 | text-decoration: none; 15 | opacity: .75; 16 | } 17 | 18 | // Opinionated: add "hand" cursor to non-disabled .close elements 19 | cursor: pointer; 20 | } 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | 28 | // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type 29 | button.close { 30 | padding: 0; 31 | background-color: transparent; 32 | border: 0; 33 | -webkit-appearance: none; 34 | } 35 | // stylelint-enable 36 | -------------------------------------------------------------------------------- /package/src/components/BaseCard/BaseCard.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { 4 | Card, 5 | CardContent, 6 | Divider, 7 | Box, 8 | Typography, 9 | Chip, 10 | } from "@mui/material"; 11 | 12 | const BaseCard = (props) => { 13 | return ( 14 | 21 | 22 | 23 | {props.title} 24 | 25 | {props.chiptitle ? ( 26 | 35 | ) : ( 36 | "" 37 | )} 38 | 39 | 40 | {props.children} 41 | 42 | ); 43 | }; 44 | 45 | export default BaseCard; 46 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v4.1.2 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */ 7 | 8 | @import "functions"; 9 | @import "variables"; 10 | @import "mixins"; 11 | @import "root"; 12 | @import "reboot"; 13 | @import "type"; 14 | @import "images"; 15 | @import "code"; 16 | @import "grid"; 17 | @import "tables"; 18 | @import "forms"; 19 | @import "buttons"; 20 | @import "transitions"; 21 | @import "dropdown"; 22 | @import "button-group"; 23 | @import "input-group"; 24 | @import "custom-forms"; 25 | @import "nav"; 26 | @import "navbar"; 27 | @import "card"; 28 | @import "breadcrumb"; 29 | @import "pagination"; 30 | @import "badge"; 31 | @import "jumbotron"; 32 | @import "alert"; 33 | @import "progress"; 34 | @import "media"; 35 | @import "list-group"; 36 | @import "close"; 37 | @import "modal"; 38 | @import "tooltip"; 39 | @import "popover"; 40 | @import "carousel"; 41 | @import "utilities"; 42 | @import "print"; 43 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultInputGrouping.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { 4 | InputLabel, 5 | MenuItem, 6 | ListSubheader, 7 | FormControl, 8 | Select, 9 | } from "@material-ui/core"; 10 | 11 | import BaseCard from "../../../components/BaseCard/BaseCard"; 12 | 13 | const FiDefaultInputGrouping = () => { 14 | return ( 15 | 16 | 17 | Grouping 18 | 29 | 30 | 31 | ); 32 | }; 33 | 34 | export default FiDefaultInputGrouping; 35 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledInputGrouping.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { 4 | InputLabel, 5 | MenuItem, 6 | ListSubheader, 7 | FormControl, 8 | Select, 9 | } from "@material-ui/core"; 10 | 11 | import BaseCard from "../../../components/BaseCard/BaseCard"; 12 | 13 | const FiFilledInputGrouping = () => { 14 | return ( 15 | 16 | 17 | Grouping 18 | 29 | 30 | 31 | ); 32 | }; 33 | 34 | export default FiFilledInputGrouping; 35 | -------------------------------------------------------------------------------- /package/src/components/forms/theme-elements/CustomTextField.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { styled } from '@mui/material/styles'; 3 | import { TextField } from '@mui/material'; 4 | 5 | const CustomTextField = styled((props) => )(({ theme }) => ({ 6 | '& .MuiOutlinedInput-root': { 7 | borderRadius: '7px', 8 | borderColor: '#e5eaef', 9 | height: "46px", 10 | '& fieldset': { 11 | borderColor: '#e5eaef', 12 | }, 13 | '&:hover fieldset': { 14 | borderColor: theme.palette.primary.dark, 15 | }, 16 | '&.Mui-focused fieldset': { 17 | borderColor: theme.palette.primary.dark, 18 | }, 19 | }, 20 | '& .MuiOutlinedInput-input': { 21 | color: theme.palette.text.dark, 22 | }, 23 | '& .MuiOutlinedInput-input::placeholder': { 24 | color: theme.palette.primary.light, 25 | opacity: '0.8', 26 | }, 27 | '& .Mui-disabled .MuiOutlinedInput-notchedOutline': { 28 | borderColor: theme.palette.primary.light, 29 | }, 30 | '& .Mui-disabled .MuiOutlinedInput-input': { 31 | color: theme.palette.primary.light, 32 | }, 33 | })); 34 | 35 | export default CustomTextField; 36 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlinedInputGrouping.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { 4 | InputLabel, 5 | MenuItem, 6 | ListSubheader, 7 | FormControl, 8 | Select, 9 | } from "@material-ui/core"; 10 | 11 | import BaseCard from "../../../components/BaseCard/BaseCard"; 12 | 13 | const FiOutlinedInputGrouping = () => { 14 | return ( 15 | 16 | 17 | Grouping 18 | 29 | 30 | 31 | ); 32 | }; 33 | 34 | export default FiOutlinedInputGrouping; 35 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Utilities 6 | @import "mixins/breakpoints"; 7 | @import "mixins/hover"; 8 | @import "mixins/image"; 9 | @import "mixins/badge"; 10 | @import "mixins/resize"; 11 | @import "mixins/screen-reader"; 12 | @import "mixins/size"; 13 | @import "mixins/reset-text"; 14 | @import "mixins/text-emphasis"; 15 | @import "mixins/text-hide"; 16 | @import "mixins/text-truncate"; 17 | @import "mixins/visibility"; 18 | 19 | // // Components 20 | @import "mixins/alert"; 21 | @import "mixins/buttons"; 22 | @import "mixins/caret"; 23 | @import "mixins/pagination"; 24 | @import "mixins/lists"; 25 | @import "mixins/list-group"; 26 | @import "mixins/nav-divider"; 27 | @import "mixins/forms"; 28 | @import "mixins/table-row"; 29 | 30 | // // Skins 31 | @import "mixins/background-variant"; 32 | @import "mixins/border-radius"; 33 | @import "mixins/box-shadow"; 34 | @import "mixins/gradients"; 35 | @import "mixins/transition"; 36 | 37 | // // Layout 38 | @import "mixins/clearfix"; 39 | @import "mixins/grid-framework"; 40 | @import "mixins/grid"; 41 | @import "mixins/float"; 42 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // Inline code 2 | code { 3 | font-size: $code-font-size; 4 | color: $code-color; 5 | word-break: break-word; 6 | 7 | // Streamline the style when inside anchors to avoid broken underline and more 8 | a > & { 9 | color: inherit; 10 | } 11 | } 12 | 13 | // User input typically entered via keyboard 14 | kbd { 15 | padding: $kbd-padding-y $kbd-padding-x; 16 | font-size: $kbd-font-size; 17 | color: $kbd-color; 18 | background-color: $kbd-bg; 19 | @include border-radius($border-radius-sm); 20 | @include box-shadow($kbd-box-shadow); 21 | 22 | kbd { 23 | padding: 0; 24 | font-size: 100%; 25 | font-weight: $nested-kbd-font-weight; 26 | @include box-shadow(none); 27 | } 28 | } 29 | 30 | // Blocks of code 31 | pre { 32 | display: block; 33 | font-size: $code-font-size; 34 | color: $pre-color; 35 | 36 | // Account for some code outputs that place code tags in pre tags 37 | code { 38 | font-size: inherit; 39 | color: inherit; 40 | word-break: normal; 41 | } 42 | } 43 | 44 | // Enable scrollable blocks of code 45 | .pre-scrollable { 46 | max-height: $pre-scrollable-max-height; 47 | overflow-y: scroll; 48 | } 49 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | font-size: $badge-font-size; 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | @include border-radius($badge-border-radius); 16 | 17 | // Empty badges collapse automatically 18 | &:empty { 19 | display: none; 20 | } 21 | } 22 | 23 | // Quick fix for badges in buttons 24 | .btn .badge { 25 | position: relative; 26 | top: -1px; 27 | } 28 | 29 | // Pill badges 30 | // 31 | // Make them extra rounded with a modifier to replace v3's badges. 32 | 33 | .badge-pill { 34 | padding-right: $badge-pill-padding-x; 35 | padding-left: $badge-pill-padding-x; 36 | @include border-radius($badge-pill-border-radius); 37 | } 38 | 39 | // Colors 40 | // 41 | // Contextual variations (linked badges get darker on :hover). 42 | 43 | @each $color, $value in $theme-colors { 44 | .badge-#{$color} { 45 | @include badge-variant($value); 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /package/src/views/dashboard/Dashboard.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Grid, Box } from '@mui/material' 3 | import PageContainer from 'src/components/container/PageContainer' 4 | 5 | // components 6 | import SalesOverview from './components/SalesOverview' 7 | import YearlyBreakup from './components/YearlyBreakup' 8 | import RecentTransactions from './components/RecentTransactions' 9 | import ProductPerformance from './components/ProductPerformance' 10 | import Blog from './components/Blog' 11 | import MonthlyEarnings from './components/MonthlyEarnings' 12 | 13 | const Dashboard = () => { 14 | return ( 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | ) 34 | } 35 | 36 | export default Dashboard 37 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-grid-classes { 6 | .container { 7 | @include make-container(); 8 | @include make-container-max-widths(); 9 | } 10 | } 11 | 12 | // Fluid container 13 | // 14 | // Utilizes the mixin meant for fixed width containers, but with 100% width for 15 | // fluid, full width layouts. 16 | 17 | @if $enable-grid-classes { 18 | .container-fluid { 19 | @include make-container(); 20 | } 21 | } 22 | 23 | // Row 24 | // 25 | // Rows contain and clear the floats of your columns. 26 | 27 | @if $enable-grid-classes { 28 | .row { 29 | @include make-row(); 30 | } 31 | 32 | // Remove the negative margin from default .row, then the horizontal padding 33 | // from all immediate children columns (to prevent runaway style inheritance). 34 | .no-gutters { 35 | margin-right: 0; 36 | margin-left: 0; 37 | 38 | > .col, 39 | > [class*="col-"] { 40 | padding-right: 0; 41 | padding-left: 0; 42 | } 43 | } 44 | } 45 | 46 | // Columns 47 | // 48 | // Common styles for small and large grid columns 49 | 50 | @if $enable-grid-classes { 51 | @include make-grid-columns(); 52 | } 53 | -------------------------------------------------------------------------------- /package/src/layouts/full/sidebar/Upgrade.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Box, Typography, Button } from '@mui/material'; 3 | import img1 from 'src/assets/images/backgrounds/rocket.png'; 4 | 5 | const Upgrade = () => { 6 | return ( 7 | 13 | <> 14 | 15 | Check Pro
Version 16 | 19 | 20 | 21 | Remy Sharp 26 | 27 | 28 | 29 | ); 30 | }; 31 | 32 | export default Upgrade; -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultSelect.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField, MenuItem } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const currencies = [ 8 | { 9 | value: "USD", 10 | label: "$", 11 | }, 12 | { 13 | value: "EUR", 14 | label: "€", 15 | }, 16 | { 17 | value: "BTC", 18 | label: "฿", 19 | }, 20 | { 21 | value: "JPY", 22 | label: "¥", 23 | }, 24 | ]; 25 | 26 | const FiDefaultSelect = () => { 27 | const [currency, setCurrency] = React.useState("EUR"); 28 | 29 | const handleChange = (event) => { 30 | setCurrency(event.target.value); 31 | }; 32 | 33 | return ( 34 | 35 | 44 | {currencies.map((option) => ( 45 | 46 | {option.label} 47 | 48 | ))} 49 | 50 | 51 | ); 52 | }; 53 | 54 | export default FiDefaultSelect; 55 | -------------------------------------------------------------------------------- /package/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "flexy-free-react-app-vite", 3 | "private": true, 4 | "version": "1.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", 10 | "preview": "vite preview" 11 | }, 12 | "dependencies": { 13 | "@emotion/react": "^11.14.0", 14 | "@emotion/styled": "^11.14.0", 15 | "@mui/icons-material": "^7.1.0", 16 | "@mui/lab": "^7.0.0-beta.12", 17 | "@mui/material": "7.1.0", 18 | "@mui/system": "^7.1.0", 19 | "@iconify/react": "^6.0.0", 20 | "@svgr/rollup": "^8.1.0", 21 | "@tabler/icons-react": "^3.33.0", 22 | "apexcharts": "^4.7.0", 23 | "lodash": "^4.17.21", 24 | "prop-types": "^15.8.1", 25 | "react": "^19.0.0", 26 | "react-apexcharts": "^1.7.0", 27 | "react-dom": "^19.0.0", 28 | "react-helmet": "^6.1.0", 29 | "react-mui-sidebar": "^1.6.3", 30 | "simplebar-react": "^3.3.0", 31 | "react-router": "^7.0.2" 32 | }, 33 | "devDependencies": { 34 | "@vitejs/plugin-react": "^4.4.1", 35 | "eslint": "^9.27.0", 36 | "eslint-plugin-react": "^7.37.5", 37 | "eslint-plugin-react-hooks": "^5.2.0", 38 | "eslint-plugin-react-refresh": "^0.4.20", 39 | "vite": "^6.3.5" 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledSelect.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField, MenuItem } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const currencies = [ 8 | { 9 | value: "USD", 10 | label: "$", 11 | }, 12 | { 13 | value: "EUR", 14 | label: "€", 15 | }, 16 | { 17 | value: "BTC", 18 | label: "฿", 19 | }, 20 | { 21 | value: "JPY", 22 | label: "¥", 23 | }, 24 | ]; 25 | 26 | const FiFilledSelect = () => { 27 | const [currency, setCurrency] = React.useState("EUR"); 28 | 29 | const handleChange = (event) => { 30 | setCurrency(event.target.value); 31 | }; 32 | 33 | return ( 34 | 35 | 45 | {currencies.map((option) => ( 46 | 47 | {option.label} 48 | 49 | ))} 50 | 51 | 52 | ); 53 | }; 54 | 55 | export default FiFilledSelect; 56 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlinedSelect.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField, MenuItem } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const currencies = [ 8 | { 9 | value: "USD", 10 | label: "$", 11 | }, 12 | { 13 | value: "EUR", 14 | label: "€", 15 | }, 16 | { 17 | value: "BTC", 18 | label: "฿", 19 | }, 20 | { 21 | value: "JPY", 22 | label: "¥", 23 | }, 24 | ]; 25 | 26 | const FiOutlinedSelect = () => { 27 | const [currency, setCurrency] = React.useState("EUR"); 28 | 29 | const handleChange = (event) => { 30 | setCurrency(event.target.value); 31 | }; 32 | 33 | return ( 34 | 35 | 45 | {currencies.map((option) => ( 46 | 47 | {option.label} 48 | 49 | ))} 50 | 51 | 52 | ); 53 | }; 54 | 55 | export default FiOutlinedSelect; 56 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid; 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid; 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: ($spacer / 2); 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | font-size: $figure-caption-font-size; 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | 18 | 19 | // Retina image 20 | // 21 | // Short retina mixin for setting background-image and -size. 22 | 23 | // stylelint-disable indentation, media-query-list-comma-newline-after 24 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 25 | background-image: url($file-1x); 26 | 27 | // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio, 28 | // but doesn't convert dppx=>dpi. 29 | // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard. 30 | // Compatibility info: https://caniuse.com/#feat=css-media-resolution 31 | @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx 32 | only screen and (min-resolution: 2dppx) { // Standardized 33 | background-image: url($file-2x); 34 | background-size: $width-1x $height-1x; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /package/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import react from '@vitejs/plugin-react'; 3 | import { resolve } from 'path'; 4 | import fs from 'fs/promises'; 5 | import svgr from '@svgr/rollup'; 6 | // import svgr from 'vite-plugin-svgr' 7 | 8 | // https://vitejs.dev/config/ 9 | export default defineConfig({ 10 | resolve: { 11 | alias: { 12 | src: resolve(__dirname, 'src'), 13 | }, 14 | }, 15 | esbuild: { 16 | loader: 'jsx', 17 | include: /src\/.*\.jsx?$/, 18 | exclude: [], 19 | }, 20 | optimizeDeps: { 21 | esbuildOptions: { 22 | plugins: [ 23 | { 24 | name: 'load-js-files-as-jsx', 25 | setup(build) { 26 | build.onLoad( 27 | { filter: /src\\.*\.js$/ }, 28 | async (args) => ({ 29 | loader: 'jsx', 30 | contents: await fs.readFile(args.path, 'utf8'), 31 | }) 32 | ); 33 | }, 34 | }, 35 | ], 36 | }, 37 | }, 38 | 39 | 40 | 41 | // plugins: [react(),svgr({ 42 | // exportAsDefault: true 43 | // })], 44 | 45 | plugins: [svgr(), react()], 46 | }); 47 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | 25 | // Dismissible alerts 26 | // 27 | // Expand the right padding and account for the close button's positioning. 28 | 29 | .alert-dismissible { 30 | padding-right: ($close-font-size + $alert-padding-x * 2); 31 | 32 | // Adjust close link position 33 | .close { 34 | position: absolute; 35 | top: 0; 36 | right: 0; 37 | padding: $alert-padding-y $alert-padding-x; 38 | color: inherit; 39 | } 40 | } 41 | 42 | 43 | // Alternate styles 44 | // 45 | // Generate contextual modifier classes for colorizing the alert. 46 | 47 | @each $color, $value in $theme-colors { 48 | .alert-#{$color} { 49 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiDefaultNativeSelect.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const currencies = [ 8 | { 9 | value: "USD", 10 | label: "$", 11 | }, 12 | { 13 | value: "EUR", 14 | label: "€", 15 | }, 16 | { 17 | value: "BTC", 18 | label: "฿", 19 | }, 20 | { 21 | value: "JPY", 22 | label: "¥", 23 | }, 24 | ]; 25 | 26 | const FiDefaultNativeSelect = () => { 27 | const [currency, setCurrency] = React.useState("EUR"); 28 | 29 | const handleChange = (event) => { 30 | setCurrency(event.target.value); 31 | }; 32 | 33 | return ( 34 | 35 | 47 | {currencies.map((option) => ( 48 | 51 | ))} 52 | 53 | 54 | ); 55 | }; 56 | 57 | export default FiDefaultNativeSelect; 58 | -------------------------------------------------------------------------------- /package/src/theme/Typography.js: -------------------------------------------------------------------------------- 1 | const typography = { 2 | fontFamily: "'DM Sans', sans-serif;", 3 | h1: { 4 | fontWeight: 600, 5 | fontSize: '2.25rem', 6 | lineHeight: '2.75rem', 7 | fontFamily: "'DM Sans', sans-serif;", 8 | }, 9 | h2: { 10 | fontWeight: 600, 11 | fontSize: '1.875rem', 12 | lineHeight: '2.25rem', 13 | fontFamily: "'DM Sans', sans-serif;", 14 | }, 15 | h3: { 16 | fontWeight: 600, 17 | fontSize: '1.5rem', 18 | lineHeight: '1.75rem', 19 | fontFamily: "'DM Sans', sans-serif;", 20 | }, 21 | h4: { 22 | fontWeight: 600, 23 | fontSize: '1.3125rem', 24 | lineHeight: '1.6rem', 25 | }, 26 | h5: { 27 | fontWeight: 600, 28 | fontSize: '1.125rem', 29 | lineHeight: '1.6rem', 30 | }, 31 | h6: { 32 | fontWeight: 600, 33 | fontSize: '1rem', 34 | lineHeight: '1.2rem', 35 | }, 36 | button: { 37 | textTransform: 'capitalize', 38 | fontWeight: 400, 39 | }, 40 | body1: { 41 | fontSize: '0.875rem', 42 | fontWeight: 400, 43 | lineHeight: '1.334rem', 44 | }, 45 | body2: { 46 | fontSize: '0.75rem', 47 | letterSpacing: '0rem', 48 | fontWeight: 400, 49 | lineHeight: '1rem', 50 | }, 51 | subtitle1: { 52 | fontSize: '0.875rem', 53 | fontWeight: 400, 54 | }, 55 | subtitle2: { 56 | fontSize: '0.875rem', 57 | fontWeight: 400, 58 | }, 59 | }; 60 | 61 | export default typography; 62 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiFilledNativeSelect.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const currencies = [ 8 | { 9 | value: "USD", 10 | label: "$", 11 | }, 12 | { 13 | value: "EUR", 14 | label: "€", 15 | }, 16 | { 17 | value: "BTC", 18 | label: "฿", 19 | }, 20 | { 21 | value: "JPY", 22 | label: "¥", 23 | }, 24 | ]; 25 | 26 | const FiFilledNativeSelect = () => { 27 | const [currency, setCurrency] = React.useState("EUR"); 28 | 29 | const handleChange = (event) => { 30 | setCurrency(event.target.value); 31 | }; 32 | 33 | return ( 34 | 35 | 48 | {currencies.map((option) => ( 49 | 52 | ))} 53 | 54 | 55 | ); 56 | }; 57 | 58 | export default FiFilledNativeSelect; 59 | -------------------------------------------------------------------------------- /package/src/views/form-layouts/fi-elements/FiOutlinedNativeSelect.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import { TextField } from "@material-ui/core"; 4 | 5 | import BaseCard from "../../../components/BaseCard/BaseCard"; 6 | 7 | const currencies = [ 8 | { 9 | value: "USD", 10 | label: "$", 11 | }, 12 | { 13 | value: "EUR", 14 | label: "€", 15 | }, 16 | { 17 | value: "BTC", 18 | label: "฿", 19 | }, 20 | { 21 | value: "JPY", 22 | label: "¥", 23 | }, 24 | ]; 25 | 26 | const FiOutlinedNativeSelect = () => { 27 | const [currency, setCurrency] = React.useState("EUR"); 28 | 29 | const handleChange = (event) => { 30 | setCurrency(event.target.value); 31 | }; 32 | 33 | return ( 34 | 35 | 48 | {currencies.map((option) => ( 49 | 52 | ))} 53 | 54 | 55 | ); 56 | }; 57 | 58 | export default FiOutlinedNativeSelect; 59 | -------------------------------------------------------------------------------- /package/public/vite.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /landingpage/dist/scss/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | list-style: none; 7 | background-color: $breadcrumb-bg; 8 | @include border-radius($breadcrumb-border-radius); 9 | } 10 | 11 | .breadcrumb-item { 12 | // The separator between breadcrumbs (by default, a forward-slash: "/") 13 | + .breadcrumb-item { 14 | padding-left: $breadcrumb-item-padding; 15 | 16 | &::before { 17 | display: inline-block; // Suppress underlining of the separator in modern browsers 18 | padding-right: $breadcrumb-item-padding; 19 | color: $breadcrumb-divider-color; 20 | content: $breadcrumb-divider; 21 | } 22 | } 23 | 24 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built 25 | // without `