@steroidsjs/bootstrap 3.0.0-beta.5 → 3.0.0-beta.50

package/form/TextField/TextFieldView.scss

@@ -1,4 +1,146 @@
+:root {
+    --text-field-disabled-clear-color: #e5e9eb;
+    --text-field-active-clear-color: #323232;
+    --text-field-background-color: #ffffff;
+    --text-field-border-color: 
+}
+
+html[data-theme="dark"] {
+    --text-field-background-color: #414141;
+    --text-field-disabled-clear-color: #4e4f57;
+    --text-field-active-clear-color: #ffffff;
+}
+
+$text-field-background-color: var(--text-field-background-color);
+$text-field-disabled-clear-color: var(--text-field-disabled-clear-color);
+$text-field-active-clear-color: var(--text-field-active-clear-color);
+
 .TextFieldView {
-  min-height: 38px;
-  box-sizing: border-box;
+    $root: &;
+
+    position: relative;
+    font-family: $font-family-nunito;
+
+    &_hasErrors {
+        #{$root}__textarea {
+            border-color: $danger;
+        }
+    }
+
+    &__clear {
+        position: absolute;
+        width: 24px;
+        height: 24px;
+        z-index: 3;
+        top: 3%;
+        right: 10px;
+
+        transition: opacity 150ms ease-in-out;
+        opacity: 0;
+        pointer-events: none;
+
+        svg {
+            path {
+                stroke: $background-disabled-color;
+                stroke-width: 1.5px;
+            }
+        }
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    &__textarea {
+        width: 100%;
+        min-width: 240px;
+        min-height: 80px;
+        height: 80px;
+
+        border-radius: $radius-small;
+        background-color: $text-field-background-color;
+
+        padding: 5px 40px 8px 8px;
+
+        font-size: $font-size-sm;
+        font-weight: 400;
+        line-height: 24px;
+        z-index: 2;
+        outline: none;
+        color: $text-color;
+        border: 1px solid $border-color;
+
+        &::placeholder {
+            color: $placeholder-color;
+        }
+
+        &:hover {
+            border-color: $border-color-hover;
+        }
+
+        &:focus {
+            border: 4px solid $primary-light;
+        }
+
+        &:active {
+            border: 1px solid $primary;
+        }
+
+        &:disabled {
+            background-color: $background-disabled-color;
+            border: none;
+            resize: none;
+        }
+
+        &:disabled::placeholder {
+            color: $placeholder-disabled-color;
+        }
+
+        &:disabled + #{$root}__clear {
+            display: none;
+        }
+
+        &:not(:disabled):focus + #{$root}__clear {
+            svg {
+                path {
+                    stroke: $text-field-active-clear-color;
+                }
+            }
+        }
+    }
+
+    &_size {
+        &_lg {
+            #{$root}__textarea {
+                height: 130px;
+                min-height: 130px;
+                border-radius: $radius-large;
+                font-size: $font-size-lg;
+            }
+        }
+
+        &_md {
+            #{$root}__textarea {
+                height: 100px;
+                min-height: 100px;
+                border-radius: $radius-large;
+                font-size: $font-size-base;
+            }
+        }
+
+        &_sm {
+            #{$root}__textarea {
+                height: 80px;
+                border-radius: $radius-small;
+                font-size: $font-size-sm;
+            }
+        }
+    }
+
+    &_filled {
+        #{$root}__clear {
+            opacity: 1;
+            pointer-events: all;
+        }
+    }
 }

package/form/TimeField/TimeFieldView.d.ts

@@ -1,3 +1,2 @@
-import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ITimeFieldViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
-export default function TimeFieldView(props: ITimeFieldViewProps & IBemHocOutput): JSX.Element;
+export default function TimeFieldView(props: ITimeFieldViewProps): JSX.Element;

package/icons/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (customIcons: Record<string, any>) => {};
+export default _default;

package/icons/index.js

