Initial commit

Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com>
Co-Authored-By: Johan  <4934465+joolsus@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>

packages/noodl-core-ui/.storybook/main.ts

@@ -0,0 +1,60 @@
+const path = require('path');
+const editorDir = path.join(__dirname, '../../noodl-editor');
+const coreLibDir = path.join(__dirname, '../');
+
+module.exports = {
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/preset-create-react-app',
+    '@storybook/addon-measure'
+  ],
+  framework: '@storybook/react',
+  core: {
+    builder: '@storybook/builder-webpack5'
+  },
+  webpackFinal: (config) => {
+    const destinationPath = path.resolve(__dirname, '../../noodl-editor');
+    const addExternalPath = (rules) => {
+      for (let i = 0; i < rules.length; i++) {
+        const rule = rules[i];
+        if (rule.test && RegExp(rule.test).test('.tsx')) {
+          if (rule.include?.length) rule.include.push(destinationPath);
+          else rule.include = destinationPath;
+        } else if (rule.test && RegExp(rule.test).test('.ts')) {
+          if (rule.include?.length) rule.include.push(destinationPath);
+          else rule.include = destinationPath;
+        } else if (rule.oneOf) {
+          addExternalPath(rule.oneOf);
+        }
+      }
+    };
+
+    addExternalPath(config.module.rules);
+
+    config.module.rules.push({
+      test: /\.ts$/,
+      use: [
+        {
+          loader: require.resolve('ts-loader')
+        }
+      ]
+    });
+
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      '@noodl-core-ui': path.join(coreLibDir, 'src'),
+      '@noodl-hooks': path.join(editorDir, 'src/editor/src/hooks'),
+      '@noodl-utils': path.join(editorDir, 'src/editor/src/utils'),
+      '@noodl-models': path.join(editorDir, 'src/editor/src/models'),
+      '@noodl-constants': path.join(editorDir, 'src/editor/src/constants'),
+      '@noodl-contexts': path.join(editorDir, 'src/editor/src/contexts'),
+      '@noodl-types': path.join(editorDir, 'src/editor/src/types'),
+      '@noodl-views': path.join(editorDir, 'src/editor/src/views')
+    };
+
+    return config;
+  }
+};

packages/noodl-core-ui/.storybook/manager.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons';
+import { themes } from '@storybook/theming';
+
+addons.setConfig({
+  theme: themes.dark
+});

packages/noodl-core-ui/.storybook/preview-body.html

@@ -0,0 +1 @@
+<div class="dialog-layer-portal-target" style="position: absolute;z-index: 666;top: 0;left: 0;"></div>

packages/noodl-core-ui/.storybook/preview.ts

@@ -0,0 +1,22 @@
+import '../src/styles/custom-properties/fonts.css';
+import '../src/styles/custom-properties/colors.css';
+import '../src/styles/custom-properties/animations.css';
+import '../src/styles/global.css';
+import { themes } from '@storybook/theming';
+
+// Setup the platform before anything else is loading
+// This is a problem since we are calling the platform when importing
+import '@noodl/platform';
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/
+    }
+  },
+  docs: {
+    theme: themes.dark
+  }
+};

packages/noodl-core-ui/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@noodl/noodl-core-ui",
+  "version": "2.7.0",
+  "scripts": {
+    "start": "start-storybook -p 6006 -s public",
+    "build": "build-storybook -s public"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "classnames": "^2.3.1"
+  },
+  "peerDependencies": {
+    "@noodl/platform": "file:../noodl-platform",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@storybook/addon-actions": "6.5.12",
+    "@storybook/addon-essentials": "6.5.9",
+    "@storybook/addon-interactions": "6.5.12",
+    "@storybook/addon-links": "6.5.9",
+    "@storybook/addon-measure": "6.5.9",
+    "@storybook/addons": "6.5.9",
+    "@storybook/builder-webpack5": "6.5.12",
+    "@storybook/manager-webpack5": "6.5.9",
+    "@storybook/node-logger": "6.5.9",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/react": "6.5.9",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/theming": "6.5.9",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.11.42",
+    "@types/react": "^17.0.3",
+    "@types/react-dom": "^18.0.0",
+    "babel-plugin-named-exports-order": "^0.0.2",
+    "prop-types": "^15.8.1",
+    "sass": "^1.53.0",
+    "typescript": "^4.7.4",
+    "web-vitals": "^3.0.3",
+    "webpack": "^5.74.0",
+    "ts-loader": "^9.3.1"
+  }
+}

packages/noodl-core-ui/src/@include-types/global.d.ts

@@ -0,0 +1,18 @@
+type TSFixme = any;
+
+declare module '*.svg' {
+  import React = require('react');
+  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}
+
+declare module '*.css' {
+  const styles: { readonly [key: string]: string };
+  export default styles;
+}
+
+declare module '*.scss' {
+  const styles: { readonly [key: string]: string };
+  export default styles;
+}

packages/noodl-core-ui/src/assets/fonts/Inter/LICENSE.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

