@randstad-uca/design-system 1.0.20-alpha.0 → 1.0.21

package/dist/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@randstad-uca/design-system",
-  "version": "1.0.20-alpha.0",
-  "type": "module",
+  "version": "1.0.21",
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -10,7 +9,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook-live": "storybook dev -p 6006",
     "build-test": "storybook build",
-    "generate-icons": "node src/utils/generateIconList.cjs",
+    "generate-icons": "node src/utils/generateIconList.js",
     "build": "rm -rf dist && rollup -c"
   },
   "keywords": [],

package/dist/stories/Button.stories.d.ts

@@ -24,4 +24,3 @@ export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;
 export declare const GoogleRoundButton: Story;
-export declare const FacebookRoundButton: Story;

package/dist/stories/Icon.stories.d.ts

@@ -3,4 +3,5 @@ import '../components/Icon';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
-export declare const Gallery: Story;
+export declare const Default: Story;
+export declare const Red: Story;

package/dist/stories/Modal.stories.d.ts

@@ -1,5 +1,4 @@
 import '../components/Modal';
-import '../components/Notice';
 declare const _default: {
     title: string;
     component: string;
@@ -9,8 +8,4 @@ declare const _default: {
 };
 export default _default;
 export declare const ModalConScrollInterno: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConScrollInternoSubtitle: () => import("lit-html").TemplateResult<1>;
 export declare const ModalScrollEnBody: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConNotice: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConUnBoton: () => import("lit-html").TemplateResult<1>;
-export declare const ModalConDosBotones: () => import("lit-html").TemplateResult<1>;

package/dist/stories/Notice.stories.d.ts

@@ -1,5 +1,4 @@
 import { TemplateResult } from 'lit';
-import type { StoryFn } from '@storybook/web-components';
 import '../components/Notice';
 declare const _default: {
     title: string;
@@ -7,7 +6,7 @@ declare const _default: {
     parameters: {
         layout: string;
     };
-    decorators: ((story: () => TemplateResult) => TemplateResult<1>)[];
+    decorators: ((story: any) => TemplateResult<1>)[];
     argTypes: {
         icon: {
             control: string;
@@ -26,43 +25,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    render: StoryFn;
-    args: {
-        type: string;
-        icon: string;
-        message: string;
-        open: boolean;
-    };
-};
-export declare const Informative: {
-    render: StoryFn;
-    args: {
-        type: string;
-        icon: string;
-        message: string;
-        open: boolean;
-    };
-};
-export declare const Success: {
-    render: StoryFn;
-    args: {
-        type: string;
-        icon: string;
-        message: string;
-        open: boolean;
-    };
-};
-export declare const Warning: {
-    render: StoryFn;
-    args: {
-        type: string;
-        icon: string;
-        message: string;
-        open: boolean;
-    };
-};
-export declare const Error: {
-    render: StoryFn;
+    render: (args: any) => TemplateResult;
     args: {
         type: string;
         icon: string;
@@ -70,3 +33,7 @@ export declare const Error: {
         open: boolean;
     };
 };
+export declare const Informative: (args: any) => TemplateResult;
+export declare const Success: (args: any) => TemplateResult;
+export declare const Warning: (args: any) => TemplateResult;
+export declare const Error: (args: any) => TemplateResult;

package/dist/stories/Select.stories.d.ts

@@ -1,4 +1,3 @@
-import type { StoryFn } from '@storybook/web-components';
 import '../components/Select';
 declare const _default: {
     title: string;
@@ -6,49 +5,211 @@ declare const _default: {
     argTypes: {
         options: {
             control: string;
+            description: string;
         };
         placeholder: {
             control: string;
+            description: string;
         };
         defaultValue: {
             control: string;
+            description: string;
         };
         disabled: {
             control: string;
+            description: string;
         };
         label: {
             control: string;
+            description: string;
         };
         labelColor: {
             control: string;
+            description: string;
         };
         filterable: {
             control: string;
+            description: string;
         };
         screenWidth: {
             control: string;
+            description: string;
         };
         error: {
             control: string;
+            description: string;
         };
         onOptionSelected: {
             action: string;
+            description: string;
         };
         maxLength: {
             control: string;
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
         };
     };
 };
 export default _default;
-export declare const Default: StoryFn;
-export declare const WithObjects: StoryFn;
-export declare const WithNoOptions: StoryFn;
-export declare const WithLabel: StoryFn;
-export declare const NonFilterable: StoryFn;
-export declare const Disabled: StoryFn;
-export declare const WithDefaultObjectValue: StoryFn;
-export declare const NonFilterableBasic: StoryFn;
-export declare const WithMaxLength: StoryFn;
-export declare const MobileModal: StoryFn;
-export declare const WithError: StoryFn;
-export declare const MobileWithError: StoryFn;
+export declare const Default: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithObjects: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithNoOptions: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithLabel: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const NonFilterable: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const Disabled: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithDefaultObjectValue: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const NonFilterableBasic: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithMaxLength: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const MobileModal: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const WithError: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const MobileWithError: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, screenWidth, error, onOptionSelected }: {
+    options: any;
+    placeholder: any;
+    defaultValue: any;
+    disabled: any;
+    label: any;
+    labelColor: any;
+    filterable: any;
+    maxLength: any;
+    screenWidth: any;
+    error: any;
+    onOptionSelected: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/stories/Stepper.stories.d.ts

@@ -1,4 +1,3 @@
-import type { StoryFn } from '@storybook/web-components';
 import '../components/Stepper';
 declare const _default: {
     title: string;
@@ -20,32 +19,20 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: {
-    render: StoryFn;
-    args: {
-        steps: string[];
-        currentStep: number;
-    };
-};
-export declare const MixedLabels: {
-    render: StoryFn;
-    args: {
-        steps: string[];
-        currentStep: number;
-    };
-};
-export declare const NoLabels: {
-    render: StoryFn;
-    args: {
-        steps: string[];
-        currentStep: number;
-    };
-};
-export declare const AllStepsCompleted: {
-    render: StoryFn;
-    args: {
-        steps: string[];
-        currentStep: number;
-    };
-};
+export declare const Default: ({ steps, currentStep }: {
+    steps: any;
+    currentStep: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const MixedLabels: ({ steps, currentStep }: {
+    steps: any;
+    currentStep: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const NoLabels: ({ steps, currentStep }: {
+    steps: any;
+    currentStep: any;
+}) => import("lit-html").TemplateResult<1>;
+export declare const AllStepsCompleted: ({ steps, currentStep }: {
+    steps: any;
+    currentStep: any;
+}) => import("lit-html").TemplateResult<1>;
 export declare const Interactive: () => import("lit-html").TemplateResult<1>;

package/dist/stories/Tabs.stories.d.ts

@@ -8,11 +8,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: {
-    selected: string;
-    tabs: {
-        label: string;
-        icon: string;
-        value: string;
-    }[];
-};
+export declare const Default: ({ tabs, selected }: {
+    tabs: any;
+    selected: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/styles/colors.css

@@ -4,8 +4,7 @@
     --primary-color-60: #7AACE8;
     --primary-color-40: #A6C8F0;
     --primary-color-20: #D3E3F7;
-    --primary-color-10: #2175D91A;
-    --primary-color-5: #2175D90D;
+    --primary-color-10: #E8F1FB;
 
     --secondary-color: #0F1941;
     --secondary-color-80: #404767;
@@ -15,21 +14,14 @@
     --secondary-color-10: #E7E8EC;
 
     --brand-randstad-blue: #2175D9;
-    --randstad-blue-10: #E8F1FB;
-    --randstad-blue-40: #A6C8F0;
     --brand-dark-blue: #0F1941;
     --brand-light-blue: #00D7FF;
     --brand-off-white: #F7F5F0;
 
-    --ui-negative: #E00F0F;
-    --ui-negative-5: #FDF3F3;
-    --ui-negative-pink-shadow: #E00F0F1A;
-    --ui-positive: #257156;
-    --ui-positve-5: #F4F8F6;
+    --ui-negative: #E00F0FEE;
+    --ui-positive: #257F56;
     --ui-warning: #E9A204;
-    --ui-warning-10: #FCF5E5;
     --ui-informative: #4E90E1;
-    --ui-informative-10: #E8F1FB;
 
     --tertiary-shade: #DEDCD8;
     --tertiary-tint: #F9F7F3;
@@ -41,10 +33,4 @@
     --primary-button-active: #124077;
     --primary-button-focus: #2175D9;
 
-    --form-hover-shadow: #D1D3DB;
-
-    --randstad-dark-blue-40: #262626;
-    --primary-light-blue: #00D7FF;
-    --primary-light-blue-20: #00D7FF33;
-
   }

package/dist/styles/fonts.css

@@ -5,4 +5,47 @@
         url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');
     font-weight: normal;
     font-style: normal;
+}
+
+:root {
+    --body-xs-font-size: 12px;
+    --body-s-font-size: 14px;
+    --body-m-font-size: 16px;
+    --body-l-font-size: 18px;
+    --body-xs-line-height: 20px;
+    --body-s-line-height: 25px;
+    --body-m-line-height: 25px;
+    --body-l-line-height: 30px;
+}
+
+.body-l {
+    font-family: Graphik;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 100%;
+    letter-spacing: 0%;
+}
+
+.body-m {
+    font-family: Graphik;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 100%;
+    letter-spacing: 0%;
+}
+
+.body-s {
+    font-family: Graphik;
+    font-weight: 400;
+    font-size: 149px;
+    line-height: 100%;
+    letter-spacing: 0%;
+}
+
+.body-xs {
+    font-family: Graphik;
+    font-weight: 400;
+    font-size: 149px;
+    line-height: 100%;
+    letter-spacing: 0%;
 }

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@randstad-uca/design-system",
-  "version": "1.0.20-alpha.0",
-  "type": "module",
+  "version": "1.0.21",
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -10,7 +9,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook-live": "storybook dev -p 6006",
     "build-test": "storybook build",
-    "generate-icons": "node src/utils/generateIconList.cjs",
+    "generate-icons": "node src/utils/generateIconList.js",
     "build": "rm -rf dist && rollup -c"
   },
   "keywords": [],

package/dist/assets/icons/arrow_down.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 8.5C20 8.8 19.9 9 19.7 9.2L12.7 16.2C12.3 16.6 11.7 16.6 11.3 16.2L4.3 9.2C3.9 8.8 3.9 8.2 4.3 7.8C4.7 7.4 5.3 7.4 5.7 7.8L12 14.1L18.3 7.8C18.7 7.4 19.3 7.4 19.7 7.8C19.9 8 20 8.2 20 8.5Z" fill="currentColor"/>
-</svg>

package/dist/assets/icons/arrow_left.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2335_4810)">
-<path d="M21.475 11.7H3.725L8.575 6.85C8.775 6.65 8.775 6.35 8.575 6.15C8.375 5.95 8.075 5.95 7.875 6.15L2.15 11.85C1.95 12.05 1.95 12.35 2.15 12.55L7.8 18.2C7.9 18.3 8.025 18.35 8.15 18.35C8.275 18.35 8.4 18.3 8.5 18.2C8.7 18 8.7 17.7 8.5 17.5L3.725 12.7H21.5C21.775 12.7 22 12.475 22 12.2C22 11.925 21.75 11.7 21.475 11.7Z" />
-</g>
-<defs>
-<clipPath id="clip0_2335_4810">
-<rect width="24" height="24" fill="currentColor"/>
-</clipPath>
-</defs>
-</svg>

package/dist/assets/icons/arrow_up.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 15.0002C4 14.7442 4.098 14.4883 4.293 14.2933L11.293 7.29325C11.684 6.90225 12.316 6.90225 12.707 7.29325L19.707 14.2933C20.098 14.6842 20.098 15.3162 19.707 15.7072C19.316 16.0982 18.684 16.0982 18.293 15.7072L12 9.41425L5.707 15.7072C5.316 16.0982 4.684 16.0982 4.293 15.7072C4.098 15.5122 4 15.2562 4 15.0002Z" fill="currentColor"/>
-</svg>

package/dist/assets/icons/close.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2335_4789)">
-<path d="M12.7018 12L21.8496 2.85213C22.0501 2.65163 22.0501 2.35088 21.8496 2.15038C21.6491 1.94987 21.3484 1.94987 21.1479 2.15038L12 11.2982L2.85213 2.15038C2.65163 1.94987 2.35088 1.94987 2.15038 2.15038C1.94987 2.35088 1.94987 2.65163 2.15038 2.85213L11.2982 12L2.15038 21.1479C1.94987 21.3484 1.94987 21.6491 2.15038 21.8496C2.25063 21.9499 2.37594 22 2.50125 22C2.62657 22 2.75188 21.9499 2.85213 21.8496L12 12.7018L21.1479 21.8496C21.2481 21.9499 21.3734 22 21.4987 22C21.6241 22 21.7494 21.9499 21.8496 21.8496C22.0501 21.6491 22.0501 21.3484 21.8496 21.1479L12.7018 12Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_2335_4789">
-<rect width="24" height="24" fill="currentColor"/>
-</clipPath>
-</defs>
-</svg>

package/dist/assets/icons/home.svg

@@ -1,10 +0,0 @@
-<svg width="26" height="25" viewBox="0 0 26 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2670_151)">
-<path d="M21.6796 9.22381L14.539 3.01029C13.7874 2.35887 12.6599 2.35887 11.9083 3.01029L4.69261 9.22381C4.24163 9.59962 3.99109 10.1508 3.99109 10.7521V20.5484C3.99109 21.6508 4.89305 22.5528 5.99545 22.5528H10.5554H15.8168H20.3767C21.4791 22.5528 22.3811 21.6508 22.3811 20.5484V10.7521C22.356 10.1759 22.1055 9.62468 21.6796 9.22381ZM11.0565 21.5506V17.3415C11.0565 16.7903 11.5074 16.3393 12.0586 16.3393H14.3135C14.8647 16.3393 15.3157 16.7903 15.3157 17.3415V21.5757H11.0565V21.5506ZM21.3539 20.5484C21.3539 21.0996 20.9029 21.5506 20.3517 21.5506H16.3179V17.3415C16.3179 16.2391 15.4159 15.3371 14.3135 15.3371H12.0586C10.9562 15.3371 10.0543 16.2391 10.0543 17.3415V21.5757H5.99545C5.44425 21.5757 4.99327 21.1247 4.99327 20.5735V10.7521C4.99327 10.4515 5.11854 10.1759 5.34403 10.0005L12.5597 3.78698C12.7351 3.63665 12.9857 3.53644 13.2111 3.53644C13.4366 3.53644 13.6872 3.6116 13.8626 3.78698L21.0031 10.0005C21.2286 10.2009 21.3539 10.4765 21.3539 10.7521V20.5484Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_2670_151">
-<rect width="24.0373" height="24.0373" fill="currentColor" transform="translate(0.986328 0.518555)"/>
-</clipPath>
-</defs>
-</svg>

package/dist/assets/icons/icon_check.svg

@@ -1,4 +0,0 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="56" height="56" rx="28" fill="#257156" fill-opacity="0.2"/>
-<path d="M43.6957 15.6502C43.3752 15.3697 42.8542 15.4097 42.5737 15.7704L23.5403 38.5304L13.3624 28.1922C13.0418 27.8717 12.561 27.8717 12.2404 28.1922C11.9199 28.5128 11.9199 28.9936 12.2404 29.3142L23.0194 40.2935C23.1797 40.4538 23.38 40.5339 23.5804 40.5339H23.6204C23.8608 40.5339 24.0612 40.4137 24.2215 40.2534L43.8159 16.7721C44.0964 16.4115 44.0563 15.9307 43.6957 15.6502Z" fill="#257156"/>
-</svg>

package/dist/assets/icons/icon_trash.svg

@@ -1,7 +0,0 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="56" height="56" rx="28" fill="#E00F0F" fill-opacity="0.2"/>
-<path d="M40.7391 16.96H33.4991C33.0991 14.16 30.7791 12 27.9791 12C25.1791 12 22.8191 14.16 22.4191 16.96H15.3391C14.8991 16.96 14.5391 17.32 14.5391 17.76C14.5391 18.2 14.8991 18.56 15.3391 18.56H16.9391V40.72C16.9391 42.52 18.4191 44 20.1791 44H35.8191C37.6191 44 39.0591 42.52 39.0591 40.72V18.56H40.6591C41.0991 18.56 41.4591 18.2 41.4591 17.76C41.4591 17.32 41.1791 16.96 40.7391 16.96ZM27.9791 13.6C29.8991 13.6 31.5391 15.04 31.8991 16.96H24.0591C24.4191 15.04 26.0191 13.6 27.9791 13.6ZM37.5391 40.72C37.5391 41.64 36.7791 42.4 35.8991 42.4H20.2191C19.2991 42.4 18.5791 41.64 18.5791 40.72V18.56H37.5391V40.72Z" fill="#E00F0F"/>
-<path d="M27.9797 37.6C28.4197 37.6 28.7797 37.24 28.7797 36.8V24.2C28.7797 23.76 28.4197 23.4 27.9797 23.4C27.5397 23.4 27.1797 23.76 27.1797 24.2V36.8C27.1797 37.24 27.5397 37.6 27.9797 37.6Z" fill="#E00F0F"/>
-<path d="M32.7805 37.6C33.2205 37.6 33.5805 37.24 33.5805 36.8V24.2C33.5805 23.76 33.2205 23.4 32.7805 23.4C32.3405 23.4 31.9805 23.76 31.9805 24.2V36.8C31.9805 37.24 32.3405 37.6 32.7805 37.6Z" fill="#E00F0F"/>
-<path d="M23.1789 37.6C23.6189 37.6 23.9789 37.24 23.9789 36.8V24.2C23.9789 23.76 23.6189 23.4 23.1789 23.4C22.7389 23.4 22.3789 23.76 22.3789 24.2V36.8C22.3789 37.24 22.7389 37.6 23.1789 37.6Z" fill="#E00F0F"/>
-</svg>

package/dist/assets/icons/icon_warning.svg

@@ -1,6 +0,0 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="56" height="56" rx="28" fill="#E9A204" fill-opacity="0.2"/>
-<path d="M28.0413 24.16C28.7041 24.16 29.2413 23.6228 29.2413 22.96C29.2413 22.2973 28.7041 21.76 28.0413 21.76C27.3786 21.76 26.8413 22.2973 26.8413 22.96C26.8413 23.6228 27.3786 24.16 28.0413 24.16Z" fill="#E9A204"/>
-<path d="M28.0412 34.24C27.6012 34.24 27.2412 33.88 27.2412 33.44V26.56C27.2412 26.12 27.6012 25.76 28.0412 25.76C28.4812 25.76 28.8412 26.12 28.8412 26.56V33.44C28.8412 33.88 28.4812 34.24 28.0412 34.24Z" fill="#E9A204"/>
-<path d="M28 12C19.16 12 12 19.2 12 28C12 36.8 19.16 44 28 44C36.84 44 44 36.84 44 28C44 19.16 36.84 12 28 12ZM28 42.4C20.04 42.4 13.6 35.96 13.6 28C13.6 20.04 20.04 13.6 28 13.6C35.96 13.6 42.4 20.04 42.4 28C42.4 35.96 35.96 42.4 28 42.4Z" fill="#E9A204"/>
-</svg>

package/dist/assets/icons/settings.svg

@@ -1,11 +0,0 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2670_175)">
-<path d="M21.1417 10.5342H20.1401C19.9398 9.80803 19.6644 9.10694 19.2888 8.48097L20.0149 7.75485C20.2403 7.5295 20.3905 7.20399 20.3905 6.87849C20.3905 6.55298 20.2653 6.22748 20.0149 6.00213L18.9633 4.9505C18.4625 4.44972 17.6863 4.47476 17.1855 4.9505L16.4594 5.67662C15.8084 5.276 15.1073 4.97554 14.3812 4.77522V3.77367C14.3812 3.07258 13.8303 2.52173 13.1293 2.52173H11.6269C10.9258 2.52173 10.375 3.07258 10.375 3.77367V4.77522C9.64885 4.97554 8.94777 5.25096 8.29676 5.62655L7.59567 4.92546C7.37032 4.70011 7.04481 4.54988 6.71931 4.54988C6.3938 4.54988 6.0683 4.67507 5.84295 4.92546L4.79132 5.97709C4.56597 6.20244 4.41573 6.52794 4.41573 6.85345C4.41573 7.17895 4.54093 7.50446 4.79132 7.72981L5.4924 8.4309C5.11682 9.08191 4.81636 9.75795 4.61604 10.5091H3.61449C2.9134 10.5091 2.36255 11.06 2.36255 11.7611V13.2634C2.36255 13.9645 2.9134 14.5153 3.61449 14.5153H4.59101C4.79132 15.2665 5.06674 15.9676 5.46737 16.5936L4.79132 17.2696C4.31558 17.7453 4.31558 18.5466 4.79132 19.0474L5.84295 20.099C6.0683 20.3243 6.3938 20.4746 6.71931 20.4746C7.04481 20.4746 7.37032 20.3494 7.59567 20.099L8.27172 19.4229C8.92273 19.7985 9.62381 20.099 10.3499 20.2993V21.3009C10.3499 22.0019 10.9008 22.5528 11.6019 22.5528H13.1042C13.8053 22.5528 14.3562 22.0019 14.3562 21.3009V20.3243C15.1073 20.124 15.7834 19.8236 16.4344 19.448L17.1355 20.1491C17.3859 20.3995 17.7114 20.5247 18.0118 20.5247C18.3373 20.5247 18.6628 20.3995 18.8882 20.1491L19.9398 19.0974C20.4406 18.6217 20.4406 17.8205 19.9398 17.3197L19.2387 16.6186C19.6143 15.9676 19.9148 15.2915 20.0901 14.5404H21.0916C21.7927 14.5404 22.3435 13.9895 22.3435 13.2884V11.7861C22.3936 11.085 21.8428 10.5342 21.1417 10.5342ZM21.3921 13.2884C21.3921 13.4387 21.2919 13.5388 21.1417 13.5388H20.3154H19.3138C19.2638 13.8894 19.1887 14.2149 19.0885 14.5404C18.9383 15.0161 18.763 15.4668 18.5376 15.8925C18.3874 16.1929 18.1871 16.4934 17.9868 16.7438L18.6879 17.4449L19.2638 18.0208C19.3389 18.0959 19.3389 18.171 19.3389 18.196C19.3389 18.2461 19.3389 18.3212 19.2638 18.3713L18.2121 19.4229C18.137 19.4981 18.0619 19.4981 18.0369 19.4981C17.9868 19.4981 17.9117 19.4981 17.8616 19.4229L17.2857 18.8471L16.5846 18.146C16.3092 18.3463 16.0338 18.5466 15.7333 18.6968C15.3076 18.9222 14.8569 19.1225 14.3812 19.2727C14.0557 19.3729 13.7302 19.448 13.3796 19.4981V20.4996V21.3009C13.3796 21.4511 13.2795 21.5513 13.1293 21.5513H11.6269C11.4767 21.5513 11.3765 21.4511 11.3765 21.3009V20.5247V19.5231C11.026 19.473 10.7005 19.3979 10.375 19.2978C9.89924 19.1475 9.44854 18.9723 9.02288 18.7469C8.72241 18.5716 8.42195 18.3964 8.17156 18.196L7.47047 18.8971L6.91962 19.448C6.8445 19.5231 6.76939 19.5231 6.74435 19.5231C6.69427 19.5231 6.61915 19.5231 6.56907 19.448L5.51744 18.3964C5.41729 18.2962 5.41729 18.146 5.51744 18.0458L6.0683 17.495L6.76939 16.7939C6.56907 16.5184 6.36876 16.243 6.21853 15.9425C5.99318 15.5169 5.79287 15.0662 5.66768 14.5905C5.56752 14.2649 5.4924 13.9394 5.44233 13.5889H4.44077H3.61449C3.46426 13.5889 3.3641 13.4887 3.3641 13.3385V11.8362C3.3641 11.6859 3.46426 11.5858 3.61449 11.5858H4.3907H5.39225C5.44233 11.2352 5.51744 10.9097 5.6176 10.5842C5.76783 10.1085 5.9431 9.6578 6.19349 9.23214C6.36876 8.93167 6.54404 8.65625 6.74435 8.38082L6.04326 7.67973L5.46737 7.10384C5.39225 7.02872 5.39225 6.9536 5.39225 6.92856C5.39225 6.87849 5.39225 6.80337 5.46737 6.75329L6.519 5.70166C6.59411 5.62655 6.66923 5.62655 6.69427 5.62655C6.74435 5.62655 6.81946 5.62655 6.86954 5.70166L7.44543 6.27756L8.14652 6.97864C8.42195 6.77833 8.69738 6.60306 8.99784 6.42779C9.4235 6.20244 9.8742 6.00213 10.3499 5.87693C10.6754 5.77678 11.001 5.70166 11.3515 5.65158V4.65003V3.77367C11.3515 3.62344 11.4516 3.52328 11.6019 3.52328H13.1042C13.2544 3.52328 13.3546 3.62344 13.3546 3.77367V4.59995V5.60151C13.7051 5.65158 14.0307 5.7267 14.3562 5.82686C14.8319 5.97709 15.2826 6.15236 15.6832 6.37771C15.9837 6.55298 16.2591 6.72825 16.5345 6.92856L17.2356 6.22748L17.8115 5.65158C17.9117 5.55143 18.0619 5.55143 18.1621 5.65158L19.2137 6.70322C19.2888 6.77833 19.2888 6.85345 19.2888 6.87849C19.2888 6.92857 19.2888 7.00368 19.2137 7.05376L18.6378 7.62965L17.9367 8.33074C18.137 8.60617 18.3373 8.88159 18.4876 9.18206C18.7129 9.60772 18.9132 10.0584 19.0384 10.5091C19.1386 10.8346 19.2137 11.1601 19.2638 11.5107H20.2653H21.1417C21.2919 11.5107 21.3921 11.6108 21.3921 11.7611V13.2884Z" fill="currentColor"/>
-<path d="M12.3781 8.03027C9.89924 8.03027 7.87109 10.0584 7.87109 12.5373C7.87109 15.0161 9.89924 17.0443 12.3781 17.0443C14.8569 17.0443 16.8851 15.0161 16.8851 12.5373C16.8851 10.0584 14.8569 8.03027 12.3781 8.03027ZM12.3781 16.0427C10.4501 16.0427 8.87265 14.4653 8.87265 12.5373C8.87265 10.6093 10.4501 9.03183 12.3781 9.03183C14.3061 9.03183 15.8835 10.6093 15.8835 12.5373C15.8835 14.4653 14.3061 16.0427 12.3781 16.0427Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_2670_175">
-<rect width="24.0373" height="24.0373" fill="currentColor" transform="translate(0.359375 0.518555)"/>
-</clipPath>
-</defs>
-</svg>

package/dist/assets/icons/thumbs_up.svg

@@ -1,11 +0,0 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2670_160)">
-<path d="M2.61542 11.5669C2.33965 11.5669 2.11401 11.7925 2.11401 12.0683V21.6952C2.11401 21.971 2.33965 22.1967 2.61542 22.1967C2.89119 22.1967 3.11682 21.971 3.11682 21.6952V12.0683C3.11682 11.7925 2.89119 11.5669 2.61542 11.5669Z" fill="currentColor"/>
-<path d="M22.1453 17.8596C22.1453 17.2328 21.8696 16.6562 21.4183 16.2801C21.8696 15.9041 22.1453 15.3275 22.1453 14.7007C22.1453 13.8233 21.6189 13.0712 20.8417 12.7703C21.0924 12.4193 21.2177 12.0182 21.2177 11.5669C21.2177 10.9903 20.9921 10.4388 20.6161 10.0627C20.24 9.68668 19.7135 9.48612 19.1369 9.48612C19.1369 9.48612 19.1369 9.48612 19.1118 9.48612C19.0617 9.48612 17.4321 9.48612 16.1034 9.48612H15.4265L16.6299 6.75347V6.7284C16.8555 6.12672 16.8305 5.47489 16.5547 4.89828C16.2789 4.32166 15.8026 3.8704 15.226 3.66984C13.9975 3.21858 12.6437 3.84533 12.1674 5.0487L10.0114 9.76189C10.0114 9.78696 9.9863 9.78696 9.9863 9.81203C9.71052 10.4889 9.08377 11.6171 7.95561 11.6171H6.12549C5.0224 11.6171 4.11987 12.5196 4.11987 13.6227V20.2412C4.11987 20.7677 4.32043 21.2942 4.69649 21.6702C5.07254 22.0463 5.57394 22.2468 6.12549 22.2468L18.2344 22.2218C19.7637 22.2218 20.3653 21.595 20.6161 21.0685C20.8166 20.6674 20.8166 20.2412 20.7414 19.8652C21.5687 19.5393 22.1453 18.7621 22.1453 17.8596ZM20.0896 18.9626C19.9141 18.9626 19.7386 19.088 19.6383 19.2384C19.538 19.4139 19.5631 19.6395 19.6885 19.79C19.7386 19.8652 19.8639 20.2914 19.7135 20.6173C19.4879 21.0685 18.7859 21.1688 18.2595 21.1688L6.15056 21.1939C5.87479 21.1939 5.62408 21.0936 5.44859 20.8931C5.24803 20.6925 5.14775 20.4418 5.14775 20.1911V13.5726C5.14775 13.021 5.59901 12.5698 6.15056 12.5698H7.98068C9.23419 12.5698 10.2871 11.6923 10.939 10.163L13.095 5.42475C13.095 5.42475 13.095 5.39968 13.1201 5.39968C13.3708 4.69772 14.173 4.32166 14.875 4.59744C15.5769 4.84814 15.953 5.65038 15.7023 6.35235L14.1981 9.78696C14.1229 9.93738 14.1479 10.1129 14.2482 10.2633C14.3485 10.4137 14.4989 10.4889 14.6744 10.4889H16.1034C17.4572 10.4889 19.0868 10.4889 19.1118 10.4889C19.4127 10.4889 19.6885 10.5892 19.889 10.7898C20.0896 10.9903 20.2149 11.2661 20.2149 11.592C20.2149 11.9931 19.9893 12.3692 19.6132 12.5698C19.538 12.5948 19.4628 12.645 19.3876 12.645C19.1369 12.7202 18.9865 12.9458 19.0116 13.1965C19.0366 13.4472 19.2623 13.6227 19.513 13.6227H20.0394C20.0645 13.6227 20.0645 13.6227 20.0896 13.6227C20.6662 13.6478 21.1175 14.1241 21.1175 14.7007C21.1175 15.3024 20.6411 15.7787 20.0645 15.7787C19.7887 15.7787 19.5882 16.0044 19.5882 16.2801C19.5882 16.5559 19.8138 16.7815 20.0645 16.7815C20.6662 16.8066 21.1175 17.2829 21.1175 17.8596C21.1425 18.4612 20.6662 18.9376 20.0896 18.9626Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_2670_160">
-<rect width="24.0373" height="24.0373" fill="currentColor" transform="translate(0.11084 0.518555)"/>
-</clipPath>
-</defs>
-</svg>

package/dist/assets/icons/tick-circle.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.81719 12.9834C8.65052 12.9834 8.49219 12.9167 8.37552 12.8L6.01719 10.4417C5.77552 10.2 5.77552 9.80002 6.01719 9.55835C6.25885 9.31669 6.65885 9.31669 6.90052 9.55835L8.81719 11.475L13.1005 7.19169C13.3422 6.95002 13.7422 6.95002 13.9839 7.19169C14.2255 7.43335 14.2255 7.83335 13.9839 8.07502L9.25885 12.8C9.14219 12.9167 8.98385 12.9834 8.81719 12.9834Z" fill="currentColor"/>
-</svg>

package/dist/assets/icons/user.svg

@@ -1,10 +0,0 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2670_168)">
-<path d="M13.5308 11.3354C15.3336 10.7345 16.6356 9.03183 16.6356 7.05376C16.6606 4.54987 14.6325 2.52173 12.1286 2.52173C9.62472 2.52173 7.59657 4.54987 7.59657 7.05376C7.59657 9.05687 8.89859 10.7345 10.7014 11.3354C9.42441 11.6108 8.27262 12.2118 7.32114 13.1382C5.96905 14.4402 5.24292 16.1929 5.24292 18.0709V20.5497C5.24292 21.6514 6.14432 22.5528 7.24603 22.5528H17.0112C18.1129 22.5528 19.0143 21.6514 19.0143 20.5497V18.2211C19.0143 14.8659 16.6356 12.0115 13.5308 11.3354ZM8.59813 7.05376C8.59813 5.10073 10.1756 3.52328 12.1286 3.52328C14.0816 3.52328 15.6591 5.10073 15.6591 7.05376C15.6591 9.00679 14.0816 10.5592 12.1286 10.5592C10.1756 10.5592 8.59813 8.98175 8.59813 7.05376ZM18.0127 20.5497C18.0127 21.1006 17.562 21.5513 17.0112 21.5513H7.24603C6.69517 21.5513 6.24447 21.1006 6.24447 20.5497V18.0709C6.24447 16.4684 6.87044 14.966 8.02223 13.8643C9.12394 12.7877 10.5762 12.1867 12.1286 12.1867C12.1787 12.1867 12.2288 12.1867 12.2788 12.1867C15.4337 12.2618 18.0127 14.966 18.0127 18.196V20.5497Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_2670_168">
-<rect width="24.0373" height="24.0373" fill="currentColor" transform="translate(0.235107 0.518555)"/>
-</clipPath>
-</defs>
-</svg>