@@ -0,0 +1,103 @@
+"use strict";
+/* eslint-disable import/no-dynamic-require */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+exports["default"] = (function (customIcons) {
+    // All icons
+    var icons = {};
+    var steroidsIcons = [
+        'add',
+        'add_square',
+        'arrow_down_18x18',
+        'arrow_down_24x24',
+        'arrow_drop_down_10x10',
+        'arrow_left_18x18',
+        'arrow_left_24x24',
+        'arrow_right_18x18',
+        'arrow_right_24x24',
+        'arrow_up_18x18',
+        'arrow_up_24x24',
+        'blank',
+        'calendar_check',
+        'chart',
+        'checkmark_12x12',
+        'checkmark_8x8',
+        'circle_cross_12x12',
+        'circle_cross_16x16',
+        'circle_cross_18x18',
+        'copy',
+        'cross_12x12',
+        'cross_8x8',
+        'default_16x16',
+        'default_24x24',
+        'cut',
+        'error_16x16',
+        'error_24x24',
+        'calendar_range',
+        'double_arrow_down',
+        'double_arrow_left',
+        'double_arrow_right',
+        'double_arrow_up',
+        'doughnut_chart',
+        'edit',
+        'expand_down',
+        'expand_left',
+        'expand_left_double',
+        'expand_right',
+        'expand_right_double',
+        'file_dock',
+        'filter',
+        'fluid',
+        'folder',
+        'group',
+        'home',
+        'img_box',
+        'import',
+        'info_16x16',
+        'info_24x24',
+        'loading_purple',
+        'loading_default',
+        'loading_icon_thick',
+        'map',
+        'menu_dots',
+        'menu_left',
+        'minis_sq',
+        'paste',
+        'pie_chart',
+        'pin',
+        'sad',
+        'search',
+        'setting_line',
+        'share',
+        'star',
+        'success_16x16',
+        'success_24x24',
+        'support',
+        'trash',
+        'upload',
+        'user',
+        'view_hide',
+        'warning_16x16',
+        'warning_24x24',
+        'clip',
+        'view',
+        'cross_4x4',
+        'expand_up',
+        'left_12x12',
+        'cancel_ellips',
+    ];
+    steroidsIcons.forEach(function (iconName) {
+        icons[iconName] = require("./svgs/".concat(iconName, ".svg"));
+    });
+    return __assign(__assign({}, icons), customIcons);
+});

package/icons/svgs/add.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="M12 6L12 18" stroke="#323232" stroke-linecap="round"/>
+<path d="M18 12L6 12" stroke="#323232" stroke-linecap="round"/>
+</svg>

package/icons/svgs/add_square.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="M3.5 11C3.5 9.10025 3.50106 7.72573 3.64199 6.67754C3.78098 5.64373 4.04772 5.00253 4.52513 4.52513C5.00253 4.04772 5.64373 3.78098 6.67754 3.64199C7.72573 3.50106 9.10025 3.5 11 3.5H13C14.8998 3.5 16.2743 3.50106 17.3225 3.64199C18.3563 3.78098 18.9975 4.04772 19.4749 4.52513C19.9523 5.00253 20.219 5.64373 20.358 6.67754C20.4989 7.72573 20.5 9.10025 20.5 11V13C20.5 14.8998 20.4989 16.2743 20.358 17.3225C20.219 18.3563 19.9523 18.9975 19.4749 19.4749C18.9975 19.9523 18.3563 20.219 17.3225 20.358C16.2743 20.4989 14.8998 20.5 13 20.5H11C9.10025 20.5 7.72573 20.4989 6.67754 20.358C5.64373 20.219 5.00253 19.9523 4.52513 19.4749C4.04772 18.9975 3.78098 18.3563 3.64199 17.3225C3.50106 16.2743 3.5 14.8998 3.5 13V11Z" stroke="#323232"/>
+<path d="M12 8L12 16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 12L8 12" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_down_18x18.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3.86768" width="18" height="18" rx="6" fill="white"/>
+<path d="M8 10.8677L12 14.8677L16 10.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_down_24x24.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M8 10.8677L12 14.8677L16 10.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_drop_down_10x10.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 d="M11.2318 14.0781L8.36682 10.6402C7.82405 9.98886 8.2872 9 9.13504 9L14.865 9C15.7128 9 16.176 9.98886 15.6332 10.6402L12.7682 14.0781C12.3684 14.5579 11.6316 14.5579 11.2318 14.0781Z" fill="#323232"/>
+</svg>