packages/noodl-core-ui/src/assets/icons/add-small.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/align-center.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 10L7 13L3 13L3 15L7 15L7 18L11 14L7 10ZM21 18L21 15L25 15L25 13L21 13L21 10L17 14L21 18ZM15 6L13 6L13 22L15 22L15 6Z" fill="#7E7D7D"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/align-left.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 18L13 15L23 15L23 13L13 13L13 10L9 14L13 18ZM5 22L7 22L7 6L5 6L5 22Z" fill="#7E7D7D"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/align-right.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 10L15 13L5 13L5 15L15 15L15 18L19 14L15 10ZM21 22L23 22L23 6L21 6L21 22Z" fill="#7E7D7D"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/caret-down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.06 5.72656L8 8.77986L4.94 5.72656L4 6.66656L8 10.6666L12 6.66656L11.06 5.72656Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/checkmark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px">
+  <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/cloud.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.9999C14.62 5.9999 16.88 7.8599 17.39 10.4299L17.69 11.9299L19.22 12.0399C20.78 12.1399 22 13.4499 22 14.9999C22 16.6499 20.65 17.9999 19 17.9999H18.5455V19.9999H19C21.76 19.9999 24 17.7599 24 14.9999C24 12.3599 21.95 10.2199 19.35 10.0399C18.67 6.5899 15.64 3.99989 12 3.99989C9.11 3.99989 6.6 5.6399 5.35 8.0399C2.34 8.3599 0 10.9099 0 13.9999C0 17.3099 2.69 19.9999 6 19.9999H10.9091V17.9999H6C3.79 17.9999 2 16.2099 2 13.9999C2 11.9499 3.53 10.2399 5.56 10.0299L6.63 9.9199L7.13 8.9699C8.08 7.1399 9.94 5.9999 12 5.9999ZM12 13.091H17.4545V15.2728H12V13.091ZM17.4545 16.3637H12V18.5455H17.4545V16.3637ZM12 19.6364H17.4545V21.8182H12V19.6364Z" fill="white" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/collaboration.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16.5 13C15.3 13 13.43 13.34 12 14C10.57 13.33 8.7 13 7.5 13C5.33 13 1 14.08 1 16.25V19H23V16.25C23 14.08 18.67 13 16.5 13ZM12.5 17.5H2.5V16.25C2.5 15.71 5.06 14.5 7.5 14.5C9.94 14.5 12.5 15.71 12.5 16.25V17.5ZM21.5 17.5H14V16.25C14 15.79 13.8 15.39 13.48 15.03C14.36 14.73 15.44 14.5 16.5 14.5C18.94 14.5 21.5 15.71 21.5 16.25V17.5ZM7.5 12C9.43 12 11 10.43 11 8.50002C11 6.57002 9.43 5.00002 7.5 5.00002C5.57 5.00002 4 6.57002 4 8.50002C4 10.43 5.57 12 7.5 12ZM7.5 6.50002C8.6 6.50002 9.5 7.40002 9.5 8.50002C9.5 9.60002 8.6 10.5 7.5 10.5C6.4 10.5 5.5 9.60002 5.5 8.50002C5.5 7.40002 6.4 6.50002 7.5 6.50002ZM16.5 12C18.43 12 20 10.43 20 8.50002C20 6.57002 18.43 5.00002 16.5 5.00002C14.57 5.00002 13 6.57002 13 8.50002C13 10.43 14.57 12 16.5 12ZM16.5 6.50002C17.6 6.50002 18.5 7.40002 18.5 8.50002C18.5 9.60002 17.6 10.5 16.5 10.5C15.4 10.5 14.5 9.60002 14.5 8.50002C14.5 7.40002 15.4 6.50002 16.5 6.50002Z" fill="white" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/deploy.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5 9.72727L5 6L19 6L19 9.72727L21 9.72727L21 6C21 4.9 20.1 4 19 4L5 4C3.9 4 3 4.9 3 6L3 9.72727L5 9.72727ZM11 12.33L8.41 14.91L7 13.5L12 8.5L17 13.5L15.59 14.91L13 12.33L13 22L11 22L11 12.33Z" fill="white" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/horizontal-split.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0001 4.0005H3.00011C2.45012 4.0005 2.00012 4.4505 2.00012 5.00051V19.0005C2.00012 19.5506 2.45012 20.0006 3.00011 20.0006H21.0001C21.5501 20.0006 22.0002 19.5506 22.0002 19.0005V5.00051C22.0002 4.4505 21.5501 4.0005 21.0001 4.0005ZM3.99986 13.0003H19.9999V18.0004H3.99986V13.0003ZM19.9999 6.00015H3.99986V11.0001H19.9999V6.00015Z" fill="white" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/align_item_center.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17.457 7.92615H8.26953C7.90709 7.92615 7.61328 8.18198 7.61328 8.49758V11.3547C7.61328 11.6703 7.90709 11.9261 8.26953 11.9261H17.457C17.8195 11.9261 18.1133 11.6703 18.1133 11.3547V8.49758C18.1133 8.18198 17.8195 7.92615 17.457 7.92615Z" fill="#F5F5F5" />
+  <path d="M16.8008 13.4261H8.92578C8.61512 13.4261 8.36328 13.682 8.36328 13.9976V16.8547C8.36328 17.1703 8.61512 17.4261 8.92578 17.4261H16.8008C17.1114 17.4261 17.3633 17.1703 17.3633 16.8547V13.9976C17.3633 13.682 17.1114 13.4261 16.8008 13.4261Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8633 3.67615C13.2775 3.67615 13.6133 4.03433 13.6133 4.47617L13.6133 20.8761C13.6133 21.318 13.2775 21.6761 12.8633 21.6761C12.4491 21.6761 12.1133 21.318 12.1133 20.8761L12.1133 4.47617C12.1133 4.03433 12.4491 3.67615 12.8633 3.67615Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/align_item_left.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.24609 17.4261L17.4336 17.4261C17.796 17.4261 18.0898 17.1703 18.0898 16.8547L18.0898 13.9976C18.0898 13.682 17.796 13.4261 17.4336 13.4261L8.24609 13.4261C7.88366 13.4261 7.58984 13.682 7.58984 13.9976L7.58984 16.8547C7.58984 17.1703 7.88366 17.4261 8.24609 17.4261Z" fill="#F5F5F5" />
+  <path d="M8.15234 11.9261L16.0273 11.9261C16.338 11.9261 16.5898 11.6703 16.5898 11.3547L16.5898 8.49758C16.5898 8.18198 16.338 7.92615 16.0273 7.92615L8.15234 7.92615C7.84168 7.92615 7.58984 8.18198 7.58984 8.49757L7.58984 11.3547C7.58984 11.6703 7.84168 11.9261 8.15234 11.9261Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.33984 21.6761C4.92563 21.6761 4.58984 21.318 4.58984 20.8761L4.58985 4.47617C4.58985 4.03433 4.92563 3.67615 5.33985 3.67615C5.75406 3.67615 6.08985 4.03433 6.08985 4.47617L6.08984 20.8761C6.08984 21.318 5.75406 21.6761 5.33984 21.6761Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/align_item_right.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17.4805 7.92615H8.29297C7.93053 7.92615 7.63672 8.18198 7.63672 8.49758V11.3547C7.63672 11.6703 7.93053 11.9261 8.29297 11.9261H17.4805C17.8429 11.9261 18.1367 11.6703 18.1367 11.3547V8.49758C18.1367 8.18198 17.8429 7.92615 17.4805 7.92615Z" fill="#F5F5F5" />
+  <path d="M17.5742 13.4261H9.69922C9.38856 13.4261 9.13672 13.682 9.13672 13.9976V16.8547C9.13672 17.1703 9.38856 17.4261 9.69922 17.4261H17.5742C17.8849 17.4261 18.1367 17.1703 18.1367 16.8547V13.9976C18.1367 13.682 17.8849 13.4261 17.5742 13.4261Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3867 3.67615C20.8009 3.67615 21.1367 4.03433 21.1367 4.47617L21.1367 20.8761C21.1367 21.318 20.8009 21.6761 20.3867 21.6761C19.9725 21.6761 19.6367 21.318 19.6367 20.8761L19.6367 4.47617C19.6367 4.03433 19.9725 3.67615 20.3867 3.67615Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_down.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.7612 21.2292C12.8512 21.1892 12.9312 21.1392 13.0012 21.0692L19.7512 14.3192C20.0412 14.0292 20.0412 13.5492 19.7512 13.2592C19.4612 12.9692 18.9812 12.9692 18.6912 13.2592L13.2212 18.7292L13.2213 4.03918C13.2213 3.62918 12.8812 3.28918 12.4713 3.28918C12.0613 3.28918 11.7212 3.62918 11.7212 4.03918L11.7212 18.7292L6.25125 13.2592C5.96125 12.9692 5.48125 12.9692 5.19125 13.2592C5.04125 13.4092 4.97125 13.5992 4.97125 13.7892C4.97125 13.9792 5.04125 14.1692 5.19125 14.3192L11.9412 21.0692C12.0112 21.1392 12.0912 21.1892 12.1812 21.2292C12.3612 21.3092 12.5712 21.3092 12.7512 21.2292L12.7612 21.2292Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_left.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.19672 11.9979C3.23672 11.9079 3.28672 11.8279 3.35672 11.7579L10.1067 5.00794C10.3967 4.71794 10.8767 4.71794 11.1667 5.00794C11.4567 5.29794 11.4567 5.77794 11.1667 6.06794L5.69672 11.5379H20.3867C20.7967 11.5379 21.1367 11.8779 21.1367 12.2879C21.1367 12.6979 20.7967 13.0379 20.3867 13.0379H5.69672L11.1667 18.5079C11.4567 18.7979 11.4567 19.2779 11.1667 19.5679C11.0167 19.7179 10.8267 19.7879 10.6367 19.7879C10.4467 19.7879 10.2567 19.7179 10.1067 19.5679L3.35672 12.8179C3.28672 12.7479 3.23672 12.6679 3.19672 12.5779C3.11672 12.3979 3.11672 12.1879 3.19672 12.0079V11.9979Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_line_down.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1367 21.7009C21.1367 22.1151 20.8009 22.4509 20.3867 22.4509L3.88672 22.4509C3.47251 22.4509 3.13672 22.1151 3.13672 21.7009C3.13672 21.2867 3.47251 20.9509 3.88672 20.9509L20.3867 20.9509C20.8009 20.9509 21.1367 21.2867 21.1367 21.7009Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.421 18.9382C12.5105 18.9016 12.5944 18.8469 12.6671 18.7742L16.3648 15.0765C16.6577 14.7836 16.6577 14.3088 16.3648 14.0159C16.0719 13.723 15.597 13.723 15.3041 14.0159L12.8868 16.4332L12.8868 4.17548C12.8868 3.76127 12.551 3.42548 12.1368 3.42548C11.7226 3.42548 11.3868 3.76127 11.3868 4.17548L11.3868 16.4332L8.96943 14.0159C8.67654 13.723 8.20167 13.723 7.90877 14.0159C7.61588 14.3088 7.61588 14.7836 7.90877 15.0765L11.6044 18.7721C11.6111 18.7789 11.6179 18.7855 11.6248 18.792C11.7589 18.9172 11.9389 18.9939 12.1368 18.9939C12.2374 18.9939 12.3334 18.9741 12.421 18.9382Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_line_left.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.37402 21.9382C2.95981 21.9382 2.62402 21.6024 2.62402 21.1882L2.62402 4.68823C2.62402 4.27402 2.95981 3.93823 3.37402 3.93823C3.78824 3.93823 4.12402 4.27402 4.12402 4.68823L4.12402 21.1882C4.12402 21.6024 3.78824 21.9382 3.37402 21.9382Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.13679 13.2225C6.1734 13.312 6.22804 13.3959 6.30072 13.4686L9.99841 17.1663C10.2913 17.4591 10.7662 17.4591 11.0591 17.1663C11.352 16.8734 11.352 16.3985 11.0591 16.1056L8.64171 13.6882L20.8995 13.6882C21.3137 13.6882 21.6495 13.3524 21.6495 12.9382C21.6495 12.524 21.3137 12.1882 20.8995 12.1882L8.64172 12.1882L11.0591 9.77089C11.352 9.47799 11.352 9.00312 11.0591 8.71023C10.7662 8.41733 10.2913 8.41733 9.99841 8.71023L6.3028 12.4058C6.29605 12.4125 6.28943 12.4194 6.28294 12.4263C6.15771 12.5603 6.08105 12.7403 6.08105 12.9382C6.08105 13.0388 6.10086 13.1348 6.13679 13.2225Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_line_right.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.8994 21.9382C21.3136 21.9382 21.6494 21.6024 21.6494 21.1882L21.6494 4.68823C21.6494 4.27402 21.3136 3.93823 20.8994 3.93823C20.4852 3.93823 20.1494 4.27402 20.1494 4.68823L20.1494 21.1882C20.1494 21.6024 20.4852 21.9382 20.8994 21.9382Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.1366 13.2225C18.1 13.312 18.0454 13.3959 17.9727 13.4686L14.275 17.1663C13.9821 17.4591 13.5073 17.4591 13.2144 17.1663C12.9215 16.8734 12.9215 16.3985 13.2144 16.1056L15.6317 13.6882L3.37397 13.6882C2.95975 13.6882 2.62397 13.3524 2.62397 12.9382C2.62397 12.524 2.95975 12.1882 3.37397 12.1882L15.6317 12.1882L13.2144 9.77089C12.9215 9.47799 12.9215 9.00312 13.2144 8.71023C13.5073 8.41733 13.9821 8.41733 14.275 8.71023L17.9706 12.4058C17.9774 12.4125 17.984 12.4194 17.9905 12.4263C18.1157 12.5603 18.1924 12.7403 18.1924 12.9382C18.1924 13.0388 18.1726 13.1348 18.1366 13.2225Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_line_up.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1367 4.17548C21.1367 3.76126 20.8009 3.42548 20.3867 3.42548L3.88672 3.42548C3.47251 3.42548 3.13672 3.76126 3.13672 4.17548C3.13672 4.58969 3.47251 4.92548 3.88672 4.92548L20.3867 4.92548C20.8009 4.92548 21.1367 4.58969 21.1367 4.17548Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.421 6.93824C12.5105 6.97485 12.5944 7.0295 12.6671 7.10218L16.3648 10.7999C16.6577 11.0928 16.6577 11.5676 16.3648 11.8605C16.0719 12.1534 15.597 12.1534 15.3041 11.8605L12.8868 9.44316L12.8868 21.7009C12.8868 22.1151 12.551 22.4509 12.1368 22.4509C11.7226 22.4509 11.3868 22.1151 11.3868 21.7009L11.3868 9.44318L8.96943 11.8605C8.67654 12.1534 8.20167 12.1534 7.90877 11.8605C7.61588 11.5676 7.61588 11.0928 7.90877 10.7999L11.6044 7.10426C11.6111 7.09751 11.6179 7.09088 11.6248 7.08439C11.7589 6.95916 11.9389 6.88251 12.1368 6.88251C12.2374 6.88251 12.3334 6.90231 12.421 6.93824Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_right.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21.2437 11.9979C21.2037 11.9079 21.1537 11.8279 21.0837 11.7579L14.3337 5.00794C14.0437 4.71794 13.5637 4.71794 13.2737 5.00794C12.9837 5.29794 12.9837 5.77794 13.2737 6.06794L18.7437 11.5379H4.05371C3.64371 11.5379 3.30371 11.8779 3.30371 12.2879C3.30371 12.6979 3.64371 13.0379 4.05371 13.0379H18.7437L13.2737 18.5079C12.9837 18.7979 12.9837 19.2779 13.2737 19.5679C13.4237 19.7179 13.6137 19.7879 13.8037 19.7879C13.9937 19.7879 14.1837 19.7179 14.3337 19.5679L21.0837 12.8179C21.1537 12.7479 21.2037 12.6679 21.2437 12.5779C21.3237 12.3979 21.3237 12.1879 21.2437 12.0079V11.9979Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrow_up.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.9278 3.26032C13.0178 3.30032 13.0978 3.35032 13.1678 3.42032L19.9178 10.1703C20.2078 10.4603 20.2078 10.9403 19.9178 11.2303C19.6278 11.5203 19.1478 11.5203 18.8578 11.2303L13.3878 5.76032L13.3878 20.4503C13.3878 20.8603 13.0478 21.2003 12.6378 21.2003C12.2278 21.2003 11.8878 20.8603 11.8878 20.4503L11.8878 5.76032L6.41775 11.2303C6.12775 11.5203 5.64775 11.5203 5.35775 11.2303C5.20775 11.0803 5.13775 10.8903 5.13775 10.7003C5.13775 10.5103 5.20775 10.3203 5.35775 10.1703L12.1078 3.42032C12.1778 3.35032 12.2578 3.30032 12.3478 3.26032C12.5278 3.18032 12.7378 3.18032 12.9178 3.26032L12.9278 3.26032Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrows_in_line_horizontal.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.3867 12.9382H3.88672" stroke="#F5F5F5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1367 12.9382C21.1367 13.3524 20.8009 13.6882 20.3867 13.6882L3.88672 13.6882C3.47251 13.6882 3.13672 13.3524 3.13672 12.9382C3.13672 12.524 3.47251 12.1882 3.88672 12.1882L20.3867 12.1882C20.8009 12.1882 21.1367 12.524 21.1367 12.9382Z" fill="#F5F5F5" />
+  <path d="M12.4278 10.6282C12.5178 10.5882 12.5978 10.5382 12.6678 10.4682L15.6678 7.46823C15.9578 7.17823 15.9578 6.69823 15.6678 6.40823C15.3778 6.11823 14.8978 6.11823 14.6078 6.40823L12.8878 8.12823L12.8878 2.43823C12.8878 2.02823 12.5478 1.68823 12.1378 1.68823C11.7278 1.68823 11.3878 2.02823 11.3878 2.43823L11.3878 8.12823L9.66775 6.40823C9.37775 6.11823 8.89775 6.11823 8.60775 6.40823C8.45775 6.55823 8.38775 6.74823 8.38775 6.93823C8.38775 7.12823 8.45775 7.31823 8.60775 7.46823L11.6078 10.4682C11.6778 10.5382 11.7578 10.5882 11.8478 10.6282C11.9378 10.6682 12.0278 10.6882 12.1378 10.6882C12.2478 10.6882 12.3378 10.6682 12.4278 10.6282Z" fill="#F5F5F5" />
+  <path d="M12.4278 15.2482C12.5178 15.2882 12.5978 15.3382 12.6678 15.4082L15.6678 18.4082C15.9578 18.6982 15.9578 19.1782 15.6678 19.4682C15.3778 19.7582 14.8978 19.7582 14.6078 19.4682L12.8878 17.7482L12.8878 23.4382C12.8878 23.8482 12.5478 24.1882 12.1378 24.1882C11.7278 24.1882 11.3878 23.8482 11.3878 23.4382L11.3878 17.7482L9.66775 19.4682C9.37775 19.7582 8.89775 19.7582 8.60775 19.4682C8.45775 19.3182 8.38775 19.1282 8.38775 18.9382C8.38775 18.7482 8.45775 18.5582 8.60775 18.4082L11.6078 15.4082C11.6778 15.3382 11.7578 15.2882 11.8478 15.2482C11.9378 15.2082 12.0278 15.1882 12.1378 15.1882C12.2478 15.1882 12.3378 15.2082 12.4278 15.2482Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/arrows_in_line_vertical.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.1367 3.93823C12.5509 3.93823 12.8867 4.27402 12.8867 4.68823L12.8867 21.1882C12.8867 21.6024 12.5509 21.9382 12.1367 21.9382C11.7225 21.9382 11.3867 21.6024 11.3867 21.1882L11.3867 4.68823C11.3867 4.27402 11.7225 3.93823 12.1367 3.93823Z" fill="#F5F5F5" />
+  <path d="M9.82672 12.647C9.78672 12.557 9.73672 12.477 9.66672 12.407L6.66672 9.40698C6.37672 9.11698 5.89672 9.11698 5.60672 9.40698C5.31672 9.69698 5.31672 10.177 5.60672 10.467L7.32672 12.187H1.63672C1.22672 12.187 0.886719 12.527 0.886719 12.937C0.886719 13.347 1.22672 13.687 1.63672 13.687H7.32672L5.60672 15.407C5.31672 15.697 5.31672 16.177 5.60672 16.467C5.75672 16.617 5.94672 16.687 6.13672 16.687C6.32672 16.687 6.51672 16.617 6.66672 16.467L9.66672 13.467C9.73672 13.397 9.78672 13.317 9.82672 13.227C9.86672 13.137 9.88672 13.047 9.88672 12.937C9.88672 12.827 9.86672 12.737 9.82672 12.647Z" fill="#F5F5F5" />
+  <path d="M14.4467 12.647C14.4867 12.557 14.5367 12.477 14.6067 12.407L17.6067 9.40698C17.8967 9.11698 18.3767 9.11698 18.6667 9.40698C18.9567 9.69698 18.9567 10.177 18.6667 10.467L16.9467 12.187H22.6367C23.0467 12.187 23.3867 12.527 23.3867 12.937C23.3867 13.347 23.0467 13.687 22.6367 13.687H16.9467L18.6667 15.407C18.9567 15.697 18.9567 16.177 18.6667 16.467C18.5167 16.617 18.3267 16.687 18.1367 16.687C17.9467 16.687 17.7567 16.617 17.6067 16.467L14.6067 13.467C14.5367 13.397 14.4867 13.317 14.4467 13.227C14.4067 13.137 14.3867 13.047 14.3867 12.937C14.3867 12.827 14.4067 12.737 14.4467 12.647Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/border_all.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M24.1928 5.74249H6.08057C5.80442 5.74249 5.58057 5.96635 5.58057 6.24249V24.3547C5.58057 24.6309 5.80442 24.8547 6.08057 24.8547H24.1928C24.4689 24.8547 24.6928 24.6309 24.6928 24.3547V6.24249C24.6928 5.96635 24.4689 5.74249 24.1928 5.74249ZM6.08057 4.24249C4.976 4.24249 4.08057 5.13792 4.08057 6.24249V24.3547C4.08057 25.4593 4.976 26.3547 6.08057 26.3547H24.1928C25.2974 26.3547 26.1928 25.4593 26.1928 24.3547V6.24249C26.1928 5.13792 25.2974 4.24249 24.1928 4.24249H6.08057Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/border_down.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.83008 4.15167C5.24429 4.15167 5.58008 4.48746 5.58008 4.90167C5.58008 5.31589 5.24429 5.65167 4.83008 5.65167C4.41586 5.65167 4.08008 5.31589 4.08008 4.90167C4.08008 4.48746 4.41586 4.15167 4.83008 4.15167Z" fill="#F5F5F5"/>
+<path d="M18.5718 4.15167C18.986 4.15167 19.3218 4.48746 19.3218 4.90167C19.3218 5.31589 18.986 5.65167 18.5718 5.65167C18.1576 5.65167 17.8218 5.31589 17.8218 4.90167C17.8218 4.48746 18.1576 4.15167 18.5718 4.15167Z" fill="#F5F5F5"/>
+<path d="M11.7007 4.15167C12.1149 4.15167 12.4507 4.48746 12.4507 4.90167C12.4507 5.31589 12.1149 5.65167 11.7007 5.65167C11.2865 5.65167 10.9507 5.31589 10.9507 4.90167C10.9507 4.48746 11.2865 4.15167 11.7007 4.15167Z" fill="#F5F5F5"/>
+<path d="M25.4429 4.15167C25.8571 4.15167 26.1929 4.48746 26.1929 4.90167C26.1929 5.31589 25.8571 5.65167 25.4429 5.65167C25.0287 5.65167 24.6929 5.31589 24.6929 4.90167C24.6929 4.48746 25.0287 4.15167 25.4429 4.15167Z" fill="#F5F5F5"/>
+<path d="M25.4434 17.8937C25.8576 17.8937 26.1934 18.2295 26.1934 18.6437C26.1934 19.058 25.8576 19.3937 25.4434 19.3937C25.0291 19.3937 24.6934 19.058 24.6934 18.6437C24.6934 18.2295 25.0291 17.8937 25.4434 17.8937Z" fill="#F5F5F5"/>
+<path d="M4.83057 17.8937C5.24478 17.8937 5.58057 18.2295 5.58057 18.6437C5.58057 19.058 5.24478 19.3937 4.83057 19.3937C4.41635 19.3937 4.08057 19.058 4.08057 18.6437C4.08057 18.2295 4.41635 17.8937 4.83057 17.8937Z" fill="#F5F5F5"/>
+<path d="M25.4429 11.0228C25.8571 11.0228 26.1929 11.3586 26.1929 11.7728C26.1929 12.187 25.8571 12.5228 25.4429 12.5228C25.0287 12.5228 24.6929 12.187 24.6929 11.7728C24.6929 11.3586 25.0287 11.0228 25.4429 11.0228Z" fill="#F5F5F5"/>
+<path d="M4.83008 11.0228C5.24429 11.0228 5.58008 11.3586 5.58008 11.7728C5.58008 12.187 5.24429 12.5228 4.83008 12.5228C4.41586 12.5228 4.08008 12.187 4.08008 11.7728C4.08008 11.3586 4.41586 11.0228 4.83008 11.0228Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1934 25.6945C26.1934 26.1087 25.8576 26.4445 25.4434 26.4445L4.83081 26.4445C4.4166 26.4445 4.08081 26.1087 4.08081 25.6945C4.08081 25.2802 4.4166 24.9445 4.83081 24.9445L25.4434 24.9445C25.8576 24.9445 26.1934 25.2802 26.1934 25.6945Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/border_left.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.2832 4.99158C26.2832 5.40579 25.9474 5.74158 25.5332 5.74158C25.119 5.74158 24.7832 5.40579 24.7832 4.99158C24.7832 4.57736 25.119 4.24158 25.5332 4.24158C25.9474 4.24158 26.2832 4.57736 26.2832 4.99158Z" fill="#F5F5F5"/>
+<path d="M26.2832 18.7333C26.2832 19.1475 25.9474 19.4833 25.5332 19.4833C25.119 19.4833 24.7832 19.1475 24.7832 18.7333C24.7832 18.3191 25.119 17.9833 25.5332 17.9833C25.9474 17.9833 26.2832 18.3191 26.2832 18.7333Z" fill="#F5F5F5"/>
+<path d="M26.2832 11.8622C26.2832 12.2764 25.9474 12.6122 25.5332 12.6122C25.119 12.6122 24.7832 12.2764 24.7832 11.8622C24.7832 11.448 25.119 11.1122 25.5332 11.1122C25.9474 11.1122 26.2832 11.448 26.2832 11.8622Z" fill="#F5F5F5"/>
+<path d="M26.2832 25.6041C26.2832 26.0183 25.9474 26.3541 25.5332 26.3541C25.119 26.3541 24.7832 26.0183 24.7832 25.6041C24.7832 25.1899 25.119 24.8541 25.5332 24.8541C25.9474 24.8541 26.2832 25.1899 26.2832 25.6041Z" fill="#F5F5F5"/>
+<path d="M12.541 25.6046C12.541 26.0188 12.2052 26.3546 11.791 26.3546C11.3768 26.3546 11.041 26.0188 11.041 25.6046C11.041 25.1904 11.3768 24.8546 11.791 24.8546C12.2052 24.8546 12.541 25.1904 12.541 25.6046Z" fill="#F5F5F5"/>
+<path d="M12.541 4.99182C12.541 5.40603 12.2052 5.74182 11.791 5.74182C11.3768 5.74182 11.041 5.40603 11.041 4.99182C11.041 4.57761 11.3768 4.24182 11.791 4.24182C12.2052 4.24182 12.541 4.57761 12.541 4.99182Z" fill="#F5F5F5"/>
+<path d="M19.4121 25.6044C19.4121 26.0186 19.0763 26.3544 18.6621 26.3544C18.2479 26.3544 17.9121 26.0186 17.9121 25.6044C17.9121 25.1902 18.2479 24.8544 18.6621 24.8544C19.0763 24.8544 19.4121 25.1902 19.4121 25.6044Z" fill="#F5F5F5"/>
+<path d="M19.4121 4.99158C19.4121 5.40579 19.0763 5.74158 18.6621 5.74158C18.2479 5.74158 17.9121 5.40579 17.9121 4.99158C17.9121 4.57736 18.2479 4.24158 18.6621 4.24158C19.0763 4.24158 19.4121 4.57736 19.4121 4.99158Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.74023 26.3547C4.32602 26.3547 3.99023 26.0189 3.99023 25.6047L3.99024 4.99219C3.99024 4.57797 4.32602 4.24219 4.74024 4.24219C5.15445 4.24219 5.49024 4.57797 5.49024 4.99219L5.49023 25.6047C5.49023 26.0189 5.15445 26.3547 4.74023 26.3547Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/border_right.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.99023 25.6046C3.99023 25.1904 4.32602 24.8546 4.74023 24.8546C5.15445 24.8546 5.49023 25.1904 5.49023 25.6046C5.49023 26.0188 5.15445 26.3546 4.74023 26.3546C4.32602 26.3546 3.99023 26.0188 3.99023 25.6046Z" fill="#F5F5F5"/>
+<path d="M3.99023 11.8629C3.99023 11.4487 4.32602 11.1129 4.74023 11.1129C5.15445 11.1129 5.49023 11.4487 5.49023 11.8629C5.49023 12.2771 5.15445 12.6129 4.74023 12.6129C4.32602 12.6129 3.99023 12.2771 3.99023 11.8629Z" fill="#F5F5F5"/>
+<path d="M3.99023 18.734C3.99023 18.3198 4.32602 17.984 4.74023 17.984C5.15445 17.984 5.49023 18.3198 5.49023 18.734C5.49023 19.1482 5.15445 19.484 4.74023 19.484C4.32602 19.484 3.99023 19.1482 3.99023 18.734Z" fill="#F5F5F5"/>
+<path d="M3.99023 4.99207C3.99023 4.57785 4.32602 4.24207 4.74023 4.24207C5.15445 4.24207 5.49023 4.57785 5.49023 4.99207C5.49023 5.40628 5.15445 5.74207 4.74023 5.74207C4.32602 5.74207 3.99023 5.40628 3.99023 4.99207Z" fill="#F5F5F5"/>
+<path d="M17.7324 4.99158C17.7324 4.57736 18.0682 4.24158 18.4824 4.24158C18.8966 4.24158 19.2324 4.57736 19.2324 4.99158C19.2324 5.40579 18.8966 5.74158 18.4824 5.74158C18.0682 5.74158 17.7324 5.40579 17.7324 4.99158Z" fill="#F5F5F5"/>
+<path d="M17.7324 25.6044C17.7324 25.1902 18.0682 24.8544 18.4824 24.8544C18.8966 24.8544 19.2324 25.1902 19.2324 25.6044C19.2324 26.0186 18.8966 26.3544 18.4824 26.3544C18.0682 26.3544 17.7324 26.0186 17.7324 25.6044Z" fill="#F5F5F5"/>
+<path d="M10.8613 4.99182C10.8613 4.57761 11.1971 4.24182 11.6113 4.24182C12.0255 4.24182 12.3613 4.57761 12.3613 4.99182C12.3613 5.40603 12.0255 5.74182 11.6113 5.74182C11.1971 5.74182 10.8613 5.40603 10.8613 4.99182Z" fill="#F5F5F5"/>
+<path d="M10.8613 25.6046C10.8613 25.1904 11.1971 24.8546 11.6113 24.8546C12.0255 24.8546 12.3613 25.1904 12.3613 25.6046C12.3613 26.0188 12.0255 26.3546 11.6113 26.3546C11.1971 26.3546 10.8613 26.0188 10.8613 25.6046Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5332 4.24146C25.9474 4.24146 26.2832 4.57724 26.2832 4.99146L26.2832 25.604C26.2832 26.0182 25.9474 26.354 25.5332 26.354C25.119 26.354 24.7832 26.0182 24.7832 25.604L24.7832 4.99145C24.7832 4.57724 25.119 4.24145 25.5332 4.24146Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/border_up.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.4434 26.4445C25.0291 26.4445 24.6934 26.1087 24.6934 25.6945C24.6934 25.2803 25.0291 24.9445 25.4434 24.9445C25.8576 24.9445 26.1934 25.2803 26.1934 25.6945C26.1934 26.1087 25.8576 26.4445 25.4434 26.4445Z" fill="#F5F5F5"/>
+<path d="M11.7017 26.4445C11.2874 26.4445 10.9517 26.1087 10.9517 25.6945C10.9517 25.2803 11.2874 24.9445 11.7017 24.9445C12.1159 24.9445 12.4517 25.2803 12.4517 25.6945C12.4517 26.1087 12.1159 26.4445 11.7017 26.4445Z" fill="#F5F5F5"/>
+<path d="M18.5728 26.4445C18.1585 26.4445 17.8228 26.1087 17.8228 25.6945C17.8228 25.2803 18.1585 24.9445 18.5728 24.9445C18.987 24.9445 19.3228 25.2803 19.3228 25.6945C19.3228 26.1087 18.987 26.4445 18.5728 26.4445Z" fill="#F5F5F5"/>
+<path d="M4.83057 26.4445C4.41635 26.4445 4.08057 26.1087 4.08057 25.6945C4.08057 25.2803 4.41635 24.9445 4.83057 24.9445C5.24478 24.9445 5.58057 25.2803 5.58057 25.6945C5.58057 26.1087 5.24478 26.4445 4.83057 26.4445Z" fill="#F5F5F5"/>
+<path d="M4.83008 12.7025C4.41586 12.7025 4.08008 12.3667 4.08008 11.9525C4.08008 11.5382 4.41586 11.2025 4.83008 11.2025C5.24429 11.2025 5.58008 11.5382 5.58008 11.9525C5.58008 12.3667 5.24429 12.7025 4.83008 12.7025Z" fill="#F5F5F5"/>
+<path d="M25.4429 12.7025C25.0287 12.7025 24.6929 12.3667 24.6929 11.9525C24.6929 11.5382 25.0287 11.2025 25.4429 11.2025C25.8571 11.2025 26.1929 11.5382 26.1929 11.9525C26.1929 12.3667 25.8571 12.7025 25.4429 12.7025Z" fill="#F5F5F5"/>
+<path d="M4.83057 19.5734C4.41635 19.5734 4.08057 19.2376 4.08057 18.8234C4.08057 18.4092 4.41635 18.0734 4.83057 18.0734C5.24478 18.0734 5.58057 18.4092 5.58057 18.8234C5.58057 19.2376 5.24478 19.5734 4.83057 19.5734Z" fill="#F5F5F5"/>
+<path d="M25.4434 19.5734C25.0291 19.5734 24.6934 19.2376 24.6934 18.8234C24.6934 18.4092 25.0291 18.0734 25.4434 18.0734C25.8576 18.0734 26.1934 18.4092 26.1934 18.8234C26.1934 19.2376 25.8576 19.5734 25.4434 19.5734Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.08008 4.90173C4.08008 4.48752 4.41586 4.15173 4.83008 4.15173L25.4426 4.15173C25.8568 4.15173 26.1926 4.48752 26.1926 4.90173C26.1926 5.31595 25.8568 5.65173 25.4426 5.65173L4.83008 5.65173C4.41586 5.65173 4.08008 5.31595 4.08008 4.90173Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/bug.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14.2938 11.664C14.7193 11.664 15.0642 11.3191 15.0642 10.8936C15.0642 10.4681 14.7193 10.1232 14.2938 10.1232C13.8684 10.1232 13.5234 10.4681 13.5234 10.8936C13.5234 11.3191 13.8684 11.664 14.2938 11.664Z" fill="#F5F5F5" />
+  <path d="M9.97939 11.664C10.4049 11.664 10.7498 11.3191 10.7498 10.8936C10.7498 10.4681 10.4049 10.1232 9.97939 10.1232C9.55391 10.1232 9.20898 10.4681 9.20898 10.8936C9.20898 11.3191 9.55391 11.664 9.97939 11.664Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0718 3.80285C9.87929 3.43606 9.42593 3.29475 9.05915 3.48722C8.69237 3.67968 8.55106 4.13304 8.74352 4.49983L9.54422 6.02572C8.69287 6.37014 7.91046 6.884 7.24847 7.54598C6.7412 8.05326 6.3209 8.63125 5.99718 9.25678L4.50796 8.39542C4.1494 8.18803 3.69061 8.31058 3.48322 8.66914C3.27584 9.02769 3.39838 9.48648 3.75694 9.69387L5.4515 10.674C5.30145 11.2438 5.22363 11.8351 5.22363 12.4344V12.917H3.2002C2.78598 12.917 2.4502 13.2528 2.4502 13.667C2.4502 14.0812 2.78598 14.417 3.2002 14.417H5.22363V14.8997C5.22363 15.499 5.30146 16.0903 5.45151 16.6601L3.75694 17.6402C3.39838 17.8476 3.27584 18.3064 3.48322 18.665C3.69061 19.0235 4.1494 19.1461 4.50796 18.9387L5.9972 18.0773C6.32092 18.7028 6.74121 19.2808 7.24847 19.7881C8.54496 21.0846 10.3034 21.8129 12.1369 21.8129C13.9704 21.8129 15.7288 21.0846 17.0253 19.7881C17.5325 19.2808 17.9528 18.7028 18.2766 18.0773L19.7659 18.9387C20.1244 19.1461 20.5832 19.0235 20.7906 18.665C20.998 18.3064 20.8754 17.8476 20.5169 17.6402L18.8222 16.6601C18.9723 16.0903 19.0501 15.499 19.0501 14.8997V14.417H21.0736C21.4878 14.417 21.8236 14.0812 21.8236 13.667C21.8236 13.2528 21.4878 12.917 21.0736 12.917H19.0501V12.4344C19.0501 11.8351 18.9723 11.2438 18.8223 10.674L20.5169 9.69387C20.8754 9.48648 20.998 9.02769 20.7906 8.66914C20.5832 8.31058 20.1244 8.18803 19.7659 8.39542L18.2766 9.25681C17.9529 8.63126 17.5326 8.05326 17.0253 7.54598C16.3632 6.88394 15.5807 6.37003 14.7293 6.02561L15.5299 4.49983C15.7224 4.13304 15.5811 3.67968 15.2143 3.48722C14.8475 3.29475 14.3941 3.43606 14.2017 3.80285L13.2525 5.61172C12.886 5.5518 12.513 5.52114 12.1369 5.52114C11.7606 5.52114 11.3876 5.55181 11.021 5.61177L10.0718 3.80285ZM8.30913 8.60664C9.32431 7.59147 10.7012 7.02114 12.1369 7.02114C13.5726 7.02114 14.9494 7.59147 15.9646 8.60664C16.9798 9.62182 17.5501 10.9987 17.5501 12.4344V12.917H6.72363V12.4344C6.72363 10.9987 7.29395 9.62182 8.30913 8.60664ZM17.5501 14.417V14.8997C17.5501 16.3354 16.9798 17.7122 15.9646 18.7274C14.9494 19.7426 13.5726 20.3129 12.1369 20.3129C10.7012 20.3129 9.32431 19.7426 8.30913 18.7274C7.29395 17.7122 6.72363 16.3354 6.72363 14.8997V14.417H17.5501Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/button.svg