package/icons/svgs/arrow_left_18x18.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3.86768" width="18" height="18" rx="6" fill="white"/>
+<path d="M14 8.86768L10 12.8677L14 16.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_left_24x24.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M14 8.86768L10 12.8677L14 16.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_right_18x18.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3.86768" width="18" height="18" rx="6" fill="white"/>
+<path d="M10 16.8677L14 12.8677L10 8.86768" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_right_24x24.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M10 16.8677L14 12.8677L10 8.86768" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_up_18x18.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3.86768" width="18" height="18" rx="6" fill="white"/>
+<path d="M16 14.8677L12 10.8677L8 14.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/arrow_up_24x24.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M16 14.8677L12 10.8677L8 14.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/blank.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="M12.1716 21H9C7.11438 21 6.17157 21 5.58579 20.4142C5 19.8284 5 18.8856 5 17V7C5 5.11438 5 4.17157 5.58579 3.58579C6.17157 3 7.11438 3 9 3H15C16.8856 3 17.8284 3 18.4142 3.58579C19 4.17157 19 5.11438 19 7V14.1716C19 14.5803 19 14.7847 18.9239 14.9685C18.8478 15.1522 18.7032 15.2968 18.4142 15.5858L13.5858 20.4142C13.2968 20.7032 13.1522 20.8478 12.9685 20.9239C12.7847 21 12.5803 21 12.1716 21Z" stroke="#323232"/>
+<path d="M12 21V16.3333C12 15.2334 12 14.6834 12.3417 14.3417C12.6834 14 13.2334 14 14.3333 14H19" stroke="#323232"/>
+</svg>

package/icons/svgs/calendar_check.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="M19.5 9.5V8.7C19.5 7.57989 19.5 7.01984 19.282 6.59202C19.0903 6.21569 18.7843 5.90973 18.408 5.71799C17.9802 5.5 17.4201 5.5 16.3 5.5H7.7C6.5799 5.5 6.01984 5.5 5.59202 5.71799C5.21569 5.90973 4.90973 6.21569 4.71799 6.59202C4.5 7.01984 4.5 7.57989 4.5 8.7V9.5M19.5 9.5V16.3C19.5 17.4201 19.5 17.9802 19.282 18.408C19.0903 18.7843 18.7843 19.0903 18.408 19.282C17.9802 19.5 17.4201 19.5 16.3 19.5H7.7C6.57989 19.5 6.01984 19.5 5.59202 19.282C5.21569 19.0903 4.90973 18.7843 4.71799 18.408C4.5 17.9802 4.5 17.4201 4.5 16.3V9.5M19.5 9.5H4.5" stroke="#323232"/>
+<path d="M8.5 3.5L8.5 7.5M15.5 3.5L15.5 7.5" stroke="#323232" stroke-linecap="round"/>
+<path d="M9 15.6364L10.8462 17L15 12" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/calendar_range.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.5 9.5V8.7C19.5 7.57989 19.5 7.01984 19.282 6.59202C19.0903 6.21569 18.7843 5.90973 18.408 5.71799C17.9802 5.5 17.4201 5.5 16.3 5.5H7.7C6.5799 5.5 6.01984 5.5 5.59202 5.71799C5.21569 5.90973 4.90973 6.21569 4.71799 6.59202C4.5 7.01984 4.5 7.57989 4.5 8.7V9.5M19.5 9.5V16.3C19.5 17.4201 19.5 17.9802 19.282 18.408C19.0903 18.7843 18.7843 19.0903 18.408 19.282C17.9802 19.5 17.4201 19.5 16.3 19.5H7.7C6.57989 19.5 6.01984 19.5 5.59202 19.282C5.21569 19.0903 4.90973 18.7843 4.71799 18.408C4.5 17.9802 4.5 17.4201 4.5 16.3V9.5M19.5 9.5H4.5" stroke="#323232"/>
+<path d="M8.5 3.5L8.5 7.5M15.5 3.5L15.5 7.5" stroke="#323232" stroke-linecap="round"/>
+<path d="M8 12.5H10" stroke="#323232" stroke-linecap="round"/>
+<path d="M14 12.5H16" stroke="#323232" stroke-linecap="round"/>
+<path d="M8 16.5H10" stroke="#323232" stroke-linecap="round"/>
+<path d="M14 16.5H16" stroke="#323232" stroke-linecap="round"/>
+</svg>

package/icons/svgs/cancel_ellips.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="9" stroke="#323232"/>
+<path d="M18 18L6 6" stroke="#323232"/>
+</svg>

package/icons/svgs/chart.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10L8 16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 12V16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 8V16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="3" y="4" width="18" height="16" rx="2" stroke="#323232"/>
+</svg>

package/icons/svgs/checkmark_12x12.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3.86768" width="18" height="18" rx="9" fill="white"/>
+<path d="M15 10.8677L10.875 14.8677L9 13.0495" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/checkmark_8x8.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6" y="6.86768" width="12" height="12" rx="6" fill="white"/>
+<path d="M15 10.8677L10.875 14.8677L9 13.0495" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/circle_cross_12x12.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6" y="6.86768" width="12" height="12" rx="6" fill="white"/>
+<path d="M10 10.8677L14 14.8533M10 14.8677L14 10.8821" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/circle_cross_16x16.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="4" width="16" height="16" rx="8" fill="#323232"/>
+<path d="M9.5 9L15.5 14.9784M9.5 15L15.5 9.02161" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/circle_cross_18x18.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3.86768" width="18" height="18" rx="9" fill="white"/>
+<path d="M9 9.86768L15 15.8461M9 15.8677L15 9.88928" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/clip.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 d="M8.88872 14.0017C8.88872 14.0017 13.832 9.12047 14.8208 8.09069C15.8096 7.06091 16.7991 8.09069 16.7991 8.09069C16.7991 8.09069 17.7872 9.12063 16.7984 10.1505C15.8096 11.1803 9.03457 18.2456 9.03457 18.2456C7.86986 19.418 6.09749 19.5617 4.93279 18.3894C3.76809 17.2176 3.65356 15.4415 4.81826 14.2697L12.8439 6.03086C14.4744 4.38971 17.1486 4.38982 18.7767 6.03097C20.4084 7.67271 20.4072 10.569 18.7767 12.2101L12.8439 18.2456" stroke="#323232" stroke-linecap="round"/>
+</svg>

package/icons/svgs/copy.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.78125 4.48496C4.78125 3.64488 4.78125 3.22484 4.94474 2.90398C5.08855 2.62173 5.31802 2.39226 5.60026 2.24845C5.92113 2.08496 6.34117 2.08496 7.18125 2.08496H8.74178C9.09734 2.08496 9.27513 2.08496 9.44302 2.12407C9.5919 2.15875 9.73461 2.21598 9.86619 2.29379C10.0146 2.38153 10.1431 2.50438 10.4001 2.75007L12.0396 4.31721C12.3131 4.5786 12.4498 4.70929 12.5477 4.86353C12.6345 5.00025 12.6985 5.15013 12.7374 5.30734C12.7813 5.48468 12.7813 5.67382 12.7813 6.05211V9.68496C12.7813 10.525 12.7813 10.9451 12.6178 11.2659C12.474 11.5482 12.2445 11.7777 11.9622 11.9215C11.6414 12.085 11.2213 12.085 10.3813 12.085H7.18125C6.34117 12.085 5.92113 12.085 5.60026 11.9215C5.31802 11.7777 5.08855 11.5482 4.94474 11.2659C4.78125 10.9451 4.78125 10.525 4.78125 9.68496V4.48496Z" stroke="#323232"/>
+<path d="M2.94922 3.91504V9.91504C2.94922 11.3152 2.94922 12.0152 3.2217 12.55C3.46139 13.0204 3.84384 13.4029 4.31424 13.6426C4.84902 13.915 5.54909 13.915 6.94922 13.915H10.9492" stroke="#323232" stroke-linecap="round"/>
+<path d="M9.05078 2.08496V3.68496C9.05078 4.52504 9.05078 4.94508 9.21427 5.26595C9.35808 5.54819 9.58755 5.77766 9.8698 5.92147C10.1907 6.08496 10.6107 6.08496 11.4508 6.08496H13.0508" stroke="#323232"/>
+</svg>