@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.30713 10.7442H25.8038C26.356 10.7442 26.8038 11.1919 26.8038 11.7442V19.1172C26.8038 19.6695 26.356 20.1904 25.8038 20.1904H4.30713C3.75484 20.1904 3.30713 19.6695 3.30713 19.1172V11.7442C3.30713 11.1919 3.75484 10.7442 4.30713 10.7442ZM9.02148 16.6246C9.66549 16.6246 10.1876 16.1025 10.1876 15.4585C10.1876 14.8145 9.66549 14.2924 9.02148 14.2924C8.37747 14.2924 7.8554 14.8145 7.8554 15.4585C7.8554 16.1025 8.37747 16.6246 9.02148 16.6246ZM16.2198 15.4585C16.2198 16.1025 15.6977 16.6246 15.0537 16.6246C14.4097 16.6246 13.8876 16.1025 13.8876 15.4585C13.8876 14.8145 14.4097 14.2924 15.0537 14.2924C15.6977 14.2924 16.2198 14.8145 16.2198 15.4585ZM21.0859 16.6246C21.7299 16.6246 22.252 16.1025 22.252 15.4585C22.252 14.8145 21.7299 14.2924 21.0859 14.2924C20.4419 14.2924 19.9199 14.8145 19.9199 15.4585C19.9199 16.1025 20.4419 16.6246 21.0859 16.6246Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/cards.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 7.75C2.25 6.92157 2.92157 6.25 3.75 6.25H17.25C18.0784 6.25 18.75 6.92157 18.75 7.75V18.25C18.75 19.0784 18.0784 19.75 17.25 19.75H3.75C2.92157 19.75 2.25 19.0784 2.25 18.25V7.75ZM17.25 7.75H3.75V18.25H17.25V7.75Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H20.25C20.6478 3.25 21.0294 3.40804 21.3107 3.68934C21.592 3.97065 21.75 4.35218 21.75 4.75V16C21.75 16.4142 21.4142 16.75 21 16.75C20.5858 16.75 20.25 16.4142 20.25 16L20.25 4.75L6 4.75C5.58579 4.75 5.25 4.41421 5.25 4Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/caret_down.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6061 15.0981C11.899 15.391 12.3738 15.391 12.6667 15.0981L17.0126 10.7523C17.3055 10.4594 17.3055 9.9845 17.0126 9.6916C16.7197 9.39871 16.2448 9.39871 15.9519 9.6916L12.1364 13.5071L8.32086 9.6916C8.02796 9.39871 7.55309 9.39871 7.2602 9.6916C6.9673 9.9845 6.9673 10.4594 7.2602 10.7523L11.6061 15.0981Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/caret_down_up.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6064 2.71027C11.8993 2.41738 12.3741 2.41738 12.667 2.71027L17.8213 7.86454C18.1142 8.15744 18.1142 8.63231 17.8213 8.9252C17.5284 9.2181 17.0535 9.2181 16.7606 8.9252L12.1367 4.30126L7.51275 8.9252C7.21986 9.2181 6.74498 9.2181 6.45209 8.9252C6.1592 8.63231 6.1592 8.15744 6.45209 7.86454L11.6064 2.71027Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6064 22.0795C11.8993 22.3724 12.3741 22.3724 12.667 22.0795L17.8213 16.9252C18.1142 16.6323 18.1142 16.1574 17.8213 15.8645C17.5284 15.5716 17.0535 15.5716 16.7606 15.8645L12.1367 20.4885L7.51275 15.8645C7.21986 15.5716 6.74498 15.5716 6.45209 15.8645C6.1592 16.1574 6.1592 16.6323 6.45209 16.9252L11.6064 22.0795Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/caret_left.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.667 5.46967C15.9599 5.76256 15.9599 6.23744 15.667 6.53033L10.1974 12L15.667 17.4697C15.9599 17.7626 15.9599 18.2374 15.667 18.5303C15.3742 18.8232 14.8993 18.8232 14.6064 18.5303L8.60639 12.5303C8.3135 12.2374 8.3135 11.7626 8.60639 11.4697L14.6064 5.46967C14.8993 5.17678 15.3742 5.17678 15.667 5.46967Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/caret_right.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.60639 18.5303C8.3135 18.2374 8.3135 17.7626 8.60639 17.4697L14.0761 12L8.60639 6.53033C8.3135 6.23744 8.3135 5.76256 8.60639 5.46967C8.89928 5.17678 9.37416 5.17678 9.66705 5.46967L15.667 11.4697C15.9599 11.7626 15.9599 12.2374 15.667 12.5303L9.66705 18.5303C9.37416 18.8232 8.89928 18.8232 8.60639 18.5303Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/caret_up.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.392 10.2073C13.0991 9.91436 12.6242 9.91436 12.3313 10.2073L7.98547 14.5531C7.69257 14.846 7.69257 15.3209 7.98547 15.6138C8.27836 15.9067 8.75323 15.9067 9.04613 15.6138L12.8617 11.7982L16.6772 15.6138C16.9701 15.9067 17.445 15.9067 17.7378 15.6138C18.0307 15.3209 18.0307 14.846 17.7378 14.5531L13.392 10.2073Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/chat.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.82608 3.76174C3.10739 3.48044 3.48892 3.3224 3.88674 3.3224H20.3867C20.7846 3.3224 21.1661 3.48044 21.4474 3.76174C21.7287 4.04305 21.8867 4.42458 21.8867 4.8224V16.8224C21.8867 17.2202 21.7287 17.6018 21.4474 17.8831C21.1661 18.1644 20.7846 18.3224 20.3867 18.3224H7.87828L7.87407 18.326L4.84588 20.8572L4.84302 20.8596C4.62449 21.0404 4.35917 21.1556 4.07782 21.1917C3.79648 21.2279 3.51066 21.1835 3.25353 21.0638C2.99639 20.944 2.77847 20.7538 2.62505 20.5153C2.47164 20.2767 2.38901 19.9995 2.38677 19.7158L2.38672 19.7099L2.38674 4.8224C2.38674 4.42458 2.54478 4.04305 2.82608 3.76174ZM20.3867 4.8224L3.88674 4.8224V19.7039L6.90803 17.1784C7.17624 16.9488 7.51771 16.8225 7.87093 16.8224H20.3867V4.8224Z" fill="#F5F5F5" />
+  <path d="M12.1367 11.7599C12.6545 11.7599 13.0742 11.3402 13.0742 10.8224C13.0742 10.3046 12.6545 9.8849 12.1367 9.8849C11.619 9.8849 11.1992 10.3046 11.1992 10.8224C11.1992 11.3402 11.619 11.7599 12.1367 11.7599Z" fill="#F5F5F5" />
+  <path d="M16.6367 11.7599C17.1545 11.7599 17.5742 11.3402 17.5742 10.8224C17.5742 10.3046 17.1545 9.8849 16.6367 9.8849C16.119 9.8849 15.6992 10.3046 15.6992 10.8224C15.6992 11.3402 16.119 11.7599 16.6367 11.7599Z" fill="#F5F5F5" />
+  <path d="M7.63672 11.7599C8.15449 11.7599 8.57422 11.3402 8.57422 10.8224C8.57422 10.3046 8.15449 9.8849 7.63672 9.8849C7.11895 9.8849 6.69922 10.3046 6.69922 10.8224C6.69922 11.3402 7.11895 11.7599 7.63672 11.7599Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/chat_fill.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.5402 3.14819H3.73308C3.32785 3.14819 2.93922 3.30917 2.65268 3.59571C2.36614 3.88225 2.20516 4.27088 2.20516 4.67611V19.8407C2.20212 20.1329 2.28456 20.4197 2.44235 20.6657C2.60013 20.9117 2.82638 21.1063 3.09326 21.2254C3.29142 21.3263 3.51071 21.3786 3.73308 21.3782C4.09348 21.377 4.44187 21.2485 4.71668 21.0153L7.75341 18.4656L20.5402 18.4274C20.9454 18.4274 21.334 18.2664 21.6206 17.9799C21.9071 17.6933 22.0681 17.3047 22.0681 16.8995V4.67611C22.0681 4.27088 21.9071 3.88225 21.6206 3.59571C21.334 3.30917 20.9454 3.14819 20.5402 3.14819ZM7.55287 11.9337C7.32623 11.9337 7.10467 11.8665 6.91622 11.7406C6.72778 11.6147 6.5809 11.4357 6.49416 11.2263C6.40743 11.0169 6.38474 10.7865 6.42895 10.5642C6.47317 10.3419 6.58231 10.1377 6.74257 9.97748C6.90283 9.81722 7.10702 9.70808 7.32931 9.66387C7.5516 9.61965 7.78201 9.64234 7.99141 9.72908C8.2008 9.81581 8.37977 9.96269 8.50569 10.1511C8.6316 10.3396 8.69881 10.5611 8.69881 10.7878C8.69881 11.0917 8.57808 11.3832 8.36317 11.5981C8.14827 11.813 7.8568 11.9337 7.55287 11.9337ZM12.1366 11.9337C11.91 11.9337 11.6884 11.8665 11.5 11.7406C11.3115 11.6147 11.1647 11.4357 11.0779 11.2263C10.9912 11.0169 10.9685 10.7865 11.0127 10.5642C11.0569 10.3419 11.1661 10.1377 11.3263 9.97748C11.4866 9.81722 11.6908 9.70808 11.9131 9.66387C12.1354 9.61965 12.3658 9.64234 12.5752 9.72908C12.7846 9.81581 12.9635 9.96269 13.0894 10.1511C13.2154 10.3396 13.2826 10.5611 13.2826 10.7878C13.2826 11.0917 13.1618 11.3832 12.9469 11.5981C12.732 11.813 12.4406 11.9337 12.1366 11.9337ZM16.7204 11.9337C16.4937 11.9337 16.2722 11.8665 16.0837 11.7406C15.8953 11.6147 15.7484 11.4357 15.6617 11.2263C15.5749 11.0169 15.5522 10.7865 15.5965 10.5642C15.6407 10.3419 15.7498 10.1377 15.9101 9.97748C16.0703 9.81722 16.2745 9.70808 16.4968 9.66387C16.7191 9.61965 16.9495 9.64234 17.1589 9.72908C17.3683 9.81581 17.5473 9.96269 17.6732 10.1511C17.7991 10.3396 17.8663 10.5611 17.8663 10.7878C17.8663 11.0917 17.7456 11.3832 17.5307 11.5981C17.3158 11.813 17.0243 11.9337 16.7204 11.9337Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/check.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.917 6.21967C21.2099 6.51256 21.2099 6.98744 20.917 7.28033L10.417 17.7803C10.1242 18.0732 9.64928 18.0732 9.35639 17.7803L4.10639 12.5303C3.8135 12.2374 3.8135 11.7626 4.10639 11.4697C4.39928 11.1768 4.87416 11.1768 5.16705 11.4697L9.88672 16.1893L19.8564 6.21967C20.1493 5.92678 20.6242 5.92678 20.917 6.21967Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/checkbox.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.6523 11.5636C22.0335 11.9632 22.0186 12.5962 21.619 12.9775L13.7812 20.4547C13.3946 20.8236 12.7863 20.8233 12.4 20.4541L8.48783 16.7155C8.08854 16.3339 8.07418 15.7009 8.45575 15.3017C8.83732 14.9024 9.47032 14.888 9.8696 15.2696L13.0915 18.3485L20.2384 11.5304C20.638 11.1491 21.271 11.164 21.6523 11.5636Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.37189 4.4585C4.19617 4.4585 4.05371 4.60095 4.05371 4.77668V26.1403C4.05371 26.316 4.19617 26.4585 4.37189 26.4585H25.7355C25.9113 26.4585 26.0537 26.316 26.0537 26.1403V4.77668C26.0537 4.60095 25.9113 4.4585 25.7355 4.4585H4.37189ZM2.55371 4.77668C2.55371 3.77252 3.36774 2.9585 4.37189 2.9585H25.7355C26.7397 2.9585 27.5537 3.77252 27.5537 4.77668V26.1403C27.5537 27.1445 26.7397 27.9585 25.7355 27.9585H4.37189C3.36774 27.9585 2.55371 27.1445 2.55371 26.1403V4.77668Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/checkbox_filled.svg