package/icons/svgs/cross_12x12.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="M18 6L6 18" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 6L18 18" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/cross_4x4.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.28906 6.5L10.2891 10.4856M6.28906 10.5L10.2891 6.51441" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/cross_8x8.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 8L8 16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 8L16 16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/cut.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="M5.744 10.8572C5.84 11.0477 5.84 11.2382 5.84 11.4287C5.84 12.4763 4.976 13.3334 3.92 13.3334C2.864 13.3334 2 12.4763 2 11.4287C2 10.381 2.864 9.52389 3.92 9.52389C4.112 9.52389 4.208 9.52389 4.304 9.61913M7.184 9.42865L11.216 13.3334H13.904L5.744 5.23818C5.84 5.0477 5.84 4.95246 5.84 4.76199C5.84 3.71437 4.976 2.85722 3.92 2.85722C2.864 2.85722 2 3.71437 2 4.76199C2 5.80961 2.864 6.66675 3.92 6.66675C4.112 6.66675 4.304 6.66675 4.4 6.57151L5.84 8.09532M7.184 9.42865L5.84 8.09532M7.184 9.42865L5.168 10.0953L5.84 8.09532M8.144 5.71437L11.312 2.66675H14L9.584 7.14294" stroke="#323232" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/date_range.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.5 9.94916V9.14916C19.5 8.02905 19.5 7.469 19.282 7.04118C19.0903 6.66485 18.7843 6.35889 18.408 6.16714C17.9802 5.94916 17.4201 5.94916 16.3 5.94916H7.7C6.5799 5.94916 6.01984 5.94916 5.59202 6.16714C5.21569 6.35889 4.90973 6.66485 4.71799 7.04118C4.5 7.469 4.5 8.02905 4.5 9.14916V9.94916M19.5 9.94916V16.7492C19.5 17.8693 19.5 18.4293 19.282 18.8571C19.0903 19.2335 18.7843 19.5394 18.408 19.7312C17.9802 19.9492 17.4201 19.9492 16.3 19.9492H7.7C6.57989 19.9492 6.01984 19.9492 5.59202 19.7312C5.21569 19.5394 4.90973 19.2335 4.71799 18.8571C4.5 18.4293 4.5 17.8693 4.5 16.7492V9.94916M19.5 9.94916H4.5" stroke="white"/>
+<path d="M8.5 3.94916L8.5 7.94916M15.5 3.94916L15.5 7.94916" stroke="white" stroke-linecap="round"/>
+<path d="M8 12.9492H10" stroke="white" stroke-linecap="round"/>
+<path d="M14 12.9492H16" stroke="white" stroke-linecap="round"/>
+<path d="M8 16.9492H10" stroke="white" stroke-linecap="round"/>
+<path d="M14 16.9492H16" stroke="white" stroke-linecap="round"/>
+</svg>

package/icons/svgs/default_16x16.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12.8677" r="8" fill="#CBD5DB"/>
+<path d="M14.2747 10.4196H14.2253M15.7582 10.4196L16.5 10.7657L15.7582 11.1119M13.4341 12.4965C13.4341 13.3371 12.7912 13.98 11.9505 13.98C11.1099 13.98 8.83516 13.98 7.5 13.98M13.9286 8.93604C14.8681 8.93604 15.6593 9.72724 15.6593 10.7163C15.6593 11.2602 15.4121 11.8042 15.0165 12.1009C15.4121 12.5954 15.6593 13.2382 15.6593 13.9305C15.6593 15.513 14.4231 16.7987 12.8901 16.7987C11.3571 16.7987 9.97253 15.3646 8.73626 13.9305C9.67582 12.5954 12.5934 8.93604 13.9286 8.93604Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/default_24x24.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_413_9689)">
+<circle cx="12" cy="12.8677" r="12" fill="#CBD5DB"/>
+<path d="M15.033 9.60351H14.967M17.011 9.60351L18 10.065L17.011 10.5266M13.9121 12.3727C13.9121 13.4936 13.0549 14.3508 11.9341 14.3508C10.8132 14.3508 7.78022 14.3508 6 14.3508M14.5714 7.62549C15.8242 7.62549 16.8791 8.68043 16.8791 9.99911C16.8791 10.7244 16.5494 11.4497 16.022 11.8453C16.5494 12.5046 16.8791 13.3618 16.8791 14.2848C16.8791 16.3947 15.2308 18.109 13.1868 18.109C11.1429 18.109 9.2967 16.1969 7.64835 14.2848C8.9011 12.5046 12.7912 7.62549 14.5714 7.62549Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_413_9689">
+<rect width="24" height="24" fill="white" transform="translate(0 0.867676)"/>
+</clipPath>
+</defs>
+</svg>