@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 4.95909C3.25 4.01519 4.01519 3.25 4.95909 3.25H25.0409C25.9848 3.25 26.75 4.01519 26.75 4.95909V25.0409C26.75 25.9848 25.9848 26.75 25.0409 26.75H4.95909C4.01519 26.75 3.25 25.9848 3.25 25.0409V4.95909ZM21.8351 12.6168C22.3046 12.1689 22.3221 11.4251 21.8742 10.9556C21.4262 10.486 20.6825 10.4685 20.2129 10.9165L13.1938 17.6128L10.0961 14.6525C9.6269 14.2042 8.88313 14.2211 8.43479 14.6902C7.98645 15.1594 8.00332 15.9031 8.47248 16.3515L12.3813 20.0869C12.8352 20.5206 13.5499 20.5209 14.0041 20.0875L21.8351 12.6168Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/circle_dot.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0412 5.92932C17.9447 6.41692 17.4712 6.73398 16.9836 6.63748C15.0511 6.25504 13.0459 6.54499 11.3009 7.4592C9.55589 8.3734 8.17599 9.85688 7.39027 11.6634C6.60454 13.4699 6.46024 15.4908 6.98132 17.3906C7.5024 19.2904 8.65751 20.9549 10.2549 22.1078C11.8523 23.2607 13.796 23.8326 15.7632 23.7286C17.7305 23.6246 19.603 22.851 21.07 21.5362C22.537 20.2213 23.5102 18.4443 23.8281 16.5002C23.9957 15.4749 23.9758 14.4356 23.777 13.4308C23.6805 12.9432 23.9975 12.4697 24.4851 12.3733C24.9727 12.2768 25.4462 12.5938 25.5427 13.0814C25.783 14.2956 25.8071 15.5516 25.6045 16.7907C25.2203 19.1401 24.0442 21.2876 22.2713 22.8766C20.4985 24.4655 18.2356 25.4004 15.8582 25.5261C13.4808 25.6517 11.132 24.9606 9.20153 23.5674C7.27108 22.1741 5.87514 20.1626 5.24543 17.8667C4.61572 15.5708 4.7901 13.1286 5.73964 10.9455C6.68918 8.76233 8.35676 6.96956 10.4656 5.86476C12.5744 4.75995 14.9976 4.40955 17.333 4.87173C17.8206 4.96822 18.1377 5.44172 18.0412 5.92932Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2192 6.98721C20.5159 6.58847 21.0797 6.5058 21.4785 6.80256C22.3278 7.43465 23.0759 8.19262 23.6969 9.05028C23.9884 9.45288 23.8983 10.0156 23.4957 10.3071C23.0931 10.5986 22.5304 10.5085 22.2389 10.1059C21.7252 9.39644 21.1064 8.76942 20.4038 8.24654C20.0051 7.94978 19.9224 7.38596 20.2192 6.98721Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/circle_open.svg

@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2969 5.8189C18.1876 6.37096 17.6515 6.72993 17.0995 6.62068C15.0525 6.21559 12.9286 6.52271 11.0802 7.49106C9.23182 8.45941 7.7702 10.0308 6.93794 11.9443C6.10568 13.8578 5.95284 15.9983 6.50477 18.0107C7.05671 20.023 8.28024 21.7861 9.97226 23.0072C11.6643 24.2284 13.723 24.8342 15.8068 24.724C17.8905 24.6139 19.874 23.7945 21.4278 22.4018C22.9817 21.009 24.0126 19.1268 24.3493 17.0675C24.5646 15.7505 24.4878 14.4117 24.1352 13.1428C23.9845 12.6006 24.3019 12.0389 24.8441 11.8882C25.3863 11.7375 25.948 12.0549 26.0987 12.5971C26.5299 14.1487 26.6239 15.7858 26.3605 17.3964C25.9488 19.9146 24.6882 22.2163 22.788 23.9194C20.8879 25.6224 18.4625 26.6245 15.9144 26.7592C13.3662 26.8938 10.8487 26.1531 8.77961 24.6598C6.71052 23.1665 5.21433 21.0105 4.53939 18.5497C3.86446 16.0889 4.05136 13.4713 5.06909 11.1314C6.08682 8.79149 7.87417 6.86998 10.1344 5.68583C12.3947 4.50169 14.992 4.12613 17.4951 4.62149C18.0472 4.73074 18.4061 5.26684 18.2969 5.8189Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/close.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6245 7.57283C17.9174 7.27994 17.9174 6.80507 17.6245 6.51217C17.3316 6.21928 16.8567 6.21928 16.5638 6.51217L12.1367 10.9393L7.70953 6.51217C7.41664 6.21928 6.94176 6.21928 6.64887 6.51217C6.35598 6.80507 6.35598 7.27994 6.64887 7.57283L11.076 12L6.64887 16.4272C6.35598 16.72 6.35598 17.1949 6.64887 17.4878C6.94176 17.7807 7.41664 17.7807 7.70953 17.4878L12.1367 13.0607L16.5638 17.4878C16.8567 17.7807 17.3316 17.7807 17.6245 17.4878C17.9174 17.1949 17.9174 16.72 17.6245 16.4272L13.1973 12L17.6245 7.57283Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/cloud_check.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5434 6.17798C15.234 5.91753 13.8769 6.0512 12.6434 6.5621C11.41 7.07299 10.3558 7.93815 9.61414 9.04818C8.87244 10.1582 8.47656 11.4633 8.47656 12.7983C8.47656 13.2125 8.14078 13.5483 7.72656 13.5483C7.31235 13.5483 6.97656 13.2125 6.97656 12.7983C6.97656 12.0369 7.08192 11.2835 7.28642 10.5585C7.18344 10.5517 7.0802 10.5482 6.97684 10.5483H6.97656C5.78309 10.5483 4.6385 11.0224 3.79458 11.8663C2.95067 12.7102 2.47656 13.8548 2.47656 15.0483C2.47656 16.2418 2.95067 17.3863 3.79458 18.2303C4.6385 19.0742 5.78309 19.5483 6.97656 19.5483H15.2266C16.5616 19.5483 17.8666 19.1524 18.9767 18.4107C20.0867 17.669 20.9519 16.6148 21.4627 15.3814C21.9736 14.148 22.1073 12.7908 21.8469 11.4814C21.5864 10.1721 20.9435 8.96932 19.9995 8.02531C19.0555 7.08131 17.8528 6.43843 16.5434 6.17798ZM7.84692 9.10999C8.00079 8.80213 8.17432 8.5031 8.36694 8.21483C9.27346 6.85812 10.5619 5.8007 12.0694 5.17628C13.5769 4.55185 15.2357 4.38848 16.8361 4.7068C18.4364 5.02513 19.9064 5.81087 21.0602 6.96465C22.214 8.11843 22.9997 9.58844 23.318 11.1888C23.6364 12.7891 23.473 14.4479 22.8486 15.9554C22.2241 17.4629 21.1667 18.7514 19.81 19.6579C18.4533 20.5644 16.8583 21.0483 15.2266 21.0483H6.97656C5.38526 21.0483 3.85914 20.4161 2.73392 19.2909C1.6087 18.1657 0.976562 16.6396 0.976562 15.0483C0.976562 13.457 1.6087 11.9309 2.73392 10.8056C3.85907 9.68049 5.38508 9.04836 6.97628 9.04828M7.84692 9.10999C7.55889 9.06885 7.26804 9.04819 6.97656 9.04828L7.84692 9.10999Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0804 11.0897C18.3733 11.3826 18.3733 11.8575 18.0804 12.1504L14.2036 16.0272C14.0629 16.1678 13.8722 16.2468 13.6733 16.2468C13.4744 16.2468 13.2836 16.1678 13.1429 16.0272L11.2045 14.0888C10.9116 13.7959 10.9116 13.321 11.2045 13.0281C11.4974 12.7352 11.9723 12.7352 12.2652 13.0281L13.6733 14.4362L17.0197 11.0897C17.3126 10.7968 17.7875 10.7968 18.0804 11.0897Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/cloud_data.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6229 4.39038C14.706 4.08474 13.7296 4.00137 12.7741 4.14713C11.8186 4.29289 10.9115 4.66361 10.1274 5.22874C9.34332 5.79387 8.70476 6.53724 8.26434 7.39757C7.82391 8.25791 7.59424 9.21059 7.59424 10.1771C7.59424 10.5913 7.25845 10.9271 6.84424 10.9271C6.43002 10.9271 6.09424 10.5913 6.09424 10.1771C6.09424 9.50378 6.18371 8.83583 6.35852 8.19038C5.1808 8.09328 3.98352 8.50985 3.12945 9.35546C2.37945 10.1055 1.94945 11.1555 1.94945 12.2155C1.94945 13.2755 2.36945 14.3155 3.12945 15.0755C3.88945 15.8355 4.90945 16.2555 5.98945 16.2555H10.3447V15.4426V15.4426V12.2205V12.2205V12.2205C10.3447 10.9276 11.2951 9.92218 12.4658 9.28364C13.6648 8.62964 15.27 8.24832 17.002 8.24832C17.9064 8.24832 18.7763 8.3523 19.5718 8.54479C19.5543 8.4831 19.5358 8.42098 19.5163 8.35836C19.2281 7.43581 18.7248 6.59494 18.0479 5.90506C17.371 5.21517 16.5398 4.69602 15.6229 4.39038ZM10.3447 17.7655V18.6647C10.3447 19.9573 11.2952 20.9627 12.4658 21.6013C13.6648 22.2554 15.2699 22.6369 17.002 22.6369C18.734 22.6369 20.3392 22.2554 21.5382 21.6013C22.7087 20.9627 23.6592 19.9573 23.6592 18.6647V15.4426V15.4426V12.2236L23.6592 12.2205C23.6592 10.9276 22.7088 9.92218 21.5382 9.28364C21.4368 9.22834 21.3325 9.175 21.2255 9.12367C21.168 8.71746 21.0748 8.31687 20.948 7.91111C20.589 6.76169 19.9619 5.71405 19.1186 4.85451C18.2752 3.99498 17.2396 3.34816 16.0972 2.96736C14.9548 2.58656 13.7383 2.48268 12.5479 2.66428C11.3575 2.84588 10.2272 3.30777 9.25034 4.01187C8.27344 4.71598 7.47785 5.64215 6.92912 6.71405C6.92375 6.72454 6.91841 6.73503 6.9131 6.74554C5.1625 6.46709 3.33087 7.03326 2.05945 8.29546C1.01945 9.34546 0.439453 10.7455 0.439453 12.2255C0.439453 13.7055 1.00945 15.0955 2.05945 16.1455C3.10945 17.1855 4.49945 17.7655 5.97945 17.7655H10.3447ZM22.1592 14.7667V15.4426V15.4426C22.1592 15.9289 21.7873 16.5346 20.8198 17.0624C19.8808 17.5746 18.5324 17.9148 17.002 17.9148C15.4716 17.9148 14.1231 17.5746 13.1841 17.0624C12.2167 16.5346 11.8447 15.9289 11.8447 15.4426V15.4426V14.7667C12.0412 14.9091 12.2497 15.0394 12.4658 15.1573C13.6648 15.8113 15.27 16.1926 17.002 16.1926C18.734 16.1926 20.3392 15.8113 21.5382 15.1573C21.7542 15.0394 21.9628 14.9091 22.1592 14.7667ZM21.5382 18.3792C21.7542 18.2613 21.9628 18.131 22.1592 17.9886V18.6647C22.1592 19.151 21.7873 19.7567 20.8198 20.2845C19.8808 20.7967 18.5324 21.1369 17.002 21.1369C15.4716 21.1369 14.1231 20.7967 13.1841 20.2845C12.2167 19.7567 11.8447 19.151 11.8447 18.6647V17.9886C12.0412 18.131 12.2497 18.2613 12.4658 18.3792C13.6648 19.0333 15.2699 19.4148 17.002 19.4148C18.734 19.4148 20.3392 19.0333 21.5382 18.3792ZM22.1592 12.2192L22.1592 12.2205V12.2224C22.1582 12.7087 21.786 13.3135 20.8199 13.8404C19.8809 14.3526 18.5325 14.6926 17.002 14.6926C15.4715 14.6926 14.1231 14.3526 13.1841 13.8404C12.2167 13.3128 11.8447 12.7071 11.8447 12.2205C11.8447 11.7338 12.2167 11.1281 13.1841 10.6005C14.1231 10.0883 15.4715 9.74832 17.002 9.74832C18.5325 9.74832 19.8809 10.0883 20.8199 10.6005C21.7864 11.1277 22.1586 11.7328 22.1592 12.2192Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/cloud_download.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5434 6.17798C15.234 5.91753 13.8769 6.0512 12.6434 6.5621C11.41 7.07299 10.3558 7.93815 9.61414 9.04818C8.87244 10.1582 8.47656 11.4633 8.47656 12.7983C8.47656 13.2125 8.14078 13.5483 7.72656 13.5483C7.31235 13.5483 6.97656 13.2125 6.97656 12.7983C6.97656 12.0369 7.08192 11.2835 7.28642 10.5585C7.18344 10.5517 7.0802 10.5482 6.97684 10.5483H6.97656C5.78309 10.5483 4.6385 11.0224 3.79458 11.8663C2.95067 12.7102 2.47656 13.8548 2.47656 15.0483C2.47656 16.2418 2.95067 17.3863 3.79458 18.2303C4.6385 19.0742 5.78309 19.5483 6.97656 19.5483H15.2266C16.5616 19.5483 17.8666 19.1524 18.9767 18.4107C20.0867 17.669 20.9519 16.6148 21.4627 15.3814C21.9736 14.148 22.1073 12.7908 21.8469 11.4814C21.5864 10.1721 20.9435 8.96932 19.9995 8.02531C19.0555 7.08131 17.8528 6.43843 16.5434 6.17798ZM7.84692 9.10999C8.00079 8.80213 8.17432 8.5031 8.36694 8.21483C9.27346 6.85812 10.5619 5.8007 12.0694 5.17628C13.5769 4.55185 15.2357 4.38848 16.8361 4.7068C18.4364 5.02513 19.9064 5.81087 21.0602 6.96465C22.214 8.11843 22.9997 9.58844 23.318 11.1888C23.6364 12.7891 23.473 14.4479 22.8486 15.9554C22.2241 17.4629 21.1667 18.7514 19.81 19.6579C18.4533 20.5644 16.8583 21.0483 15.2266 21.0483H6.97656C5.38526 21.0483 3.85914 20.4161 2.73392 19.2909C1.6087 18.1657 0.976562 16.6396 0.976562 15.0483C0.976562 13.457 1.6087 11.9309 2.73392 10.8056C3.85907 9.68049 5.38508 9.04836 6.97628 9.04828M7.84692 9.10999C7.55889 9.06885 7.26804 9.04819 6.97656 9.04828L7.84692 9.10999Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8824 12.8036C11.5895 12.5107 11.1146 12.5107 10.8217 12.8036C10.5288 13.0965 10.5288 13.5714 10.8217 13.8643L13.7985 16.8411C13.9019 16.9445 14.0279 17.0113 14.1607 17.0417C14.1881 17.048 14.2161 17.0528 14.2446 17.056C14.2806 17.0601 14.317 17.0615 14.3532 17.0604C14.5563 17.0539 14.739 16.9668 14.8703 16.83L17.836 13.8643C18.1289 13.5714 18.1289 13.0965 17.836 12.8036C17.5431 12.5107 17.0682 12.5107 16.7753 12.8036L15.0791 14.4998L15.0791 9.28581C15.0791 8.87159 14.7433 8.53581 14.3291 8.53581C13.9149 8.53581 13.5791 8.87159 13.5791 9.28581L13.5791 14.5003L11.8824 12.8036Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/cloud_function.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6.16495 9.7121C6.16495 10.1434 6.51455 10.493 6.9458 10.493C7.37706 10.493 7.72666 10.1434 7.72666 9.7121H6.16495ZM8.20978 5.54532L7.56052 5.1115L7.56052 5.1115L8.20978 5.54532ZM15.909 2.35621L16.0613 1.59036L16.0613 1.59036L15.909 2.35621ZM19.7491 4.4088L20.3012 3.85665L20.3012 3.85665L19.7491 4.4088ZM20.6535 12.2834C20.4884 12.6818 20.6776 13.1386 21.0761 13.3036C21.4745 13.4687 21.9313 13.2795 22.0963 12.881L20.6535 12.2834ZM2.48349 15.6744L1.93134 16.2266L1.93134 16.2266L2.48349 15.6744ZM2.48349 8.24979L1.93134 7.69764L1.93134 7.69764L2.48349 8.24979ZM6.1958 6.7121L6.1958 7.49296L6.19609 7.49296L6.1958 6.7121ZM7.31046 7.62924C7.72896 7.73333 8.15261 7.47845 8.25669 7.05995C8.36078 6.64144 8.1059 6.2178 7.6874 6.11371L7.31046 7.62924ZM7.48982 17.993C7.92108 17.993 8.27068 17.6434 8.27068 17.2121C8.27068 16.7808 7.92108 16.4312 7.48982 16.4312V17.993ZM12.3221 19.1264C12.3221 19.5577 12.6717 19.9073 13.1029 19.9073C13.5342 19.9073 13.8838 19.5577 13.8838 19.1264H12.3221ZM13.1029 10.9289L12.3251 10.8598L12.3221 10.8943V10.9289H13.1029ZM15.1309 9.00081L15.1309 9.78176L15.143 9.78157L15.1309 9.00081ZM16.3632 10.1673C16.7193 10.4106 17.2052 10.3192 17.4485 9.96309C17.6918 9.60702 17.6003 9.12114 17.2442 8.87785L16.3632 10.1673ZM11 12.9075C10.5687 12.9075 10.2191 13.2571 10.2191 13.6884C10.2191 14.1196 10.5687 14.4692 11 14.4692V12.9075ZM17 14.4692C17.4313 14.4692 17.7809 14.1196 17.7809 13.6884C17.7809 13.2571 17.4313 12.9075 17 12.9075V14.4692ZM7.72666 9.7121C7.72666 8.38318 8.12073 7.0841 8.85904 5.97914L7.56052 5.1115C6.65061 6.47328 6.16495 8.0743 6.16495 9.7121H7.72666ZM8.85904 5.97914C9.59735 4.87419 10.6467 4.01298 11.8745 3.50442L11.2769 2.06159C9.76373 2.68835 8.47043 3.74972 7.56052 5.1115L8.85904 5.97914ZM11.8745 3.50442C13.1023 2.99586 14.4533 2.8628 15.7566 3.12206L16.0613 1.59036C14.455 1.27084 12.79 1.43483 11.2769 2.06159L11.8745 3.50442ZM15.7566 3.12206C17.06 3.38132 18.2573 4.02126 19.197 4.96095L20.3012 3.85665C19.1432 2.69855 17.6676 1.90988 16.0613 1.59036L15.7566 3.12206ZM19.197 4.96095C20.1366 5.90064 20.7766 7.09787 21.0358 8.40126L22.5675 8.09659C22.248 6.49026 21.4593 5.01475 20.3012 3.85665L19.197 4.96095ZM21.0358 8.40126C21.2951 9.70465 21.162 11.0556 20.6535 12.2834L22.0963 12.881C22.7231 11.3679 22.8871 9.70292 22.5675 8.09659L21.0358 8.40126ZM6.1958 16.4312C5.01051 16.4312 3.87377 15.9604 3.03564 15.1223L1.93134 16.2266C3.06235 17.3576 4.59632 17.993 6.1958 17.993V16.4312ZM3.03564 15.1223C2.19751 14.2841 1.72666 13.1474 1.72666 11.9621H0.164946C0.164946 13.5616 0.800338 15.0956 1.93134 16.2266L3.03564 15.1223ZM1.72666 11.9621C1.72666 10.7768 2.19751 9.64007 3.03564 8.80194L1.93134 7.69764C0.800337 8.82865 0.164946 10.3626 0.164946 11.9621H1.72666ZM3.03564 8.80194C3.87377 7.96381 5.01051 7.49296 6.1958 7.49296V5.93125C4.59632 5.93125 3.06235 6.56664 1.93134 7.69764L3.03564 8.80194ZM6.19609 7.49296C6.57171 7.49281 6.94594 7.53858 7.31046 7.62924L7.6874 6.11371C7.19939 5.99233 6.69838 5.93106 6.19551 5.93125L6.19609 7.49296ZM7.48982 16.4312H6.1958V17.993H7.48982V16.4312ZM13.8838 19.1264V13.6884H12.3221V19.1264H13.8838ZM13.8838 13.6884V10.9289H12.3221V13.6884H13.8838ZM13.8807 10.9981C13.9215 10.5396 14.0001 10.2615 14.1349 10.0918C14.2312 9.97051 14.4554 9.78166 15.1309 9.78166V8.21995C14.1388 8.21995 13.3915 8.51685 12.912 9.12045C12.471 9.67566 12.3694 10.3616 12.3251 10.8598L13.8807 10.9981ZM15.143 9.78157C15.4023 9.77756 15.5773 9.79741 15.7385 9.84506C15.9011 9.89314 16.0924 9.98228 16.3632 10.1673L17.2442 8.87785C16.8831 8.6311 16.5439 8.45463 16.1811 8.3474C15.8169 8.23974 15.4714 8.21459 15.1188 8.22005L15.143 9.78157ZM11 14.4692H13.1029V12.9075H11V14.4692ZM13.1029 14.4692H17V12.9075H13.1029V14.4692Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/cloud_upload.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.227 6.09906C14.9176 5.83861 13.5604 5.97229 12.327 6.48318C11.0936 6.99407 10.0394 7.85923 9.29774 8.96926C8.55604 10.0793 8.16016 11.3843 8.16016 12.7194C8.16016 13.1336 7.82437 13.4694 7.41016 13.4694C6.99594 13.4694 6.66016 13.1336 6.66016 12.7194C6.66016 11.958 6.76551 11.2045 6.97001 10.4796C6.86704 10.4727 6.76379 10.4693 6.66044 10.4694C5.46696 10.4694 4.32209 10.9435 3.47818 11.7874C2.63426 12.6313 2.16016 13.7759 2.16016 14.9694C2.16016 16.1628 2.63426 17.3074 3.47818 18.1513C4.32209 18.9953 5.46668 19.4694 6.66016 19.4694L14.9102 19.4694C16.2452 19.4694 17.5502 19.0735 18.6603 18.3318C19.7703 17.5901 20.6355 16.5359 21.1463 15.3025C21.6572 14.0691 21.7909 12.7119 21.5305 11.4025C21.27 10.0931 20.6271 8.8904 19.6831 7.94639C18.7391 7.00239 17.5364 6.35951 16.227 6.09906ZM7.53052 9.03107C7.68438 8.72321 7.85791 8.42418 8.05053 8.13591C8.95705 6.7792 10.2455 5.72178 11.753 5.09736C13.2605 4.47293 14.9193 4.30956 16.5197 4.62789C18.12 4.94621 19.59 5.73195 20.7438 6.88573C21.8976 8.03952 22.6833 9.50953 23.0016 11.1099C23.32 12.7102 23.1566 14.369 22.5322 15.8765C21.9077 17.384 20.8503 18.6725 19.4936 19.579C18.1369 20.4855 16.5419 20.9694 14.9102 20.9694L6.66016 20.9694C5.06886 20.9694 3.54273 20.3372 2.41752 19.212C1.2923 18.0868 0.660156 16.5607 0.660156 14.9694C0.660156 13.3781 1.2923 11.8519 2.41752 10.7267C3.54267 9.60157 5.06868 8.96944 6.65987 8.96936M7.53052 9.03107C7.24249 8.98993 6.95136 8.96927 6.65987 8.96936L7.53052 9.03107Z" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5035 13.3806C12.2106 13.6735 11.7357 13.6735 11.4428 13.3806C11.1499 13.0877 11.1499 12.6129 11.4428 12.32L14.4196 9.34315C14.5227 9.2401 14.6483 9.1733 14.7805 9.14277C14.8083 9.13633 14.8367 9.13145 14.8657 9.1282C14.9016 9.12416 14.9379 9.12271 14.974 9.12387C15.1772 9.13021 15.36 9.21736 15.4914 9.35424L18.4571 12.32C18.75 12.6129 18.75 13.0877 18.4571 13.3806C18.1642 13.6735 17.6893 13.6735 17.3964 13.3806L15.7002 11.6844L15.7002 16.8984C15.7002 17.3126 15.3644 17.6484 14.9502 17.6484C14.536 17.6484 14.2002 17.3126 14.2002 16.8984L14.2002 11.6839L12.5035 13.3806Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/code.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.705 4.0063C15.8466 3.61702 15.6458 3.1867 15.2565 3.04515C14.8672 2.90359 14.4369 3.10441 14.2954 3.49368L8.29536 19.9937C8.1538 20.383 8.35462 20.8133 8.7439 20.9548C9.13317 21.0964 9.56349 20.8956 9.70505 20.5063L15.705 4.0063ZM6.87939 7.76985C7.14456 8.08806 7.10157 8.56098 6.78336 8.82615L2.97476 12L6.78336 15.1738C7.10157 15.439 7.14456 15.9119 6.87939 16.2301C6.61422 16.5483 6.14129 16.5913 5.82308 16.3262L1.32308 12.5762C1.15209 12.4337 1.05322 12.2226 1.05322 12C1.05322 11.7774 1.15209 11.5663 1.32308 11.4238L5.82308 7.67382C6.14129 7.40865 6.61422 7.45164 6.87939 7.76985ZM17.1211 7.76985C17.3863 7.45164 17.8592 7.40865 18.1774 7.67382L22.6774 11.4238C22.8484 11.5663 22.9473 11.7774 22.9473 12C22.9473 12.2226 22.8484 12.4337 22.6774 12.5762L18.1774 16.3262C17.8592 16.5913 17.3863 16.5483 17.1211 16.2301C16.8559 15.9119 16.8989 15.439 17.2171 15.1738L21.0257 12L17.2171 8.82615C16.8989 8.56098 16.8559 8.08806 17.1211 7.76985Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/collaboration.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.42041 9.21582C4.42041 7.75708 5.60295 6.57454 7.06169 6.57454C8.52044 6.57454 9.70298 7.75708 9.70298 9.21582C9.70298 10.6746 8.52044 11.8571 7.06169 11.8571C5.60295 11.8571 4.42041 10.6746 4.42041 9.21582ZM7.06169 5.07454C4.77453 5.07454 2.92041 6.92866 2.92041 9.21582C2.92041 10.6749 3.675 11.9578 4.81523 12.6954C2.39082 13.5676 0.621011 15.8112 0.441134 18.4909C0.395088 19.1769 0.954465 19.6912 1.57607 19.6912H12.532H12.5474H22.6973C23.3189 19.6912 23.8783 19.1769 23.8323 18.4909C23.6524 15.8114 21.8828 13.5679 19.4587 12.6956C20.5991 11.958 21.3539 10.6751 21.3539 9.21582C21.3539 6.92866 19.4997 5.07454 17.2126 5.07454C14.9254 5.07454 13.0713 6.92866 13.0713 9.21582C13.0713 10.6748 13.8258 11.9576 14.9659 12.6953C13.8554 13.0947 12.8824 13.7818 12.1367 14.666C11.3909 13.7815 10.4182 13.0947 9.30817 12.6954C10.4484 11.9578 11.203 10.6749 11.203 9.21582C11.203 6.92866 9.34886 5.07454 7.06169 5.07454ZM22.293 18.1912H13.6554C13.5673 17.4086 13.3431 16.6672 13.0071 15.9913C13.9373 14.6681 15.4741 13.8056 17.2117 13.8056C19.7932 13.8056 21.9303 15.7107 22.293 18.1912ZM7.06172 13.8056C9.64324 13.8056 11.7804 15.7107 12.1431 18.1912H1.98036C2.34308 15.7107 4.4802 13.8056 7.06172 13.8056ZM14.5713 9.21582C14.5713 7.75708 15.7538 6.57454 17.2126 6.57454C18.6713 6.57454 19.8539 7.75708 19.8539 9.21582C19.8539 10.6746 18.6713 11.8571 17.2126 11.8571C15.7538 11.8571 14.5713 10.6746 14.5713 9.21582Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/columns.svg