package/icons/svgs/double_arrow_down.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M16 12.8677L12 16.8677L8 12.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 8.86768L12 12.8677L8 8.86768" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/double_arrow_left.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M12 16.8677L8 12.8677L12 8.86768" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 16.8677L12 12.8677L16 8.86768" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/double_arrow_right.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M12 8.86768L16 12.8677L12 16.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 8.86768L12 12.8677L8 16.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/double_arrow_up.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.867676" width="24" height="24" rx="8" fill="white"/>
+<path d="M8 12.8677L12 8.86768L16 12.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 16.8677L12 12.8677L16 16.8677" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/doughnut_chart.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="9" stroke="#323232"/>
+<circle cx="12" cy="12" r="4" stroke="#323232"/>
+<path d="M12 3V7.5M18 18L15 15M18 6L15 9M3 12H7.5" stroke="#323232" stroke-linecap="round"/>
+</svg>

package/icons/svgs/edit.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.1492 13.1867L3.50275 12.8332L3.1492 13.1867C3.35861 13.3961 3.61967 13.3997 3.7744 13.3845C3.91494 13.3708 4.08228 13.3289 4.23896 13.2896C4.2479 13.2874 4.2568 13.2852 4.26566 13.283L5.68901 12.9271C5.70413 12.9233 5.71914 12.9196 5.73403 12.9159C5.95676 12.8605 6.15394 12.8114 6.33297 12.71C6.512 12.6087 6.65552 12.4648 6.81765 12.3024C6.82849 12.2915 6.83941 12.2806 6.85044 12.2695L11.6433 7.47662L11.6434 7.47661L11.651 7.46894L11.651 7.46893L11.6616 7.45835C11.8069 7.31306 11.9323 7.18769 12.0295 7.07715C12.1319 6.96083 12.226 6.83593 12.293 6.68494C12.4646 6.29777 12.4646 5.85607 12.293 5.46891C12.226 5.31791 12.1319 5.19302 12.0295 5.0767C11.9323 4.96616 11.8069 4.84079 11.6616 4.69552L11.651 4.68492L11.651 4.68491L11.6404 4.67432C11.4952 4.52903 11.3698 4.40365 11.2592 4.3064C11.1429 4.20407 11.018 4.10992 10.867 4.04297C10.4799 3.8713 10.0382 3.8713 9.651 4.04297C9.5 4.10992 9.37511 4.20407 9.25879 4.3064C9.14824 4.40365 9.02288 4.52902 8.87759 4.67432L8.867 4.68491L4.06641 9.4855C4.05538 9.49652 4.04444 9.50745 4.03357 9.51829C3.8711 9.68042 3.72727 9.82394 3.62591 10.003C3.52454 10.182 3.47547 10.3792 3.42004 10.6019C3.41633 10.6168 3.4126 10.6318 3.40882 10.6469L3.05298 12.0703C3.05076 12.0791 3.04854 12.088 3.0463 12.097C3.00706 12.2537 2.96514 12.421 2.9514 12.5615C2.93626 12.7163 2.93979 12.9773 3.1492 13.1867Z" stroke="#323232"/>
+<path d="M8.33203 5L10.9987 7.66667" stroke="#323232"/>
+</svg>

package/icons/svgs/error_16x16.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0008 20.8677C11.5023 20.8677 10.9964 20.7412 10.5499 20.4808L6.13051 17.9288C5.2377 17.408 4.67969 16.4482 4.67969 15.4141V10.325C4.67969 9.29083 5.2377 8.33106 6.13051 7.81025L10.5499 5.25828C11.4428 4.73747 12.5513 4.73747 13.4516 5.25828L17.871 7.81025C18.7639 8.33106 19.3219 9.29083 19.3219 10.325V15.4141C19.3219 16.4482 18.7639 17.408 17.871 17.9288L13.4516 20.4808C13.0052 20.7412 12.4993 20.8677 12.0008 20.8677Z" fill="#FB4E4E"/>
+<circle cx="12" cy="15.7363" r="0.5" fill="white"/>
+<line x1="12" y1="9.99902" x2="12" y2="13.999" stroke="white" stroke-linecap="round"/>
+</svg>