@@ -0,0 +1,21 @@
+<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="4.99927" cy="25.1427" r="0.999268" transform="rotate(-180 4.99927 25.1427)" fill="#F5F5F5"/>
+<circle cx="25.0007" cy="25.1427" r="0.999268" transform="rotate(-180 25.0007 25.1427)" fill="#F5F5F5"/>
+<circle cx="4.99927" cy="15.1423" r="0.999268" transform="rotate(-180 4.99927 15.1423)" fill="#F5F5F5"/>
+<circle cx="4.99927" cy="10.1422" r="0.999268" transform="rotate(-180 4.99927 10.1422)" fill="#F5F5F5"/>
+<circle cx="25.0007" cy="10.1422" r="0.999268" transform="rotate(-180 25.0007 10.1422)" fill="#F5F5F5"/>
+<circle cx="15.0833" cy="10.1422" r="0.999268" transform="rotate(-180 15.0833 10.1422)" fill="#F5F5F5"/>
+<circle cx="4.99927" cy="20.1425" r="0.999268" transform="rotate(-180 4.99927 20.1425)" fill="#F5F5F5"/>
+<circle cx="25.0007" cy="20.1426" r="0.999268" transform="rotate(-180 25.0007 20.1426)" fill="#F5F5F5"/>
+<circle cx="15.0833" cy="20.1426" r="0.999268" transform="rotate(-180 15.0833 20.1426)" fill="#F5F5F5"/>
+<circle cx="25.0007" cy="15.1423" r="0.999268" transform="rotate(-180 25.0007 15.1423)" fill="#F5F5F5"/>
+<circle cx="15.0833" cy="15.1423" r="0.999268" transform="rotate(-180 15.0833 15.1423)" fill="#F5F5F5"/>
+<circle cx="4.99927" cy="5.14209" r="0.999268" transform="rotate(-180 4.99927 5.14209)" fill="#F5F5F5"/>
+<circle cx="25.0007" cy="5.14209" r="0.999268" transform="rotate(-180 25.0007 5.14209)" fill="#F5F5F5"/>
+<circle cx="20.0007" cy="5.1416" r="0.999268" transform="rotate(-180 20.0007 5.1416)" fill="#F5F5F5"/>
+<circle cx="20.0007" cy="25.1423" r="0.999268" transform="rotate(-180 20.0007 25.1423)" fill="#F5F5F5"/>
+<circle cx="9.99975" cy="5.14184" r="0.999268" transform="rotate(-180 9.99975 5.14184)" fill="#F5F5F5"/>
+<circle cx="15.0002" cy="5.14184" r="0.999268" transform="rotate(-180 15.0002 5.14184)" fill="#F5F5F5"/>
+<circle cx="9.99975" cy="25.1427" r="0.999268" transform="rotate(-180 9.99975 25.1427)" fill="#F5F5F5"/>
+<circle cx="15.0002" cy="25.1427" r="0.999268" transform="rotate(-180 15.0002 25.1427)" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/component.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.73087 13.2163C4.05911 12.5445 4.05911 11.4554 4.73087 10.7837L10.7835 4.73102C11.4553 4.05926 12.5444 4.05927 13.2161 4.73102L19.2688 10.7837C19.9405 11.4554 19.9405 12.5445 19.2688 13.2163L13.2161 19.2689C12.5444 19.9407 11.4553 19.9407 10.7835 19.2689L4.73087 13.2163ZM5.77342 11.8262C5.67746 11.9222 5.67746 12.0778 5.77342 12.1737L11.8261 18.2264C11.922 18.3224 12.0776 18.3224 12.1736 18.2264L18.2262 12.1737C18.3222 12.0778 18.3222 11.9222 18.2262 11.8262L12.1736 5.77358C12.0776 5.67761 11.922 5.67761 11.8261 5.77358L5.77342 11.8262Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/component_fill.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10.6367 4.10107H4.63672C4.22251 4.10107 3.88672 4.43686 3.88672 4.85107V10.8511C3.88672 11.2653 4.22251 11.6011 4.63672 11.6011H10.6367C11.0509 11.6011 11.3867 11.2653 11.3867 10.8511V4.85107C11.3867 4.43686 11.0509 4.10107 10.6367 4.10107Z" fill="#F5F5F5" />
+  <path d="M20.0425 4.10107H14.0425C13.6283 4.10107 13.2925 4.43686 13.2925 4.85107V10.8511C13.2925 11.2653 13.6283 11.6011 14.0425 11.6011H20.0425C20.4567 11.6011 20.7925 11.2653 20.7925 10.8511V4.85107C20.7925 4.43686 20.4567 4.10107 20.0425 4.10107Z" fill="#F5F5F5" />
+  <path d="M10.6367 13.4129H4.63672C4.22251 13.4129 3.88672 13.7487 3.88672 14.1629V20.1629C3.88672 20.5771 4.22251 20.9129 4.63672 20.9129H10.6367C11.0509 20.9129 11.3867 20.5771 11.3867 20.1629V14.1629C11.3867 13.7487 11.0509 13.4129 10.6367 13.4129Z" fill="#F5F5F5" />
+  <path d="M20.0425 13.4129H14.0425C13.6283 13.4129 13.2925 13.7487 13.2925 14.1629V20.1629C13.2925 20.5771 13.6283 20.9129 14.0425 20.9129H20.0425C20.4567 20.9129 20.7925 20.5771 20.7925 20.1629V14.1629C20.7925 13.7487 20.4567 13.4129 20.0425 13.4129Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/component_with_children.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2932 5.56691C11.6837 5.17639 12.3168 5.17639 12.7074 5.56691L18.7403 11.5999C19.1309 11.9904 19.1309 12.6236 18.7403 13.0141L12.7074 19.0471C12.3168 19.4376 11.6837 19.4376 11.2932 19.0471L5.26018 13.0141C4.86965 12.6236 4.86965 11.9904 5.26018 11.5999L11.2932 5.56691Z" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7628 5.03658C11.4462 4.35316 12.5543 4.35316 13.2377 5.03658L19.2707 11.0696C19.9541 11.753 19.9541 12.861 19.2707 13.5444L13.2377 19.5774C12.5543 20.2608 11.4462 20.2608 10.7628 19.5774L4.72985 13.5444C4.04643 12.861 4.04643 11.753 4.72985 11.0696L10.7628 5.03658ZM12.177 6.09724C12.0794 5.99961 11.9211 5.99961 11.8235 6.09724L5.79051 12.1302C5.69288 12.2279 5.69288 12.3861 5.79051 12.4838L11.8235 18.5168C11.9211 18.6144 12.0794 18.6144 12.177 18.5168L18.21 12.4838C18.3077 12.3861 18.3077 12.2279 18.21 12.1302L12.177 6.09724Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/components.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.41052C3.75 4.99631 4.08579 4.66052 4.5 4.66052H10.5C10.9142 4.66052 11.25 4.99631 11.25 5.41052V11.4105C11.25 11.8247 10.9142 12.1605 10.5 12.1605H4.5C4.08579 12.1605 3.75 11.8247 3.75 11.4105V5.41052ZM5.25 6.16052V10.6605H9.75V6.16052H5.25Z" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 5.41052C12.75 4.99631 13.0858 4.66052 13.5 4.66052H19.5C19.9142 4.66052 20.25 4.99631 20.25 5.41052V11.4105C20.25 11.8247 19.9142 12.1605 19.5 12.1605H13.5C13.0858 12.1605 12.75 11.8247 12.75 11.4105V5.41052ZM14.25 6.16052V10.6605H18.75V6.16052H14.25Z" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 14.4105C3.75 13.9963 4.08579 13.6605 4.5 13.6605H10.5C10.9142 13.6605 11.25 13.9963 11.25 14.4105V20.4105C11.25 20.8247 10.9142 21.1605 10.5 21.1605H4.5C4.08579 21.1605 3.75 20.8247 3.75 20.4105V14.4105ZM5.25 15.1605V19.6605H9.75V15.1605H5.25Z" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 14.4105C12.75 13.9963 13.0858 13.6605 13.5 13.6605H19.5C19.9142 13.6605 20.25 13.9963 20.25 14.4105V20.4105C20.25 20.8247 19.9142 21.1605 19.5 21.1605H13.5C13.0858 21.1605 12.75 20.8247 12.75 20.4105V14.4105ZM14.25 15.1605V19.6605H18.75V15.1605H14.25Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/components_fill.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 4.66052H4.5C4.08579 4.66052 3.75 4.99631 3.75 5.41052V11.4105C3.75 11.8247 4.08579 12.1605 4.5 12.1605H10.5C10.9142 12.1605 11.25 11.8247 11.25 11.4105V5.41052C11.25 4.99631 10.9142 4.66052 10.5 4.66052Z" fill="#B8B8B8"/>
+<path d="M19.9058 4.66052H13.9058C13.4915 4.66052 13.1558 4.99631 13.1558 5.41052V11.4105C13.1558 11.8247 13.4915 12.1605 13.9058 12.1605H19.9058C20.32 12.1605 20.6558 11.8247 20.6558 11.4105V5.41052C20.6558 4.99631 20.32 4.66052 19.9058 4.66052Z" fill="#B8B8B8"/>
+<path d="M10.5 13.9723H4.5C4.08579 13.9723 3.75 14.3081 3.75 14.7223V20.7223C3.75 21.1365 4.08579 21.4723 4.5 21.4723H10.5C10.9142 21.4723 11.25 21.1365 11.25 20.7223V14.7223C11.25 14.3081 10.9142 13.9723 10.5 13.9723Z" fill="#B8B8B8"/>
+<path d="M19.9058 13.9723H13.9058C13.4915 13.9723 13.1558 14.3081 13.1558 14.7223V20.7223C13.1558 21.1365 13.4915 21.4723 13.9058 21.4723H19.9058C20.32 21.4723 20.6558 21.1365 20.6558 20.7223V14.7223C20.6558 14.3081 20.32 13.9723 19.9058 13.9723Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/copy.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.38672 2.26318C7.97251 2.26318 7.63672 2.59897 7.63672 3.01318V6.76318H3.88672C3.47251 6.76318 3.13672 7.09897 3.13672 7.51318V21.5132C3.13672 21.9274 3.47251 22.2632 3.88672 22.2632H15.8867C16.3009 22.2632 16.6367 21.9274 16.6367 21.5132V17.7632H20.3867C20.8009 17.7632 21.1367 17.4274 21.1367 17.0132V3.01318C21.1367 2.59897 20.8009 2.26318 20.3867 2.26318H8.38672ZM16.6367 16.2632H19.6367V3.76318H9.13672V6.76318H15.8867C16.3009 6.76318 16.6367 7.09897 16.6367 7.51318V16.2632ZM4.63672 20.7632V8.26318H15.1367V17.0132V20.7632H4.63672Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/device_desktop.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4858 16.2648C21.4858 16.7927 21.0579 17.2207 20.5299 17.2207H12H3.4707C2.94276 17.2207 2.51478 16.7927 2.51478 16.2648V14.4559H21.4858V16.2648ZM12.75 18.7207H20.5299C21.8863 18.7207 22.9858 17.6212 22.9858 16.2648V4.32335C22.9858 2.96698 21.8863 1.86743 20.5299 1.86743H3.4707C2.11433 1.86743 1.01478 2.96698 1.01478 4.32335V13.6751C1.01437 13.6853 1.01416 13.6956 1.01416 13.7059C1.01416 13.7162 1.01437 13.7265 1.01478 13.7367V16.2648C1.01478 17.6212 2.11433 18.7207 3.4707 18.7207H11.25V20.6326H8.58838C8.17417 20.6326 7.83838 20.9683 7.83838 21.3826C7.83838 21.7968 8.17417 22.1326 8.58838 22.1326H11.9966C11.9977 22.1326 11.9989 22.1326 12 22.1326C12.0011 22.1326 12.0023 22.1326 12.0034 22.1326H15.4121C15.8263 22.1326 16.1621 21.7968 16.1621 21.3826C16.1621 20.9683 15.8263 20.6326 15.4121 20.6326H12.75V18.7207ZM2.51478 4.32335V12.9559H21.4858V4.32335C21.4858 3.79541 21.0579 3.36743 20.5299 3.36743H3.4707C2.94276 3.36743 2.51478 3.79541 2.51478 4.32335Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/device_laptop.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.06415 5.28364C4.22841 5.11938 4.45119 5.0271 4.68349 5.0271H19.3164C19.5487 5.0271 19.7714 5.11938 19.9357 5.28364C20.0999 5.4479 20.1922 5.67068 20.1922 5.90297V15.7211H3.80762V5.90297C3.80762 5.67068 3.8999 5.4479 4.06415 5.28364ZM3.05182 17.2211C3.05375 17.2211 3.05568 17.2212 3.05762 17.2212C3.05955 17.2212 3.06148 17.2211 3.06341 17.2211H20.9364C20.9384 17.2211 20.9403 17.2212 20.9422 17.2212C20.9442 17.2212 20.9461 17.2211 20.948 17.2211H21.818V18.097C21.818 18.3293 21.7257 18.5521 21.5615 18.7163C21.3972 18.8806 21.1744 18.9729 20.9421 18.9729H3.05751C2.82522 18.9729 2.60244 18.8806 2.43818 18.7163C2.27392 18.5521 2.18164 18.3293 2.18164 18.097V17.2211H3.05182ZM2.30762 15.7211V5.90297C2.30762 5.27285 2.55793 4.66854 3.00349 4.22298C3.44906 3.77741 4.05337 3.5271 4.68349 3.5271H19.3164C19.9465 3.5271 20.5508 3.77741 20.9963 4.22298C21.4419 4.66854 21.6922 5.27285 21.6922 5.90297V15.7211H22.568C22.9822 15.7211 23.318 16.0569 23.318 16.4711V18.097C23.318 18.7271 23.0677 19.3314 22.6221 19.777C22.1766 20.2226 21.5722 20.4729 20.9421 20.4729H3.05751C2.42739 20.4729 1.82308 20.2226 1.37752 19.777C0.931955 19.3314 0.681641 18.7271 0.681641 18.097V16.4711C0.681641 16.0569 1.01743 15.7211 1.43164 15.7211H2.30762Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/device_phone.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3574 4.97807C16.3574 4.68717 16.1216 4.45135 15.8307 4.45135L8.17042 4.45135C7.87952 4.45135 7.64371 4.68717 7.64371 4.97807L7.64371 19.0219C7.64371 19.3128 7.87952 19.5486 8.17042 19.5486H15.8307C16.1216 19.5486 16.3574 19.3128 16.3574 19.0219V4.97807ZM15.8307 2.95135C16.95 2.95135 17.8574 3.85875 17.8574 4.97807V19.0219C17.8574 20.1413 16.95 21.0486 15.8307 21.0486H8.17042C7.0511 21.0486 6.14371 20.1413 6.14371 19.0219L6.14371 4.97807C6.14371 3.85875 7.0511 2.95135 8.17042 2.95135L15.8307 2.95135Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.69727 6.78748C9.69727 6.37326 10.0331 6.03748 10.4473 6.03748H13.5526C13.9668 6.03748 14.3026 6.37326 14.3026 6.78748C14.3026 7.20169 13.9668 7.53748 13.5526 7.53748H10.4473C10.0331 7.53748 9.69727 7.20169 9.69727 6.78748Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/device_tablet.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1381 5.56425C18.1381 5.32927 17.9137 5.0271 17.4962 5.0271L6.50331 5.0271C6.08583 5.0271 5.86142 5.32927 5.86142 5.56425L5.86142 18.4358C5.86142 18.6707 6.08583 18.9729 6.50331 18.9729H17.4962C17.9137 18.9729 18.1381 18.6707 18.1381 18.4358V5.56425ZM17.4962 3.5271C18.5965 3.5271 19.6025 4.37748 19.6025 5.56425V18.4358C19.6025 19.6225 18.5965 20.4729 17.4962 20.4729H6.50331C5.40298 20.4729 4.39697 19.6225 4.39697 18.4358L4.39697 5.56425C4.39697 4.37748 5.40298 3.5271 6.50331 3.5271L17.4962 3.5271Z" fill="#F5F5F5"/>
+<path d="M11.8152 7.97765C12.2595 7.97765 12.6197 7.61748 12.6197 7.17318C12.6197 6.72889 12.2595 6.36871 11.8152 6.36871C11.3709 6.36871 11.0107 6.72889 11.0107 7.17318C11.0107 7.61748 11.3709 7.97765 11.8152 7.97765Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/dimension.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M23.9805 3.94501H6.29254C5.07144 3.94501 4.08154 4.93491 4.08154 6.15601V23.844C4.08154 25.0651 5.07144 26.055 6.29254 26.055H23.9805C25.2016 26.055 26.1915 25.0651 26.1915 23.844V6.15601C26.1915 4.93491 25.2016 3.94501 23.9805 3.94501Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/dimension_height.svg