package/icons/svgs/error_24x24.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1601_29260)">
+<path d="M11.9973 24.8677C11.2495 24.8677 10.4906 24.678 9.82102 24.2873L3.19186 20.4594C1.85264 19.6782 1.01562 18.2385 1.01562 16.6873V9.05368C1.01562 7.50241 1.85264 6.06275 3.19186 5.28153L9.82102 1.45359C11.1602 0.672372 12.8231 0.672372 14.1735 1.45359L20.8027 5.28153C22.1419 6.06275 22.9789 7.50241 22.9789 9.05368V16.6873C22.9789 18.2385 22.1419 19.6782 20.8027 20.4594L14.1735 24.2873C13.5039 24.678 12.745 24.8677 11.9973 24.8677Z" fill="#FB4E4E"/>
+<circle cx="12" cy="17.6177" r="0.75" fill="white"/>
+<line x1="12" y1="8.11768" x2="12" y2="14.6177" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1601_29260">
+<rect width="24" height="24" fill="white" transform="translate(0 0.867676)"/>
+</clipPath>
+</defs>
+</svg>

package/icons/svgs/expand_down.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 d="M18 9L12 15L6 9" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/expand_left.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 d="M14 8L10 12L14 16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/expand_left_double.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.5 16L7.5 12L11.5 8" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 16L12.5 12L16.5 8" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/expand_right.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 d="M10 8L14 12L10 16" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/expand_right_double.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="M12.5 16L16.5 12L12.5 8" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.5 16L11.5 12L7.5 8" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/expand_up.svg

@@ -0,0 +1,3 @@
+<svg width="36" height="28" viewBox="0 0 36 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2417 16.3981L17.9991 12.1554L13.7574 16.3971" stroke="#414141" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/svgs/file_dock.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 12.5L15.5 12.5" stroke="#323232" stroke-linecap="round"/>
+<path d="M8.5 15.5L12.5 15.5" stroke="#323232" stroke-linecap="round"/>
+<path d="M5.5 5.9C5.5 5.05992 5.5 4.63988 5.66349 4.31901C5.8073 4.03677 6.03677 3.8073 6.31901 3.66349C6.63988 3.5 7.05992 3.5 7.9 3.5H12.5059C12.8728 3.5 13.0562 3.5 13.2288 3.54145C13.3819 3.57819 13.5282 3.6388 13.6624 3.72104C13.8138 3.8138 13.9435 3.94352 14.2029 4.20294L17.7971 7.79706C18.0565 8.05648 18.1862 8.1862 18.279 8.33757C18.3612 8.47178 18.4218 8.6181 18.4586 8.77115C18.5 8.94378 18.5 9.12723 18.5 9.49411V18.1C18.5 18.9401 18.5 19.3601 18.3365 19.681C18.1927 19.9632 17.9632 20.1927 17.681 20.3365C17.3601 20.5 16.9401 20.5 16.1 20.5H7.9C7.05992 20.5 6.63988 20.5 6.31901 20.3365C6.03677 20.1927 5.8073 19.9632 5.66349 19.681C5.5 19.3601 5.5 18.9401 5.5 18.1V5.9Z" stroke="#323232"/>
+<path d="M12.5 3.5V7.1C12.5 7.94008 12.5 8.36012 12.6635 8.68099C12.8073 8.96323 13.0368 9.1927 13.319 9.33651C13.6399 9.5 14.0599 9.5 14.9 9.5H18.5" stroke="#323232"/>
+</svg>

package/icons/svgs/filter.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 d="M9.65811 19.7806L9.81622 20.255H9.81622L9.65811 19.7806ZM14.6581 18.114L14.8162 18.5883H14.8162L14.6581 18.114ZM19.7071 7.29289L20.0607 7.64645L19.7071 7.29289ZM15.2929 11.7071L14.9393 11.3536L15.2929 11.7071ZM5 4.5H19V3.5H5V4.5ZM4.5 6.58579V5H3.5V6.58579H4.5ZM9.06065 11.3535L4.64645 6.93934L3.93934 7.64645L8.35355 12.0607L9.06065 11.3535ZM8.49999 12.4142V19.3063H9.49999V12.4142H8.49999ZM8.49999 19.3063C8.49999 19.9888 9.16869 20.4708 9.81622 20.255L9.49999 19.3063V19.3063H8.49999ZM9.81622 20.255L14.8162 18.5883L14.5 17.6396L9.49999 19.3063L9.81622 20.255ZM14.8162 18.5883C15.2246 18.4522 15.5 18.0701 15.5 17.6396H14.5L14.8162 18.5883ZM15.5 17.6396V12.4142H14.5V17.6396H15.5ZM19.3536 6.93934L14.9393 11.3536L15.6464 12.0607L20.0607 7.64645L19.3536 6.93934ZM19.5 5V6.58579H20.5V5H19.5ZM20.0607 7.64645C20.342 7.36514 20.5 6.98361 20.5 6.58579H19.5C19.5 6.71839 19.4473 6.84557 19.3536 6.93934L20.0607 7.64645ZM15.5 12.4142C15.5 12.2816 15.5527 12.1544 15.6464 12.0607L14.9393 11.3536C14.658 11.6349 14.5 12.0164 14.5 12.4142H15.5ZM8.35355 12.0607C8.44731 12.1544 8.49999 12.2816 8.49999 12.4142H9.49999C9.49999 12.0164 9.34196 11.6349 9.06065 11.3535L8.35355 12.0607ZM3.5 6.58579C3.5 6.98361 3.65804 7.36514 3.93934 7.64645L4.64645 6.93934C4.55268 6.84557 4.5 6.71839 4.5 6.58579H3.5ZM19 4.5C19.2761 4.5 19.5 4.72386 19.5 5H20.5C20.5 4.17157 19.8284 3.5 19 3.5V4.5ZM5 3.5C4.17157 3.5 3.5 4.17157 3.5 5H4.5C4.5 4.72386 4.72386 4.5 5 4.5V3.5Z" fill="#323232"/>
+</svg>

package/icons/svgs/fluid.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="M12.7682 3.92186L15.6332 7.35982C16.176 8.01114 15.7128 9 14.865 9L9.13504 9C8.2872 9 7.82405 8.01114 8.36682 7.35982L11.2318 3.92187C11.6316 3.44211 12.3684 3.44211 12.7682 3.92186Z" fill="#323232"/>
+<path d="M11.2318 20.0781L8.36682 16.6402C7.82405 15.9889 8.2872 15 9.13504 15L14.865 15C15.7128 15 16.176 15.9889 15.6332 16.6402L12.7682 20.0781C12.3684 20.5579 11.6316 20.5579 11.2318 20.0781Z" fill="#323232"/>
+</svg>

package/icons/svgs/folder.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 d="M4.5 6.89951C4.5 6.05943 4.5 5.63939 4.66349 5.31853C4.8073 5.03628 5.03677 4.80681 5.31901 4.663C5.63988 4.49951 6.05992 4.49951 6.9 4.49951H9.47237C9.84808 4.49951 10.0359 4.49951 10.2065 4.5513C10.3574 4.59715 10.4978 4.67231 10.6197 4.77249C10.7574 4.88565 10.8616 5.04196 11.07 5.35459L11.93 6.64484C12.1384 6.95746 12.2426 7.11377 12.3803 7.22693C12.5022 7.32711 12.6426 7.40228 12.7935 7.44813C12.9641 7.49991 13.1519 7.49991 13.5276 7.49991H17.1C17.9401 7.49991 18.3601 7.49991 18.681 7.6634C18.9632 7.80721 19.1927 8.03668 19.3365 8.31893C19.5 8.63979 19.5 9.05983 19.5 9.89991V16.0999C19.5 16.94 19.5 17.36 19.3365 17.6809C19.1927 17.9631 18.9632 18.1926 18.681 18.3364C18.3601 18.4999 17.9401 18.4999 17.1 18.4999H6.9C6.05992 18.4999 5.63988 18.4999 5.31901 18.3364C5.03677 18.1926 4.8073 17.9631 4.66349 17.6809C4.5 17.36 4.5 16.94 4.5 16.0999V6.89951Z" stroke="#323232" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>