@@ -0,0 +1,5 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.86523 11.7159C4.86523 11.4397 5.08909 11.2159 5.36523 11.2159H24.9084C25.1846 11.2159 25.4084 11.4397 25.4084 11.7159V18.2844C25.4084 18.5606 25.1846 18.7844 24.9084 18.7844H5.36524C5.08909 18.7844 4.86523 18.5606 4.86523 18.2844V11.7159Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0391 1.79535C16.0391 1.38114 15.7033 1.04535 15.2891 1.04535C14.8748 1.04535 14.5391 1.38114 14.5391 1.79535V6.26515L13.3506 5.07673C13.0577 4.78383 12.5829 4.78383 12.29 5.07673C11.9971 5.36962 11.9971 5.84449 12.29 6.13739L14.7529 8.60032C14.8891 8.7395 15.079 8.82587 15.2891 8.82587C15.5034 8.82587 15.6967 8.73597 15.8334 8.59182L18.2878 6.13739C18.5807 5.84449 18.5807 5.36962 18.2878 5.07673C17.9949 4.78383 17.5201 4.78383 17.2272 5.07673L16.0391 6.26483V1.79535Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3506 24.9231C13.0577 25.2159 12.5829 25.2159 12.29 24.9231C11.9971 24.6302 11.9971 24.1553 12.29 23.8624L14.7586 21.3938C14.8564 21.296 14.9745 21.2308 15.0994 21.1984C15.132 21.1899 15.1654 21.1835 15.1996 21.1794C15.2439 21.1742 15.2885 21.1728 15.333 21.1754C15.5268 21.1866 15.7009 21.2714 15.8277 21.4023L18.2878 23.8624C18.5807 24.1553 18.5807 24.6302 18.2878 24.9231C17.9949 25.2159 17.5201 25.2159 17.2272 24.9231L16.0391 23.7349V28.2047C16.0391 28.6189 15.7033 28.9547 15.2891 28.9547C14.8748 28.9547 14.5391 28.6189 14.5391 28.2047V23.7346L13.3506 24.9231Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/dimension_width_height.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4189 11.2185C18.6951 11.2185 18.9189 11.4424 18.9189 11.7185L18.9189 18.2821C18.9189 18.5582 18.6951 18.7821 18.4189 18.7821L11.8554 18.7821C11.5792 18.7821 11.3554 18.5582 11.3554 18.2821L11.3554 11.7185C11.3554 11.4424 11.5792 11.2185 11.8554 11.2185L18.4189 11.2185Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7803 12.0027C25.0732 12.2956 25.0732 12.7705 24.7803 13.0634L22.8437 15L24.7803 16.9366C25.0732 17.2295 25.0732 17.7044 24.7803 17.9973C24.4874 18.2902 24.0126 18.2902 23.7197 17.9973L21.2527 15.5303C20.9598 15.2374 20.9598 14.7626 21.2527 14.4697L23.7197 12.0027C24.0126 11.7098 24.4874 11.7098 24.7803 12.0027Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.8096 15.0002C28.8096 15.4145 28.4738 15.7502 28.0596 15.7502L21.7832 15.7502C21.369 15.7502 21.0332 15.4145 21.0332 15.0002C21.0332 14.586 21.369 14.2502 21.7832 14.2502L28.0596 14.2502C28.4738 14.2502 28.8096 14.586 28.8096 15.0002Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.94623 12.0027C4.65334 12.2956 4.65334 12.7705 4.94623 13.0634L6.88287 15L4.94623 16.9366C4.65334 17.2295 4.65334 17.7044 4.94623 17.9973C5.23913 18.2902 5.714 18.2902 6.00689 17.9973L8.47386 15.5303C8.76676 15.2374 8.76676 14.7626 8.47386 14.4697L6.00689 12.0027C5.714 11.7098 5.23913 11.7098 4.94623 12.0027Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.916992 15.0002C0.916992 15.4145 1.25278 15.7502 1.66699 15.7502L7.94339 15.7502C8.3576 15.7502 8.69339 15.4145 8.69339 15.0002C8.69339 14.586 8.3576 14.2502 7.94339 14.2502L1.66699 14.2502C1.25278 14.2502 0.916992 14.586 0.916992 15.0002Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8604 24.917C17.5675 25.2099 17.0926 25.2099 16.7997 24.917L14.8631 22.9803L12.9265 24.917C12.6336 25.2099 12.1587 25.2099 11.8658 24.917C11.5729 24.6241 11.5729 24.1492 11.8658 23.8563L14.3328 21.3894C14.6257 21.0965 15.1005 21.0965 15.3934 21.3894L17.8604 23.8563C18.1533 24.1492 18.1533 24.6241 17.8604 24.917Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8633 28.9459C14.4491 28.9459 14.1133 28.6101 14.1133 28.1959L14.1133 21.9195C14.1133 21.5053 14.4491 21.1695 14.8633 21.1695C15.2775 21.1695 15.6133 21.5053 15.6133 21.9195L15.6133 28.1959C15.6133 28.6101 15.2775 28.9459 14.8633 28.9459Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8604 5.08326C17.5675 4.79036 17.0926 4.79036 16.7997 5.08326L14.8631 7.0199L12.9265 5.08326C12.6336 4.79036 12.1587 4.79036 11.8658 5.08326C11.5729 5.37615 11.5729 5.85102 11.8658 6.14392L14.3328 8.61089C14.6257 8.90378 15.1005 8.90378 15.3934 8.61089L17.8604 6.14392C18.1533 5.85102 18.1533 5.37615 17.8604 5.08326Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8633 1.05414C14.4491 1.05414 14.1133 1.38992 14.1133 1.80414L14.1133 8.08053C14.1133 8.49475 14.4491 8.83053 14.8633 8.83053C15.2775 8.83053 15.6133 8.49475 15.6133 8.08053L15.6133 1.80414C15.6133 1.38992 15.2775 1.05414 14.8633 1.05414Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/dimenstion_width.svg

@@ -0,0 +1,5 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4092 4.59467C18.6853 4.59467 18.9092 4.81852 18.9092 5.09467L18.9092 24.5738C18.9092 24.8499 18.6853 25.0738 18.4092 25.0738L11.8642 25.0738C11.5881 25.0738 11.3642 24.8499 11.3642 24.5738L11.3642 5.09466C11.3642 4.81852 11.5881 4.59467 11.8642 4.59467L18.4092 4.59467Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3003 15.7358C28.7145 15.7358 29.0503 15.4001 29.0503 14.9858C29.0503 14.5716 28.7145 14.2358 28.3003 14.2358L23.85 14.2358L25.0308 13.055C25.3237 12.7622 25.3237 12.2873 25.0308 11.9944C24.7379 11.7015 24.2631 11.7015 23.9702 11.9944L21.512 14.4525C21.3745 14.5885 21.2894 14.7772 21.2894 14.9858C21.2894 15.2009 21.3799 15.3949 21.5249 15.5316L23.9702 17.9768C24.2631 18.2697 24.7379 18.2697 25.0308 17.9768C25.3237 17.684 25.3237 17.2091 25.0308 16.9162L23.8505 15.7358L28.3003 15.7358Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.24315 13.055C4.95025 12.7622 4.95025 12.2873 5.24315 11.9944C5.53604 11.7015 6.01091 11.7015 6.30381 11.9944L8.7647 14.4553C9.0576 14.7482 9.0576 15.2231 8.7647 15.5159L6.30381 17.9768C6.01091 18.2697 5.53604 18.2697 5.24315 17.9768C4.95025 17.684 4.95025 17.2091 5.24315 16.9162L6.42349 15.7358L1.97318 15.7358C1.55897 15.7358 1.22318 15.4001 1.22318 14.9858C1.22318 14.5716 1.55897 14.2358 1.97318 14.2358L6.42394 14.2358L5.24315 13.055Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/dots_three.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.1368 6.80722C13.0351 6.80722 13.7634 6.07898 13.7634 5.18066C13.7634 4.28233 13.0351 3.55409 12.1368 3.55409C11.2385 3.55409 10.5103 4.28233 10.5103 5.18066C10.5103 6.07898 11.2385 6.80722 12.1368 6.80722Z" fill="#F5F5F5" />
+  <path d="M12.1368 13.6266C13.0351 13.6266 13.7634 12.8983 13.7634 12C13.7634 11.1017 13.0351 10.3734 12.1368 10.3734C11.2385 10.3734 10.5103 11.1017 10.5103 12C10.5103 12.8983 11.2385 13.6266 12.1368 13.6266Z" fill="#F5F5F5" />
+  <path d="M12.1368 20.4459C13.0351 20.4459 13.7634 19.7177 13.7634 18.8193C13.7634 17.921 13.0351 17.1928 12.1368 17.1928C11.2385 17.1928 10.5103 17.921 10.5103 18.8193C10.5103 19.7177 11.2385 20.4459 12.1368 20.4459Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/dots_three_horizontal.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1927 12C17.1927 12.8983 17.9209 13.6266 18.8192 13.6266C19.7176 13.6266 20.4458 12.8983 20.4458 12C20.4458 11.1017 19.7176 10.3734 18.8192 10.3734C17.9209 10.3734 17.1927 11.1017 17.1927 12Z" fill="#F5F5F5"/>
+<path d="M10.3733 12C10.3733 12.8983 11.1016 13.6266 11.9999 13.6266C12.8982 13.6266 13.6265 12.8983 13.6265 12C13.6265 11.1017 12.8982 10.3734 11.9999 10.3734C11.1016 10.3734 10.3733 11.1017 10.3733 12Z" fill="#F5F5F5"/>
+<path d="M3.554 12C3.554 12.8983 4.28224 13.6266 5.18056 13.6266C6.07889 13.6266 6.80713 12.8983 6.80713 12C6.80713 11.1017 6.07889 10.3734 5.18056 10.3734C4.28224 10.3734 3.554 11.1017 3.554 12Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/dropdown.svg

@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.30713 10.7355H25.8038C26.356 10.7355 26.8038 11.1832 26.8038 11.7355V19.1085C26.8038 19.6607 26.356 20.1817 25.8038 20.1817H4.30713C3.75484 20.1817 3.30713 19.6607 3.30713 19.1085V11.7355C3.30713 11.1832 3.75484 10.7355 4.30713 10.7355ZM24.6272 14.7051L22.0597 17.2726C21.7668 17.5655 21.2919 17.5655 20.999 17.2726L18.4315 14.7051C18.1386 14.4122 18.1386 13.9373 18.4315 13.6445C18.7244 13.3516 19.1993 13.3516 19.4922 13.6445L21.5294 15.6816L23.5666 13.6445C23.8595 13.3516 24.3343 13.3516 24.6272 13.6445C24.9201 13.9373 24.9201 14.4122 24.6272 14.7051Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/dropdown_lines.svg

@@ -0,0 +1,7 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0504 17.4524C23.7557 17.7471 23.278 17.7471 22.9834 17.4524L20.3812 14.8503C20.0866 14.5556 20.0866 14.0779 20.3812 13.7832C20.6759 13.4886 21.1536 13.4886 21.4482 13.7832L23.5169 15.8519L25.5855 13.7832C25.8802 13.4886 26.3579 13.4886 26.6525 13.7832C26.9472 14.0779 26.9472 14.5556 26.6525 14.8503L24.0504 17.4524Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2441 8.85429C17.2441 8.43759 16.9063 8.09979 16.4896 8.09979H4.12787C3.71117 8.09979 3.37336 8.43759 3.37336 8.85429C3.37336 9.27099 3.71117 9.60879 4.12787 9.60879H16.4896C16.9063 9.60879 17.2441 9.27099 17.2441 8.85429Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2441 13.3633C17.2441 12.9466 16.9063 12.6088 16.4896 12.6088H4.12787C3.71117 12.6088 3.37336 12.9466 3.37336 13.3633C3.37336 13.78 3.71117 14.1178 4.12787 14.1178H16.4896C16.9063 14.1178 17.2441 13.78 17.2441 13.3633Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2441 17.8722C17.2441 17.4555 16.9063 17.1177 16.4896 17.1177H4.12787C3.71117 17.1177 3.37336 17.4555 3.37336 17.8722C3.37336 18.2889 3.71117 18.6267 4.12787 18.6267H16.4896C16.9063 18.6267 17.2441 18.2889 17.2441 17.8722Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2441 22.3812C17.2441 21.9645 16.9063 21.6267 16.4896 21.6267H4.12787C3.71117 21.6267 3.37336 21.9645 3.37336 22.3812C3.37336 22.7979 3.71117 23.1357 4.12787 23.1357H16.4896C16.9063 23.1357 17.2441 22.7979 17.2441 22.3812Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/external_link.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.43934 3.43934C3.72064 3.15804 4.10217 3 4.5 3H10C10.4142 3 10.75 3.33579 10.75 3.75C10.75 4.16421 10.4142 4.5 10 4.5L4.5 4.5L4.5 19.5H19.5V14C19.5 13.5858 19.8358 13.25 20.25 13.25C20.6642 13.25 21 13.5858 21 14V19.5C21 19.8978 20.842 20.2794 20.5607 20.5607C20.2794 20.842 19.8978 21 19.5 21H4.5C4.10218 21 3.72065 20.842 3.43934 20.5607C3.15804 20.2794 3 19.8978 3 19.5V4.5C3 4.10217 3.15804 3.72064 3.43934 3.43934ZM14.6563 3.03423L20.2248 3.03423C20.4237 3.03423 20.6145 3.11324 20.7551 3.2539C20.8958 3.39455 20.9748 3.58531 20.9748 3.78423V9.35269C20.9748 9.76691 20.639 10.1027 20.2248 10.1027C19.8106 10.1027 19.4748 9.76691 19.4748 9.35269V5.59348L12.53 12.5306C12.237 12.8234 11.7621 12.8231 11.4694 12.53C11.1766 12.237 11.1769 11.7621 11.47 11.4694L18.4127 4.53423L14.6563 4.53423C14.2421 4.53423 13.9063 4.19844 13.9063 3.78423C13.9063 3.37001 14.2421 3.03423 14.6563 3.03423Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/file.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.79688 4.30721V20.8072H18.2969V8.86787L13.7362 4.30719L5.79688 4.30721ZM5.74688 2.80721L14.0469 2.80719C14.2458 2.80719 14.4366 2.88621 14.5772 3.02686L19.5772 8.02689C19.7179 8.16754 19.7969 8.3583 19.7969 8.55721V20.8072C19.7969 21.189 19.6558 21.5646 19.3901 21.8493C19.1228 22.1357 18.7488 22.3072 18.3469 22.3072H5.74688C5.34496 22.3072 4.97091 22.1357 4.70361 21.8493C4.43794 21.5646 4.29688 21.189 4.29688 20.8072V4.30721C4.29688 3.92545 4.43794 3.54979 4.70361 3.26515C4.97091 2.97875 5.34496 2.80722 5.74687 2.80721L5.74688 3.55721" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.46973 11.5701C8.46973 11.1559 8.80551 10.8201 9.21973 10.8201H14.8735C15.2877 10.8201 15.6235 11.1559 15.6235 11.5701C15.6235 11.9843 15.2877 12.3201 14.8735 12.3201H9.21973C8.80551 12.3201 8.46973 11.9843 8.46973 11.5701Z" fill="#B8B8B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.46973 15.5701C8.46973 15.1559 8.80551 14.8201 9.21973 14.8201H14.8735C15.2877 14.8201 15.6235 15.1559 15.6235 15.5701C15.6235 15.9843 15.2877 16.3201 14.8735 16.3201H9.21973C8.80551 16.3201 8.46973 15.9843 8.46973 15.5701Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/file_fill.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.1711 8.1105L14.9211 2.8605C14.7782 2.7212 14.5863 2.64375 14.3867 2.64487H5.38672C4.98889 2.64487 4.60736 2.80291 4.32606 3.08421C4.04475 3.36552 3.88672 3.74705 3.88672 4.14487V20.6449C3.88672 21.0427 4.04475 21.4242 4.32606 21.7055C4.60736 21.9868 4.98889 22.1449 5.38672 22.1449H18.8867C19.2845 22.1449 19.6661 21.9868 19.9474 21.7055C20.2287 21.4242 20.3867 21.0427 20.3867 20.6449V8.64487C20.3878 8.44533 20.3104 8.25337 20.1711 8.1105ZM14.3867 8.64487V4.51987L18.5117 8.64487H14.3867Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/file_filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2.80719L5.7 2.80721V3.55721L5.7 2.80721C5.29808 2.80722 4.92403 2.97875 4.65673 3.26515C4.39107 3.54979 4.25 3.92545 4.25 4.30721V20.8072C4.25 21.189 4.39107 21.5646 4.65673 21.8493C4.92404 22.1357 5.29809 22.3072 5.7 22.3072H18.3C18.7019 22.3072 19.076 22.1357 19.3433 21.8493C19.6089 21.5646 19.75 21.189 19.75 20.8072V8.55721C19.75 8.3583 19.671 8.16754 19.5303 8.02689L14.5303 3.02686C14.3897 2.88621 14.1989 2.80719 14 2.80719ZM8.32324 11.5701C8.32324 11.1007 8.7038 10.7201 9.17324 10.7201H14.8271C15.2965 10.7201 15.6771 11.1007 15.6771 11.5701C15.6771 12.0395 15.2965 12.4201 14.8271 12.4201H9.17324C8.7038 12.4201 8.32324 12.0395 8.32324 11.5701ZM8.32324 15.5701C8.32324 15.1007 8.7038 14.7201 9.17324 14.7201H14.8271C15.2965 14.7201 15.6771 15.1007 15.6771 15.5701C15.6771 16.0395 15.2965 16.4201 14.8271 16.4201H9.17324C8.7038 16.4201 8.32324 16.0395 8.32324 15.5701Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/folder_closed.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M22.3129 7.93609C22.0329 7.65609 21.6429 7.49609 21.2529 7.49609H13.3129L10.7429 4.92609C10.6029 4.78609 10.4429 4.67609 10.2629 4.60609C10.0829 4.53609 9.88293 4.51609 9.69293 4.49609H4.75293C4.35293 4.49609 3.97293 4.65609 3.69293 4.93609C3.41293 5.21609 3.25293 5.59609 3.25293 5.99609V19.5561C3.25293 19.7461 3.29293 19.9361 3.36293 20.1161C3.43293 20.2861 3.54293 20.4461 3.67293 20.5761C3.80293 20.7061 3.97293 20.8161 4.14293 20.8861C4.32293 20.9561 4.50293 20.9961 4.69293 20.9961H21.3329C21.7129 20.9961 22.0629 20.8461 22.3329 20.5861C22.6029 20.3261 22.7429 19.9561 22.7429 19.5861V8.99609C22.7429 8.59609 22.5829 8.21609 22.3029 7.93609H22.3129ZM9.69293 5.99609L11.1929 7.49609H4.75293V5.99609H9.69293ZM4.75293 19.5561V8.99609H21.2529L21.2829 19.4961L4.76293 19.5561H4.75293Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/folder_open.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.2819 5.85688C3.2819 5.83482 3.28948 5.81974 3.2948 5.81273L8.26721 5.81273L10.8693 7.87421L10.8711 7.87561C11.1295 8.07911 11.4486 8.19371 11.7818 8.19516L11.785 8.19517L18.269 8.19517C18.2743 8.20218 18.2819 8.21725 18.2819 8.23931L18.2819 10.6218C18.2819 10.6694 18.2864 10.7161 18.2949 10.7613L6.07219 10.7613C5.75219 10.7613 5.45219 10.8513 5.20219 11.0313C4.94219 11.2113 4.75219 11.4713 4.65219 11.7613L3.2819 15.7027L3.2819 5.85688ZM1.78259 20.184C1.79959 20.5831 2.12857 20.9015 2.5319 20.9015C2.53788 20.9015 2.54384 20.9014 2.54978 20.9013L19.0322 20.9013C19.3522 20.9013 19.6322 20.7013 19.7422 20.4013L22.4122 12.7013C22.4922 12.4813 22.5122 12.2413 22.4722 12.0013C22.4422 11.7713 22.3422 11.5513 22.2022 11.3613C22.0622 11.1813 21.8722 11.0213 21.6622 10.9213C21.4522 10.8113 21.2222 10.7613 20.9922 10.7613L19.7689 10.7613C19.7775 10.7161 19.7819 10.6694 19.7819 10.6218L19.7819 8.23931C19.7819 7.84318 19.6337 7.45525 19.3575 7.16281C19.0799 6.86891 18.694 6.69517 18.2819 6.69517L11.7966 6.69517L9.19451 4.63369L9.19274 4.63229C8.93428 4.42879 8.61522 4.31418 8.28204 4.31273L3.2819 4.31273C2.86978 4.31273 2.48386 4.48648 2.2063 4.78037C1.93012 5.07282 1.7819 5.46074 1.7819 5.85688L1.7819 20.1155C1.78107 20.1383 1.7813 20.1612 1.78259 20.184ZM18.5022 19.4013L3.59219 19.4013L6.08219 12.2613L21.0022 12.2113L18.5022 19.4013Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/grip.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M28 29.2929L29.2929 28" stroke="#9F9F9F"/>
+  <path d="M24 29.2929L29.2929 24" stroke="#9F9F9F"/>
+  <path d="M20 29.2929L29.2929 20" stroke="#9F9F9F"/>
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/group.svg

@@ -0,0 +1,18 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="4.9624" cy="25.383" r="1" transform="rotate(-180 4.9624 25.383)" fill="#F5F5F5"/>
+<circle cx="24.9785" cy="25.383" r="1" transform="rotate(-180 24.9785 25.383)" fill="#F5F5F5"/>
+<circle cx="4.9624" cy="15.3754" r="1" transform="rotate(-180 4.9624 15.3754)" fill="#F5F5F5"/>
+<circle cx="4.9624" cy="10.3716" r="1" transform="rotate(-180 4.9624 10.3716)" fill="#F5F5F5"/>
+<circle cx="24.9785" cy="10.3716" r="1" transform="rotate(-180 24.9785 10.3716)" fill="#F5F5F5"/>
+<circle cx="4.9624" cy="20.3792" r="1" transform="rotate(-180 4.9624 20.3792)" fill="#F5F5F5"/>
+<circle cx="24.9785" cy="20.3792" r="1" transform="rotate(-180 24.9785 20.3792)" fill="#F5F5F5"/>
+<circle cx="24.9785" cy="15.3754" r="1" transform="rotate(-180 24.9785 15.3754)" fill="#F5F5F5"/>
+<circle cx="4.9624" cy="5.36786" r="1" transform="rotate(-180 4.9624 5.36786)" fill="#F5F5F5"/>
+<circle cx="24.9785" cy="5.36786" r="1" transform="rotate(-180 24.9785 5.36786)" fill="#F5F5F5"/>
+<circle cx="19.9746" cy="5.36731" r="1" transform="rotate(-180 19.9746 5.36731)" fill="#F5F5F5"/>
+<circle cx="19.9746" cy="25.3827" r="1" transform="rotate(-180 19.9746 25.3827)" fill="#F5F5F5"/>
+<circle cx="9.96631" cy="5.36755" r="1" transform="rotate(-180 9.96631 5.36755)" fill="#F5F5F5"/>
+<circle cx="14.9707" cy="5.36755" r="1" transform="rotate(-180 14.9707 5.36755)" fill="#F5F5F5"/>
+<circle cx="9.96631" cy="25.383" r="1" transform="rotate(-180 9.96631 25.383)" fill="#F5F5F5"/>
+<circle cx="14.9707" cy="25.383" r="1" transform="rotate(-180 14.9707 25.383)" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/home.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1253 3.25613C11.4016 3.00376 11.7624 2.86382 12.1367 2.86382C12.511 2.86382 12.8718 3.00376 13.1482 3.25613C13.1485 3.25645 13.1489 3.25677 13.1492 3.25709L20.6474 10.071L20.6579 10.0808C20.8061 10.2208 20.9249 10.389 21.0071 10.5756C21.0893 10.7621 21.1333 10.9632 21.1366 11.1671L21.1368 11.1792L21.1367 19.8511C21.1367 20.2489 20.9787 20.6304 20.6974 20.9117C20.4161 21.193 20.0345 21.3511 19.6367 21.3511H15.1367C14.7389 21.3511 14.3574 21.193 14.0761 20.9117C13.7948 20.6304 13.6367 20.2489 13.6367 19.8511V15.3511L10.6367 15.3511V19.8511C10.6367 20.2489 10.4787 20.6304 10.1974 20.9117C9.91607 21.193 9.53454 21.3511 9.13672 21.3511H4.63672C4.2389 21.3511 3.85736 21.193 3.57606 20.9117C3.29475 20.6304 3.13672 20.2489 3.13672 19.8511V11.1671C3.14002 10.9632 3.18417 10.7621 3.26638 10.5756C3.34859 10.389 3.46729 10.2208 3.61551 10.0808L3.62607 10.071L11.1242 3.25709C11.1246 3.25677 11.1249 3.25645 11.1253 3.25613ZM4.64382 11.173L12.1349 4.3655L12.1367 4.36382L12.1386 4.3655L19.6296 11.173C19.6316 11.1752 19.6332 11.1777 19.6344 11.1804C19.6357 11.1833 19.6365 11.1863 19.6367 11.1894V19.8511H15.1367V15.3511C15.1367 14.9533 14.9787 14.5717 14.6974 14.2904C14.4161 14.0091 14.0345 13.8511 13.6367 13.8511H10.6367C10.2389 13.8511 9.85736 14.0091 9.57606 14.2904C9.29475 14.5717 9.13672 14.9533 9.13672 15.3511V19.8511H4.63672V11.1894C4.63698 11.1863 4.63775 11.1833 4.639 11.1804C4.64021 11.1777 4.64184 11.1752 4.64382 11.173Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/home_fill.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14.4707 20.141V15.4725C14.4707 15.2662 14.3888 15.0682 14.2428 14.9223C14.0969 14.7764 13.899 14.6944 13.6927 14.6944H10.5803C10.374 14.6944 10.1761 14.7764 10.0302 14.9223C9.88424 15.0682 9.80227 15.2662 9.80227 15.4725V20.141C9.80227 20.3473 9.72029 20.5453 9.57437 20.6912C9.42846 20.8371 9.23055 20.9191 9.02419 20.9191H4.35572C4.14936 20.9191 3.95145 20.8371 3.80553 20.6912C3.65961 20.5453 3.57764 20.3473 3.57764 20.141V11.1444C3.57938 11.0368 3.60265 10.9305 3.64608 10.832C3.68951 10.7334 3.75222 10.6446 3.83051 10.5706L11.6113 3.49982C11.7547 3.3686 11.9421 3.29582 12.1365 3.29582C12.3309 3.29582 12.5183 3.3686 12.6617 3.49982L20.4425 10.5706C20.5208 10.6446 20.5835 10.7334 20.6269 10.832C20.6704 10.9305 20.6936 11.0368 20.6954 11.1444V20.141C20.6954 20.3473 20.6134 20.5453 20.4675 20.6912C20.3216 20.8371 20.1237 20.9191 19.9173 20.9191H15.2488C15.0425 20.9191 14.8446 20.8371 14.6986 20.6912C14.5527 20.5453 14.4707 20.3473 14.4707 20.141Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/horizontal_split.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.63672 5.51464V11.25H19.6367V5.51464H4.63672ZM19.6367 12.75H4.63672V18.4854H19.6367V12.75ZM3.13672 5.4224C3.13672 4.55548 3.90378 4.01464 4.63672 4.01464H19.6367C20.3697 4.01464 21.1367 4.55548 21.1367 5.4224V18.5776C21.1367 19.4445 20.3697 19.9854 19.6367 19.9854H4.63672C3.90378 19.9854 3.13672 19.4445 3.13672 18.5776V5.4224Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-core-ui/src/assets/icons/icon-component/icon.svg

@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.7994 8.9579L15.8915 3.93135C15.6365 3.78532 15.3477 3.7085 15.0538 3.7085C14.7599 3.7085 14.4711 3.78532 14.216 3.93135L5.30819 8.9579C5.04749 9.10842 4.83092 9.32479 4.68016 9.58535C4.52941 9.84591 4.44977 10.1415 4.44922 10.4425V20.4745C4.44977 20.7755 4.52941 21.0711 4.68016 21.3316C4.83092 21.5922 5.04749 21.8086 5.30819 21.9591L14.216 26.9856C14.4711 27.1317 14.7599 27.2085 15.0538 27.2085C15.3477 27.2085 15.6365 27.1317 15.8915 26.9856L24.7994 21.9591C25.0601 21.8086 25.2766 21.5922 25.4274 21.3316C25.5781 21.0711 25.6578 20.7755 25.6583 20.4745V10.4425C25.6578 10.1415 25.5781 9.84591 25.4274 9.58535C25.2766 9.32479 25.0601 9.10842 24.7994 8.9579Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/image.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2888 13.0822C17.3611 13.0822 16.6089 12.3301 16.6089 11.4023C16.6089 10.4745 17.3611 9.72241 18.2888 9.72241C19.2166 9.72241 19.9688 10.4745 19.9688 11.4023C19.9688 12.3301 19.2166 13.0822 18.2888 13.0822Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8042 5.60229C4.8042 5.46422 4.91613 5.35229 5.0542 5.35229H25.0542C25.1923 5.35229 25.3042 5.46422 25.3042 5.60229V21.3411L22.2517 18.5885C21.9312 18.2995 21.4508 18.2786 21.1065 18.5387L18.2453 20.7004C17.9736 20.9056 17.5944 20.8884 17.3425 20.6595L10.7908 14.7068C10.439 14.3872 9.89938 14.3962 9.55847 14.7273L4.8042 19.3454V5.60229ZM5.0542 3.85229C4.0877 3.85229 3.3042 4.6358 3.3042 5.60229V25.6023C3.3042 26.5688 4.0877 27.3523 5.0542 27.3523H25.0542C26.0207 27.3523 26.8042 26.5688 26.8042 25.6023V5.60229C26.8042 4.6358 26.0207 3.85229 25.0542 3.85229H5.0542Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-core-ui/src/assets/icons/icon-component/import_down.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.88672 13.8511C4.30093 13.8511 4.63672 14.1869 4.63672 14.6011V19.8511H19.6367V14.6011C19.6367 14.1869 19.9725 13.8511 20.3867 13.8511C20.8009 13.8511 21.1367 14.1869 21.1367 14.6011V19.8511C21.1367 20.2489 20.9787 20.6304 20.6974 20.9117C20.4161 21.193 20.0345 21.3511 19.6367 21.3511H4.63672C4.2389 21.3511 3.85736 21.193 3.57606 20.9117C3.29475 20.6304 3.13672 20.2489 3.13672 19.8511V14.6011C3.13672 14.1869 3.47251 13.8511 3.88672 13.8511Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.6165 10.1311C16.3265 9.84107 15.8465 9.84107 15.5565 10.1311L12.8965 12.7911V4.10107C12.8965 3.69107 12.5565 3.35107 12.1465 3.35107C11.7365 3.35107 11.3965 3.69107 11.3965 4.10107V12.7911L8.73648 10.1311C8.44648 9.84107 7.96648 9.84107 7.67648 10.1311C7.38648 10.4211 7.38648 10.9011 7.67648 11.1911L11.6165 15.1311C11.6865 15.2011 11.7665 15.2511 11.8565 15.2911C12.0365 15.3711 12.2465 15.3711 12.4265 15.2911C12.5165 15.2511 12.5965 15.2011 12.6665 15.1311L16.6065 11.1911C16.8965 10.9011 16.8965 10.4211 16.6065 10.1311H16.6165Z" fill="#F5F5F5" />
+</svg>
+