@factoringplus/pl-components-pack-v3 2.0.0-pre-optimized-20-icons → 2.0.0-pre-optimized-21-icons

package/src/components/index.ts

@@ -0,0 +1,203 @@
+// Basic components
+import PlButton from '@/components/basic/pl-button';
+import PlButtonDropdown from '@/components/basic/pl-button-dropdown';
+import PlDialogPlus from '@/components/basic/pl-dialog';
+import PlLink from '@/components/basic/pl-link';
+import PlScrollbar from '@/components/basic/pl-scrollbar';
+import PlSkeleton from '@/components/basic/pl-skeleton';
+import PlSkeletonIcon from '@/components/basic/pl-skeleton/components/pl-skeleton-icon';
+import PlSkeletonControl from '@/components/basic/pl-skeleton/components/pl-skeleton-control';
+import PlSkeletonTextCell from '@/components/basic/pl-skeleton/components/pl-skeleton-text-cell';
+import PlSkeletonText from '@/components/basic/pl-skeleton/components/pl-skeleton-text';
+import PlSkeletonButton from '@/components/basic/pl-skeleton/components/pl-skeleton-button';
+import PlSkeletonInput from '@/components/basic/pl-skeleton/components/pl-skeleton-input';
+import PlSkeletonTabs from '@/components/basic/pl-skeleton/components/pl-skeleton-tabs';
+import PlSkeletonUpload from '@/components/basic/pl-skeleton/components/pl-skeleton-upload';
+import PlSkeletonTagsChips from '@/components/basic/pl-skeleton/components/pl-skeleton-tags-chips';
+import PlTooltipPlus from '@/components/basic/pl-tooltip-plus';
+
+export * from '@/components/basic/pl-button';
+export * from '@/components/basic/pl-button-dropdown';
+export * from '@/components/basic/pl-dialog';
+export * from '@/components/basic/pl-link';
+export * from '@/components/basic/pl-scrollbar';
+export * from '@/components/basic/pl-skeleton';
+export * from '@/components/basic/pl-tooltip-plus';
+
+// Form components
+import PlAutocomplete from '@/components/form/pl-autocomplete';
+import PlCheckboxPlus from '@/components/form/pl-checkbox-plus';
+import PlDatePickerPlusPlugin from '@/components/form/pl-date-picker-plus';
+import PlInputPlus from '@/components/form/pl-input-plus';
+import PlRadio from '@/components/form/pl-radio';
+import PlMultiSelect from '@/components/form/pl-multi-select';
+import PlSwitch from '@/components/form/pl-switch';
+import PlForm from '@/components/form/pl-form';
+import PlUploadPlus from '@/components/form/pl-upload-plus';
+import PlSelectPlus from '@/components/form/pl-select-plus';
+
+export * from '@/components/form/pl-autocomplete';
+export * from '@/components/form/pl-checkbox-plus';
+export * from '@/components/form/pl-date-picker-plus';
+export * from '@/components/form/pl-form';
+export * from '@/components/form/pl-input-plus';
+export * from '@/components/form/pl-radio';
+export * from '@/components/form/pl-select-plus';
+export * from '@/components/form/pl-switch';
+export * from '@/components/form/pl-upload-plus';
+
+// Data components
+import PlMultitab from '@/components/data/pl-multitab';
+import PlNotification from '@/components/data/pl-snackbar';
+import PlTablePlus from '@/components/data/pl-table-plus';
+import PlTagsChips from '@/components/data/pl-tags-chips';
+import PlTabs from '@/components/data/pl-tabs';
+import PlPagination from '@/components/data/pl-table-plus/components/Pagination';
+import PlOnboarding from '@/components/data/pl-onboarding';
+import PlSigning from '@/components/data/pl-signing';
+import PlNavigation from '@/services/pl-navigation';
+import PlNavButton from '@/services/pl-navigation/components/NavButton';
+import PlSidebarItem from '@/services/pl-navigation/components/SidebarItem';
+import TLogo from '@/services/pl-navigation/components/TLogo';
+import PlTextCell from '@/components/data/pl-text-cell';
+import PlProgress from '@/components/data/pl-progress';
+import PlBanner from '@/components/data/pl-banner';
+
+export * from '@/components/data/pl-signing';
+export * from '@/components/data/pl-table-plus/components/Pagination';
+export * from '@/components/data/pl-tags-chips';
+export * from '@/components/data/pl-onboarding';
+export * from '@/components/data/pl-multitab';
+export * from '@/components/data/pl-table-plus';
+export * from '@/components/data/pl-snackbar';
+export * from '@/components/data/pl-tabs';
+export * from '@/services/pl-navigation';
+export * from '@/services/pl-navigation/components/SidebarItem';
+export * from '@/services/pl-navigation/components/NavButton';
+export * from '@/services/pl-navigation/components/TLogo';
+export * from '@/components/data/pl-text-cell';
+export * from '@/components/data/pl-progress';
+export * from '@/components/data/pl-banner';
+
+// Shared components
+import PlIcon from '@/components/shared/pl-icon';
+import PlTextPlugin from '@/components/shared/pl-text';
+import PlMarkText from '@/components/shared/pl-mark-text';
+import PlTabPane from '@/components/shared/pl-tab-pane';
+import PlStatusIcon from '@/components/shared/pl-status-icon';
+
+// export * from '@/components/shared/pl-icon';
+export * from '@/components/shared/pl-text';
+export * from '@/components/shared/pl-mark-text';
+export * from '@/components/shared/pl-tab-pane';
+export * from '@/components/shared/pl-status-icon';
+
+// Utils
+export * from '@/utils/formatCurrency';
+export * from '@/utils/declOfNum';
+export * from '@/utils/isEqual';
+export * from '@/utils/formatDate';
+export * from '@/utils/deepSet';
+export * from '@/utils/dadataParser';
+
+// Plugins
+export * from '@/plugins/filters';
+export * from '@/plugins/api/api';
+
+export {
+  PlButton,
+  PlAutocomplete,
+  PlCheckboxPlus,
+  PlDatePickerPlusPlugin,
+  PlDialogPlus,
+  PlForm,
+  PlIcon,
+  PlInputPlus,
+  PlLink,
+  PlMultitab,
+  PlRadio,
+  PlScrollbar,
+  PlSelectPlus,
+  PlSkeleton,
+  PlSkeletonIcon,
+  PlSkeletonControl,
+  PlSkeletonTextCell,
+  PlSkeletonText,
+  PlSkeletonButton,
+  PlSkeletonInput,
+  PlSkeletonTabs,
+  PlSkeletonUpload,
+  PlSkeletonTagsChips,
+  PlNotification,
+  PlSwitch,
+  PlTabPane,
+  PlTablePlus,
+  PlTabs,
+  PlTextPlugin,
+  PlUploadPlus,
+  PlTooltipPlus,
+  PlMultiSelect,
+  PlMarkText,
+  PlPagination,
+  PlSigning,
+  PlTagsChips,
+  PlOnboarding,
+  PlNavigation,
+  PlNavButton,
+  PlSidebarItem,
+  TLogo,
+  PlTextCell,
+  PlButtonDropdown,
+  PlProgress,
+  PlBanner,
+  PlStatusIcon,
+};
+
+export default [
+  PlButton,
+  PlAutocomplete,
+  PlCheckboxPlus,
+  PlDatePickerPlusPlugin,
+  PlDialogPlus,
+  PlForm,
+  PlIcon,
+  PlInputPlus,
+  PlLink,
+  PlMultitab,
+  PlRadio,
+  PlScrollbar,
+  PlSelectPlus,
+  PlSkeleton,
+  PlSkeletonIcon,
+  PlSkeletonControl,
+  PlSkeletonTextCell,
+  PlSkeletonText,
+  PlSkeletonButton,
+  PlSkeletonInput,
+  PlSkeletonTabs,
+  PlSkeletonUpload,
+  PlSkeletonTagsChips,
+  PlNotification,
+  PlSwitch,
+  PlTabPane,
+  PlTablePlus,
+  PlTabs,
+  PlTextPlugin,
+  PlUploadPlus,
+  PlTooltipPlus,
+  PlMultiSelect,
+  PlMarkText,
+  PlPagination,
+  PlSigning,
+  PlTagsChips,
+  PlOnboarding,
+  PlNavigation,
+  PlNavButton,
+  PlSidebarItem,
+  TLogo,
+  PlTextCell,
+  PlButtonDropdown,
+  PlProgress,
+  PlBanner,
+  PlStatusIcon,
+];

package/src/components/shared/pl-dropdown/pl-dropdown.vue

@@ -0,0 +1,232 @@
+<template>
+  <Transition name="pl-dropdown-fade">
+    <div
+      v-if="props.modelValue && visibleRef"
+      :id="`${props.idProp}-popup`"
+      class="pl-dropdown-wrapper"
+      data-testid="dropdown"
+      :style="offsets"
+    >
+      <slot />
+    </div>
+  </Transition>
+</template>
+<script lang="ts" setup>
+import { ref, nextTick, watch, computed, onUnmounted } from 'vue';
+import {
+  useWindowSize,
+  useScroll,
+  useElementSize,
+  useElementVisibility,
+  isClient,
+  useElementBounding,
+} from '@vueuse/core';
+
+const { width, height } = useWindowSize();
+
+interface IDropdownProps {
+  modelValue: boolean;
+  idProp: string;
+  inputElement?: HTMLElement;
+  mobile?: boolean;
+  select?: boolean;
+  position?: string;
+}
+
+const props = withDefaults(defineProps<IDropdownProps>(), {
+  modelValue: false,
+  mobile: false,
+  select: false,
+  position: '',
+});
+
+watch(
+  () => props.modelValue,
+  () => {
+    nextTick(() => {
+      changeDropDownDiraction();
+      calculateWidth();
+    });
+  },
+);
+const calculateWidth = (): void => {
+  if (!props.select) return;
+
+  const dropdownWidth =
+    (document.getElementById(`${props.idProp}`) as HTMLElement).getBoundingClientRect().width +
+    'px'; // контейнер с инпутом и лейблом пикера
+  const dropdownEl = document.getElementById(`${props.idProp}-popup`);
+
+  if (dropdownEl) {
+    dropdownEl.style.maxWidth = dropdownWidth;
+  }
+};
+const visibleRef = ref(false);
+
+if (isClient) {
+  nextTick(() => {
+    const dialog = (document
+      .getElementById('pl-scrollbar')
+      ?.getElementsByClassName('pl-scrollbar__wrap')[0] ||
+      document.querySelector('[role="dialog"]')?.parentElement) as HTMLElement;
+
+    const visible = useElementVisibility(props.inputElement);
+    watch(
+      () => visible.value,
+      (val) => {
+        visibleRef.value = visible.value;
+        if (val) {
+          nextTick(() => {
+            calculateWidth();
+          });
+        }
+      },
+    );
+    if (dialog && dialog.contains(document.getElementById(props.idProp))) {
+      const { height, width } = useElementSize(dialog);
+      const { isScrolling, y } = useScroll(dialog);
+      watch(
+        () => [height.value, width.value, isScrolling.value],
+        () => {
+          changeDropDownDiraction();
+        },
+      );
+      watch(
+        () => y.value,
+        () => {
+          if (visible.value) yScrollPosition.value = y.value;
+        },
+      );
+    }
+
+    if (props.inputElement) {
+      const { top, left } = useElementBounding(props.inputElement);
+
+      watch(
+        [top, left],
+        () => {
+          changeDropDownDiraction();
+        },
+        { immediate: true },
+      );
+    }
+    const observer = new MutationObserver(() => {
+      setTimeout(() => {
+        changeDropDownDiraction();
+      });
+    });
+
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+    });
+
+    onUnmounted(() => {
+      observer.disconnect();
+    });
+  });
+}
+
+const offsetTop = ref(0); // значение положения дропдауна сверху
+const offsetLeft = ref(0); // значение положения дропдауна слева
+const yScrollPosition = ref(0);
+const offsets = computed(
+  () => `top: ${offsetTop.value - yScrollPosition.value}px; left: ${offsetLeft.value}px`,
+); // расчитанные отступы слева и сверху
+
+const { isScrolling } = useScroll(window);
+watch(
+  () => [height.value, width.value, isScrolling.value],
+  () => {
+    changeDropDownDiraction();
+  },
+);
+
+const changeDropDownDiraction = (): void => {
+  if (props.mobile || !visibleRef.value || !props.modelValue) {
+    return;
+  }
+  const datePickerContainer = document.getElementById(props.idProp) as HTMLElement; // контейнер с инпутом и лейблом пикера
+
+  const offsets = datePickerContainer.getBoundingClientRect();
+  const label = datePickerContainer.querySelector('[role="label-container"]') as HTMLElement;
+  const error = datePickerContainer.querySelector('[role="helpertext-container"]') as HTMLElement;
+
+  const labelHeight = label ? label.offsetHeight : 0;
+  const errorHeight = error ? error.offsetHeight : 0;
+
+  offsetTop.value = offsets.y + offsets.height + window.scrollY + 4 - errorHeight;
+  offsetLeft.value = offsets.x;
+
+  nextTick(() => {
+    const dropdown = document.getElementById(`${props.idProp}-popup`) as HTMLElement;
+    if (!dropdown) return;
+    const dropdownOffsets = dropdown.getBoundingClientRect();
+
+    offsetLeft.value = offsets.x - (dropdownOffsets.width - offsets.width) / 2;
+
+    if (!props.position) {
+      offsetLeft.value = offsets.x - (dropdownOffsets.width - offsets.width) / 2;
+    } else {
+      if (props.position === 'left') {
+        offsetLeft.value = offsets.x;
+      } else if (props.position === 'right') {
+        offsetLeft.value = offsets.x + offsets.width - dropdownOffsets.width;
+      }
+    }
+
+    if (dropdownOffsets.bottom + yScrollPosition.value > height.value) {
+      offsetTop.value =
+        offsetTop.value -
+        dropdownOffsets.height -
+        offsets.height -
+        8 +
+        errorHeight +
+        labelHeight +
+        yScrollPosition.value;
+    } else {
+      offsetTop.value =
+        offsets.y + offsets.height + window.scrollY + 4 - errorHeight + yScrollPosition.value;
+    }
+
+    if (!props.position) {
+      const spaceRight = window.innerWidth - dropdownOffsets.right;
+      nextTick(() => {
+        const newDropdown = document.getElementById(`${props.idProp}-popup`) as HTMLElement;
+        const newDropdownOffsets = newDropdown.getBoundingClientRect();
+
+        if (spaceRight < 0) {
+          offsetLeft.value = offsets.x - dropdownOffsets.width + offsets.width;
+        } else if (newDropdownOffsets.left < 0) {
+          offsetLeft.value = offsets.x;
+        }
+      });
+    }
+
+    nextTick(() => {
+      const dropdownWidth = datePickerContainer.getBoundingClientRect().width;
+      const hasButtonClass = datePickerContainer.classList.contains('pl-button-dropdown__wrapper');
+      if (dropdownWidth < 240 && !hasButtonClass) {
+        offsetLeft.value = offsets.x + offsets.width - dropdownOffsets.width;
+      }
+    });
+  });
+};
+</script>
+<style lang="scss">
+@use '@/styles/tokens' as *;
+@use '@/styles/media' as *;
+
+.pl-dropdown-wrapper {
+  position: absolute;
+  left: 0;
+  z-index: 30;
+  box-sizing: border-box;
+  display: flex;
+  background-color: var(--color-background-surface-area);
+  border-radius: $radius-x3;
+
+  /* Elevation/Small */
+  box-shadow: $shadows-elevation-small;
+}
+</style>

package/src/components/shared/pl-icon/assets/16/AlertFill16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="AlertFill16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M14.6663 8.00024C14.6663 11.6821 11.6816 14.6667 7.99976 14.6667C4.31795 14.6667 1.33325 11.6821 1.33325 8.00024C1.33325 4.31844 4.31795 1.33374 7.99976 1.33374C11.6816 1.33374 14.6663 4.31844 14.6663 8.00024ZM7.99976 9.33354C8.36794 9.33354 8.66641 9.03508 8.66641 8.66689V5.33365C8.66641 4.96547 8.36794 4.667 7.99976 4.667C7.63157 4.667 7.33311 4.96547 7.33311 5.33365V8.66689C7.33311 9.03508 7.63157 9.33354 7.99976 9.33354ZM7.99976 12.0001C8.36794 12.0001 8.66641 11.7017 8.66641 11.3335C8.66641 10.9653 8.36794 10.6668 7.99976 10.6668C7.63158 10.6668 7.33311 10.9653 7.33311 11.3335C7.33311 11.7017 7.63158 12.0001 7.99976 12.0001Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/ArrowBottom16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="ArrowBottom16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M8.00017 2.73352C8.33154 2.73352 8.60017 3.00215 8.60017 3.33352V11.2183L10.9099 8.90859C11.1442 8.67428 11.5241 8.67428 11.7584 8.90859C11.9927 9.14291 11.9927 9.5228 11.7584 9.75712L8.42443 13.0911C8.19012 13.3254 7.81022 13.3254 7.5759 13.0911L4.2419 9.75712C4.00758 9.52281 4.00758 9.14291 4.2419 8.90859C4.47621 8.67428 4.85611 8.67428 5.09043 8.90859L7.40017 11.2183V3.33352C7.40017 3.00215 7.6688 2.73352 8.00017 2.73352Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/ArrowLeft16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="ArrowLeft16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M7.091 4.24257C7.32531 4.47688 7.32531 4.85678 7.091 5.0911L4.78193 7.40017H12.6667C12.9981 7.40017 13.2667 7.6688 13.2667 8.00017C13.2667 8.33154 12.9981 8.60017 12.6667 8.60017H4.78193L7.091 10.9092C7.32531 11.1435 7.32531 11.5234 7.091 11.7578C6.85668 11.9921 6.47678 11.9921 6.24247 11.7578L2.90913 8.42443C2.79661 8.31191 2.7334 8.1593 2.7334 8.00017C2.7334 7.84104 2.79661 7.68842 2.90913 7.5759L6.24247 4.24257C6.47678 4.00825 6.85668 4.00825 7.091 4.24257Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/ArrowRight16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="ArrowRight16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M8.90918 4.24245C9.14349 4.00813 9.52339 4.00813 9.7577 4.24245L13.091 7.57574C13.2035 7.68826 13.2667 7.84087 13.2667 8C13.2667 8.15912 13.2035 8.31174 13.091 8.42426L9.7577 11.7575C9.52339 11.9919 9.14349 11.9919 8.90918 11.7575C8.67487 11.5232 8.67487 11.1433 8.90918 10.909L11.2182 8.59999H3.33351C3.00215 8.59999 2.73352 8.33136 2.73352 8C2.73352 7.66863 3.00215 7.4 3.33351 7.4H11.2182L8.90918 5.09096C8.67487 4.85665 8.67487 4.47676 8.90918 4.24245Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/ArrowTop16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="ArrowTop16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M7.5759 2.90909C7.8102 2.67483 8.19003 2.67483 8.42433 2.90909L11.7583 6.24238C11.9926 6.47667 11.9927 6.85657 11.7584 7.0909C11.5241 7.32524 11.1442 7.32527 10.9099 7.09099L8.60011 4.7817V12.6666C8.60011 12.998 8.33148 13.2666 8.00011 13.2666C7.66875 13.2666 7.40012 12.998 7.40012 12.6666V4.7817L5.09037 7.09099C4.85604 7.32527 4.47614 7.32524 4.24185 7.0909C4.00757 6.85657 4.0076 6.47667 4.24194 6.24238L7.5759 2.90909Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/ArrowTopRight16.svg

@@ -0,0 +1,4 @@
+<svg data-testid="ArrowTopRight16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7242 4.27571C11.9586 4.51003 11.9586 4.88993 11.7242 5.12424L5.12424 11.7242C4.88993 11.9586 4.51003 11.9586 4.27571 11.7242C4.0414 11.4899 4.0414 11.11 4.27571 10.8757L10.8757 4.27571C11.11 4.0414 11.4899 4.0414 11.7242 4.27571Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.06667 4.66242C6.069 4.33106 6.33952 4.06433 6.67088 4.06667L11.3042 4.09933C11.6322 4.10165 11.8976 4.36697 11.9 4.695L11.9333 9.329C11.9357 9.66036 11.669 9.93092 11.3376 9.9333C11.0063 9.93569 10.7357 9.669 10.7333 9.33763L10.7043 5.29513L6.66242 5.26664C6.33106 5.2643 6.06433 4.99378 6.06667 4.66242Z" fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Attachment16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Attachment16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M1.39917 3.33342C1.39917 2.26538 2.26447 1.40009 3.3325 1.40009H10.6658C11.7339 1.40009 12.5992 2.26538 12.5992 3.33342V6.00008C12.5992 6.33146 12.3305 6.60009 11.9992 6.60009C11.6678 6.60009 11.3992 6.33146 11.3992 6.00008V3.33342C11.3992 2.92812 11.0711 2.60009 10.6658 2.60009H3.3325C2.92721 2.60009 2.59917 2.92812 2.59917 3.33342V12.6668C2.59917 13.072 2.92721 13.4001 3.3325 13.4001H7.3325C7.66387 13.4001 7.9325 13.6687 7.9325 14.0001C7.9325 14.3315 7.66387 14.6001 7.3325 14.6001H3.3325C2.26447 14.6001 1.39917 13.7348 1.39917 12.6668V3.33342ZM4.06584 5.33342C4.06584 5.00205 4.33447 4.73342 4.66584 4.73342H9.3325C9.66387 4.73342 9.9325 5.00205 9.9325 5.33342C9.9325 5.66479 9.66387 5.93342 9.3325 5.93342H4.66584C4.33447 5.93342 4.06584 5.66479 4.06584 5.33342ZM4.06584 8.00008C4.06584 7.66871 4.33447 7.40008 4.66584 7.40008H9.3325C9.66387 7.40008 9.9325 7.66871 9.9325 8.00008C9.9325 8.33146 9.66387 8.60008 9.3325 8.60008H4.66584C4.33447 8.60008 4.06584 8.33146 4.06584 8.00008ZM12.9992 9.26675C12.7785 9.26675 12.5992 9.44612 12.5992 9.66675V12.0001C12.5992 12.3315 12.3305 12.6001 11.9992 12.6001C11.6678 12.6001 11.3992 12.3315 11.3992 12.0001V9.66675C11.3992 8.78338 12.1158 8.06675 12.9992 8.06675C13.8825 8.06675 14.5992 8.78338 14.5992 9.66675V12.6668C14.5992 14.1028 13.4352 15.2668 11.9992 15.2668C10.5631 15.2668 9.39917 14.1028 9.39917 12.6668V10.6668C9.39917 10.3354 9.6678 10.0668 9.99917 10.0668C10.3305 10.0668 10.5992 10.3354 10.5992 10.6668V12.6668C10.5992 13.44 11.2259 14.0668 11.9992 14.0668C12.7725 14.0668 13.3992 13.44 13.3992 12.6668V9.66675C13.3992 9.44612 13.2198 9.26675 12.9992 9.26675ZM4.06584 10.6668C4.06584 10.3354 4.33447 10.0668 4.66584 10.0668H7.3325C7.66387 10.0668 7.9325 10.3354 7.9325 10.6668C7.9325 10.9981 7.66387 11.2668 7.3325 11.2668H4.66584C4.33447 11.2668 4.06584 10.9981 4.06584 10.6668Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Bell16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Bell16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M7.999 2.60001C6.11848 2.60001 4.59505 4.12261 4.59505 5.99997V8.6666C4.59505 9.50578 4.21456 10.2999 3.55928 10.8258L3.35329 10.9912C3.35329 10.9912 3.35329 10.9912 3.35329 10.9912C3.18478 11.1264 3.27931 11.3999 3.49773 11.3999H12.5003C12.7187 11.3999 12.8132 11.1264 12.6447 10.9912C12.6447 10.9912 12.6447 10.9912 12.6447 10.9912L12.4384 10.8256C11.7844 10.3 11.403 9.50614 11.403 8.6666V5.99997C11.403 4.12261 9.87953 2.60001 7.999 2.60001ZM3.39506 5.99997C3.39506 3.45871 5.45692 1.40002 7.999 1.40002C10.5411 1.40002 12.6029 3.45871 12.6029 5.99997V8.6666C12.6029 9.14172 12.8189 9.59186 13.1901 9.89023L13.3958 10.0553C14.45 10.9014 13.8498 12.5999 12.5003 12.5999H3.49773C2.14816 12.5999 1.54804 10.9014 2.60217 10.0553L2.80818 9.88999C3.17955 9.59193 3.39506 9.14207 3.39506 8.6666V5.99997ZM6.39902 13.9999C6.39902 13.6685 6.66765 13.3999 6.99902 13.3999H8.99899C9.33036 13.3999 9.59898 13.6685 9.59898 13.9999C9.59898 14.3312 9.33036 14.5999 8.99899 14.5999H6.99902C6.66765 14.5999 6.39902 14.3312 6.39902 13.9999Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/BellTwo16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="BellTwo16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M6.17725 3.22212C6.17725 2.21629 6.99233 1.40012 7.99925 1.40012C9.00617 1.40012 9.82125 2.21629 9.82125 3.22212V3.38115C11.2223 3.88116 12.2246 5.21977 12.2246 6.79212V8.65678C12.2246 8.85081 12.3019 9.03758 12.4395 9.17519L12.8668 9.60252C13.2292 9.96491 13.4333 10.4568 13.4333 10.9695C13.4333 11.9968 12.6006 12.8294 11.5733 12.8294H10.0974C9.92747 13.8347 9.05285 14.6001 7.99925 14.6001C6.94562 14.6001 6.07076 13.8345 5.90103 12.8294H4.42592C3.39855 12.8294 2.56592 11.9968 2.56592 10.9695C2.56592 10.4568 2.76993 9.96491 3.13232 9.60252L3.55965 9.17519C3.69726 9.03758 3.77458 8.85081 3.77458 8.65678V6.79212C3.77458 5.21948 4.77695 3.88151 6.17725 3.38142V3.22212ZM7.37928 3.17148C7.3846 3.17146 7.38993 3.17145 7.39525 3.17145H8.60392C8.60902 3.17145 8.61412 3.17146 8.61922 3.17148C8.59347 2.85165 8.32594 2.60012 7.99925 2.60012C7.67256 2.60012 7.40503 2.85165 7.37928 3.17148ZM7.1424 12.8294C7.28222 13.1644 7.61306 13.4001 7.99925 13.4001C8.38523 13.4001 8.71608 13.1646 8.85599 12.8294H7.1424ZM9.49873 11.6294H4.42592C4.06129 11.6294 3.76592 11.3341 3.76592 10.9695C3.76592 10.7754 3.84324 10.5887 3.98085 10.451L4.40818 10.0237C4.77058 9.66132 4.97458 9.16943 4.97458 8.65678V6.79212C4.97458 5.45491 6.05854 4.37145 7.39525 4.37145H8.60392C9.94113 4.37145 11.0246 5.4554 11.0246 6.79212V8.65678C11.0246 9.16943 11.2286 9.66132 11.591 10.0237L12.0183 10.451C12.1559 10.5887 12.2333 10.7754 12.2333 10.9695C12.2333 11.3341 11.9379 11.6294 11.5733 11.6294H9.55577C9.54632 11.629 9.53681 11.6288 9.52725 11.6288C9.51769 11.6288 9.50818 11.629 9.49873 11.6294Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Bin16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Bin16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M6.12319 2.59763C6.08332 2.59763 6.04509 2.61347 6.0169 2.64165C5.98871 2.66984 5.97288 2.70808 5.97288 2.74794V3.64855H10.025V2.74794C10.025 2.66493 9.95772 2.59763 9.8747 2.59763H6.12319ZM11.225 3.64855V2.74794C11.225 2.00219 10.6205 1.39764 9.8747 1.39764H6.12319C5.76507 1.39764 5.42161 1.53991 5.16838 1.79314C4.91516 2.04637 4.77289 2.38982 4.77289 2.74794V3.64855H2.66347C2.3321 3.64855 2.06348 3.91718 2.06348 4.24855C2.06348 4.57991 2.3321 4.84854 2.66347 4.84854H2.94153L3.54264 12.663C3.62683 13.7574 4.53941 14.6025 5.63705 14.6025H10.3609C11.4585 14.6025 12.3711 13.7574 12.4553 12.663L13.0564 4.84854H13.3344C13.6658 4.84854 13.9344 4.57991 13.9344 4.24855C13.9344 3.91718 13.6658 3.64855 13.3344 3.64855H11.225ZM4.14506 4.84854L4.73909 12.571C4.77519 13.0402 5.16645 13.4025 5.63705 13.4025H10.3609C10.8315 13.4025 11.2227 13.0402 11.2588 12.571L11.8529 4.84854H4.14506ZM6.06509 11.3347C6.06509 11.0034 6.33372 10.7348 6.66509 10.7348H9.33283C9.6642 10.7348 9.93282 11.0034 9.93282 11.3347C9.93282 11.6661 9.6642 11.9347 9.33283 11.9347H6.66509C6.33372 11.9347 6.06509 11.6661 6.06509 11.3347Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/BlankChat16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="BlankChat16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M2.73258 3.66706C2.73258 2.41521 3.74741 1.40039 4.99925 1.40039H9.75147C10.441 1.40039 11.1024 1.67432 11.5899 2.16191L13.1711 3.74303C13.6587 4.23062 13.9326 4.89194 13.9326 5.5815V12.3337C13.9326 13.5856 12.9178 14.6004 11.6659 14.6004H9.99925C9.66788 14.6004 9.39925 14.3318 9.39925 14.0004C9.39925 13.669 9.66788 13.4004 9.99925 13.4004H11.6659C12.255 13.4004 12.7326 12.9228 12.7326 12.3337V5.93372H10.9993C10.1156 5.93372 9.39925 5.21738 9.39925 4.33372V2.60039H4.99925C4.41015 2.60039 3.93258 3.07795 3.93258 3.66706V6.00039C3.93258 6.33176 3.66396 6.60039 3.33258 6.60039C3.00121 6.60039 2.73258 6.33176 2.73258 6.00039V3.66706ZM10.5993 2.88626V4.33372C10.5993 4.55464 10.7783 4.73372 10.9993 4.73372H12.4467C12.4088 4.68387 12.3673 4.63635 12.3225 4.59155L10.7414 3.01044C10.6966 2.96565 10.6491 2.9242 10.5993 2.88626ZM2.06592 9.21251C2.06592 8.21171 2.87723 7.40039 3.87804 7.40039H7.4538C8.4546 7.40039 9.26592 8.21171 9.26592 9.21251V11.4549C9.26592 12.4557 8.4546 13.2671 7.4538 13.2671H6.55565L5.27321 14.3736L5.27062 14.3758C4.9914 14.6139 4.59849 14.6662 4.2667 14.5094C3.937 14.3536 3.72854 14.02 3.73258 13.6558V13.2613C2.79979 13.1872 2.06592 12.4068 2.06592 11.4549V9.21251ZM3.87804 8.60039C3.53997 8.60039 3.26592 8.87445 3.26592 9.21251V11.4549C3.26592 11.793 3.53997 12.0671 3.87804 12.0671H4.33258C4.66396 12.0671 4.93258 12.3357 4.93258 12.6671V13.0825L5.94063 12.2128C6.04958 12.1188 6.18869 12.0671 6.33258 12.0671H7.4538C7.79186 12.0671 8.06592 11.793 8.06592 11.4549V9.21251C8.06592 8.87445 7.79186 8.60039 7.4538 8.60039H3.87804Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/BlankCheck16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="BlankCheck16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M3.39917 3.66706C3.39917 2.41521 4.41399 1.40039 5.66584 1.40039H10.4181C11.1076 1.40039 11.7689 1.67432 12.2565 2.16191L13.8376 3.74303C14.3252 4.23062 14.5992 4.89194 14.5992 5.5815V12.3337C14.5992 13.5856 13.5843 14.6004 12.3325 14.6004H9.3325C9.00113 14.6004 8.7325 14.3318 8.7325 14.0004C8.7325 13.669 9.00113 13.4004 9.3325 13.4004H12.3325C12.9216 13.4004 13.3992 12.9228 13.3992 12.3337V5.93372H11.6658C10.7822 5.93372 10.0658 5.21738 10.0658 4.33372V2.60039H5.66584C5.07673 2.60039 4.59917 3.07795 4.59917 3.66706V6.00039C4.59917 6.33176 4.33054 6.60039 3.99917 6.60039C3.6678 6.60039 3.39917 6.33176 3.39917 6.00039V3.66706ZM11.2658 2.88626V4.33372C11.2658 4.55464 11.4449 4.73372 11.6658 4.73372H13.1133C13.0754 4.68387 13.0339 4.63635 12.9891 4.59155L11.408 3.01044C11.3632 2.96565 11.3157 2.9242 11.2658 2.88626ZM4.99917 8.60039C3.67369 8.60039 2.59917 9.67491 2.59917 11.0004C2.59917 12.3259 3.67369 13.4004 4.99917 13.4004C6.32465 13.4004 7.39917 12.3259 7.39917 11.0004C7.39917 9.67491 6.32465 8.60039 4.99917 8.60039ZM1.39917 11.0004C1.39917 9.01217 3.01095 7.40039 4.99917 7.40039C6.9874 7.40039 8.59917 9.01217 8.59917 11.0004C8.59917 12.9886 6.9874 14.6004 4.99917 14.6004C3.01095 14.6004 1.39917 12.9886 1.39917 11.0004ZM6.44477 9.93813C6.67908 10.1724 6.67908 10.5523 6.44477 10.7867L5.1681 12.0633C5.05555 12.1759 4.90288 12.2391 4.74371 12.2391C4.58453 12.239 4.43189 12.1757 4.31939 12.0631L3.55405 11.2971C3.31984 11.0627 3.32001 10.6828 3.55442 10.4486C3.78884 10.2144 4.16874 10.2146 4.40295 10.449L4.74402 10.7903L5.59624 9.93813C5.83055 9.70381 6.21045 9.70381 6.44477 9.93813Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/BlankKey16.svg

@@ -0,0 +1,7 @@
+<svg data-testid="BlankKey16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.84127 10.3337C6.84127 10.6285 6.60225 10.8675 6.30741 10.8675C6.01257 10.8675 5.77356 10.6285 5.77356 10.3337C5.77356 10.0388 6.01257 9.79984 6.30741 9.79984C6.60225 9.79984 6.84127 10.0388 6.84127 10.3337Z"
+          fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M2.70748 3.66706C2.70748 2.41521 3.7223 1.40039 4.97415 1.40039H9.72637C10.4159 1.40039 11.0773 1.67432 11.5648 2.16191L13.146 3.74303C13.6336 4.23062 13.9075 4.89194 13.9075 5.5815V12.3337C13.9075 13.5856 12.8927 14.6004 11.6408 14.6004H9.30748C8.97611 14.6004 8.70748 14.3318 8.70748 14.0004C8.70748 13.669 8.97611 13.4004 9.30748 13.4004H11.6408C12.2299 13.4004 12.7075 12.9228 12.7075 12.3337V5.93372H10.9741C10.0905 5.93372 9.37415 5.21738 9.37415 4.33372V2.60039H4.97415C4.38504 2.60039 3.90748 3.07795 3.90748 3.66706V6.66706C3.90748 6.99843 3.63885 7.26706 3.30748 7.26706C2.97611 7.26706 2.70748 6.99843 2.70748 6.66706V3.66706ZM10.5741 2.88626V4.33372C10.5741 4.55464 10.7532 4.73372 10.9741 4.73372H12.4216C12.3837 4.68387 12.3422 4.63635 12.2974 4.59155L10.7163 3.01044C10.6715 2.96564 10.624 2.9242 10.5741 2.88626ZM4.62415 10.3295C4.62695 10.4991 4.65501 10.6673 4.7074 10.8286C4.77704 11.043 4.72062 11.2783 4.56134 11.4379L3.29834 12.7028C3.29826 12.7029 3.29819 12.703 3.29811 12.7031C3.29349 12.7078 3.29088 12.7142 3.29082 12.7208V13.3785C3.29082 13.3906 3.30059 13.4004 3.31265 13.4004M4.62415 10.3295C4.62643 9.37415 5.4016 8.60039 6.35748 8.60039C7.31477 8.60039 8.09081 9.37643 8.09081 10.3337C8.09081 11.2896 7.31705 12.0648 6.36169 12.0671C6.1916 12.0642 6.02288 12.036 5.86112 11.9834C5.64628 11.9134 5.41035 11.97 5.25071 12.1299L3.98912 13.3935L3.98754 13.3951C3.98419 13.3985 3.97962 13.4004 3.97486 13.4004H3.31265M3.42415 10.3337C3.42415 8.71369 4.73745 7.40039 6.35748 7.40039C7.97752 7.40039 9.29081 8.71369 9.29081 10.3337C9.29081 11.9538 7.97752 13.2671 6.35748 13.2671C6.35467 13.2671 6.35186 13.267 6.34906 13.267C6.18459 13.2647 6.02084 13.2484 5.85957 13.2185L4.8399 14.2398C4.83962 14.2401 4.83934 14.2404 4.83905 14.2406C4.61008 14.4712 4.29843 14.6008 3.97344 14.6004L3.97415 14.0004V14.6004H3.97344H3.31265C2.63786 14.6004 2.09083 14.0533 2.09082 13.3785L2.09082 12.7187C2.09145 12.3961 2.21918 12.0868 2.44634 11.8578L2.44775 11.8564L3.47242 10.8301C3.44268 10.6693 3.42651 10.5061 3.42421 10.3422C3.42417 10.3393 3.42415 10.3365 3.42415 10.3337Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/BlankLock16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="BlankLock16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M3.0667 3.66694C3.0667 2.41513 4.0815 1.40033 5.33331 1.40033H10.0854C10.775 1.40033 11.4363 1.67425 11.9238 2.16183L13.5049 3.74291C13.9925 4.23049 14.2664 4.89179 14.2664 5.58134V12.3334C14.2664 13.5852 13.2516 14.6 11.9998 14.6H8.33324C8.00187 14.6 7.73325 14.3314 7.73325 14C7.73325 13.6687 8.00187 13.4 8.33324 13.4H11.9998C12.5889 13.4 13.0665 12.9225 13.0665 12.3334V5.93355H11.3332C10.4495 5.93355 9.7332 5.21723 9.7332 4.33359V2.6003H5.33331C4.74422 2.6003 4.26667 3.07785 4.26667 3.66694V7.33352C4.26667 7.66488 3.99805 7.9335 3.66668 7.9335C3.33532 7.9335 3.0667 7.66488 3.0667 7.33352V3.66694ZM10.9332 2.88616V4.33359C10.9332 4.5545 11.1123 4.73358 11.3332 4.73358H12.7806C12.7427 4.68373 12.7012 4.63621 12.6564 4.59142L11.0753 3.01034C11.0305 2.96555 10.983 2.9241 10.9332 2.88616ZM4.33333 9.93345C4.02038 9.93345 3.76668 10.1872 3.76668 10.5001V10.7334H4.89999V10.5001C4.89999 10.1872 4.64629 9.93345 4.33333 9.93345ZM6.09996 10.8647V10.5001C6.09996 9.52443 5.30901 8.73348 4.33333 8.73348C3.35766 8.73348 2.56671 9.52443 2.56671 10.5001V10.8647C2.07478 11.0917 1.7334 11.5894 1.7334 12.1667V13.1667C1.7334 13.9583 2.37511 14.6 3.1667 14.6H5.49997C6.29156 14.6 6.93327 13.9583 6.93327 13.1667V12.1667C6.93327 11.5894 6.59189 11.0917 6.09996 10.8647ZM3.1667 11.9334C3.03783 11.9334 2.93337 12.0379 2.93337 12.1667V13.1667C2.93337 13.2956 3.03783 13.4 3.1667 13.4H5.49997C5.62884 13.4 5.7333 13.2956 5.7333 13.1667V12.1667C5.7333 12.0379 5.62884 11.9334 5.49997 11.9334H3.1667Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/BlankPan16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="BlankPan16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M5.06669 2.88594C5.01684 2.92387 4.96932 2.96532 4.92452 3.01012L3.34343 4.59121C3.29863 4.63601 3.25719 4.68353 3.21925 4.73338H4.6667C4.88761 4.73338 5.06669 4.55429 5.06669 4.33338V2.88594ZM6.26668 2.60007H10.6666C11.2557 2.60007 11.7333 3.07763 11.7333 3.66672V6.00003C11.7333 6.3314 12.0019 6.60002 12.3333 6.60002C12.6646 6.60002 12.9333 6.3314 12.9333 6.00003V3.66672C12.9333 2.41489 11.9185 1.40009 10.6666 1.40009H5.91446C5.22491 1.40009 4.56359 1.67401 4.07601 2.1616L2.49491 3.74269C2.00732 4.23028 1.7334 4.89159 1.7334 5.58115V12.3333C1.7334 13.5851 2.74821 14.5999 4.00004 14.5999H5.66668C5.99805 14.5999 6.26668 14.3313 6.26668 13.9999C6.26668 13.6686 5.99805 13.3999 5.66668 13.3999H4.00004C3.41094 13.3999 2.93338 12.9224 2.93338 12.3333V5.93336H4.6667C5.55034 5.93336 6.26668 5.21703 6.26668 4.33338V2.60007ZM12.7238 8.63448C12.5819 8.5523 12.3155 8.56699 12.0823 8.80195C11.7955 9.09088 11.4291 9.46004 11.0396 9.85251L11.8027 10.6157L12.8657 9.55527C13.0803 9.3412 13.1064 9.11198 13.0531 8.98905C12.987 8.83643 12.9129 8.74403 12.7238 8.63448ZM10.9532 11.4632L10.1942 10.7042C9.36195 11.5426 8.60557 12.3046 8.45775 12.4531C8.4511 12.4679 8.43939 12.4967 8.42432 12.5455C8.3823 12.6817 8.32889 12.9228 8.26989 13.3463C8.2668 13.3685 8.28495 13.3911 8.31209 13.3887C8.89898 13.3369 9.06964 13.2886 9.13712 13.2662C9.13788 13.266 9.15111 13.2609 9.17048 13.2416L10.9532 11.4632ZM11.2306 7.95663C11.724 7.45949 12.5746 7.1613 13.3253 7.59612C13.7263 7.8284 13.9812 8.11275 14.1542 8.512C14.4664 9.23245 14.1493 9.96973 13.7132 10.4048L13.6524 10.4654L13.7553 10.5741C14.2822 11.1308 14.2779 12.0034 13.7456 12.5549L12.9941 13.3333C12.764 13.5717 12.3841 13.5784 12.1457 13.3483C11.9073 13.1181 11.9006 12.7383 12.1308 12.4999L12.8822 11.7215C12.9689 11.6317 12.9696 11.4896 12.8838 11.399L12.8026 11.3132L10.018 14.0912C9.88612 14.2227 9.71703 14.3381 9.51506 14.4051C9.31476 14.4716 9.03449 14.5296 8.41749 14.584C7.62667 14.6538 6.97118 13.9718 7.08138 13.1808C7.14375 12.733 7.20772 12.4183 7.27774 12.1916C7.34765 11.9651 7.43849 11.7754 7.58616 11.6278C7.68024 11.5337 10.0855 9.11032 11.2306 7.95663ZM4.40003 8C4.40003 7.66864 4.66866 7.40001 5.00003 7.40001H7.66666C7.99803 7.40001 8.26665 7.66864 8.26665 8C8.26665 8.33137 7.99803 8.6 7.66666 8.6H5.00003C4.66866 8.6 4.40003 8.33137 4.40003 8ZM4.40003 9.99998C4.40003 9.66861 4.66866 9.39999 5.00003 9.39999H6.33334C6.66471 9.39999 6.93333 9.66861 6.93333 9.99998C6.93333 10.3313 6.66471 10.6 6.33334 10.6H5.00003C4.66866 10.6 4.40003 10.3313 4.40003 9.99998Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Block16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Block16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M7.99945 2.60025C5.01686 2.60025 2.59952 5.01759 2.59952 8.00019C2.59952 10.9828 5.01686 13.4001 7.99945 13.4001C10.982 13.4001 13.3994 10.9828 13.3994 8.00019C13.3994 5.01759 10.982 2.60025 7.99945 2.60025ZM1.39954 8.00019C1.39954 4.35486 4.35413 1.40027 7.99945 1.40027C11.6448 1.40027 14.5994 4.35486 14.5994 8.00019C14.5994 11.6455 11.6448 14.6001 7.99945 14.6001C4.35413 14.6001 1.39954 11.6455 1.39954 8.00019ZM11.0903 4.90929C11.3247 5.14361 11.3247 5.5235 11.0903 5.75781L5.75708 11.0911C5.52277 11.3254 5.14287 11.3254 4.90856 11.0911C4.67425 10.8568 4.67425 10.4769 4.90856 10.2426L10.2418 4.90929C10.4761 4.67498 10.856 4.67498 11.0903 4.90929Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Box16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Box16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M1.9992 2.60031C1.96257 2.60031 1.93253 2.63035 1.93253 2.66698V4.0003C1.93253 4.03693 1.96257 4.06696 1.9992 4.06696H13.999C14.0357 4.06696 14.0657 4.03693 14.0657 4.0003V2.66698C14.0657 2.63035 14.0357 2.60031 13.999 2.60031H1.9992ZM14.377 5.20955C14.8919 5.0487 15.2657 4.56801 15.2657 4.0003V2.66698C15.2657 1.96762 14.6984 1.40033 13.999 1.40033H1.9992C1.29983 1.40033 0.732544 1.96762 0.732544 2.66698V4.0003C0.732544 4.56801 1.10636 5.0487 1.6212 5.20955V12.6669C1.6212 13.7349 2.48648 14.6002 3.55451 14.6002H12.4437C13.5118 14.6002 14.377 13.7349 14.377 12.6669V5.20955ZM13.1771 5.26695H2.82119V12.6669C2.82119 13.0721 3.14922 13.4002 3.55451 13.4002H12.4437C12.849 13.4002 13.1771 13.0721 13.1771 12.6669V5.26695ZM5.99915 7.93358C5.96252 7.93358 5.93248 7.96362 5.93248 8.00025V8.66691C5.93248 8.70354 5.96252 8.73357 5.99915 8.73357H9.9991C10.0357 8.73357 10.0658 8.70354 10.0658 8.66691V8.00025C10.0658 7.96362 10.0357 7.93358 9.9991 7.93358H5.99915ZM4.73249 8.00025C4.73249 7.30089 5.29978 6.7336 5.99915 6.7336H9.9991C10.6985 6.7336 11.2657 7.30089 11.2657 8.00025V8.66691C11.2657 9.36627 10.6985 9.93356 9.9991 9.93356H5.99915C5.29978 9.93356 4.73249 9.36627 4.73249 8.66691V8.00025Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Bulb16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Bulb16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M2.1146 1.4489C2.34891 1.21458 2.7288 1.21458 2.96311 1.4489L3.75644 2.24222C3.99075 2.47653 3.99075 2.85643 3.75644 3.09074C3.52213 3.32505 3.14223 3.32505 2.90792 3.09074L2.1146 2.29741C1.88029 2.0631 1.88029 1.68321 2.1146 1.4489ZM14.5496 2.11556C14.784 2.34987 14.784 2.72976 14.5496 2.96407L13.7563 3.7574C13.522 3.99171 13.1421 3.99171 12.9078 3.7574C12.6735 3.52308 12.6735 3.14319 12.9078 2.90888L13.7011 2.11556C13.9354 1.88124 14.3153 1.88124 14.5496 2.11556ZM11.3987 6.66643C11.3987 4.65335 9.64992 3.04873 7.5854 3.29105L7.58526 3.29106C6.10406 3.46456 4.87072 4.64724 4.64171 6.11728C4.42853 7.48842 5.03129 8.72825 6.03907 9.44039L6.03938 9.44061C6.07693 9.46718 6.1134 9.49581 6.14852 9.52639H9.8492C9.88398 9.49621 9.92007 9.46794 9.95721 9.4417C10.8303 8.82478 11.3987 7.81244 11.3987 6.66643ZM9.39877 10.7264H6.59881V11.3997H9.39877V10.7264ZM9.3652 12.5997H6.63238C6.75073 13.0599 7.16826 13.3997 7.66546 13.3997H8.33212C8.82932 13.3997 9.24685 13.0599 9.3652 12.5997ZM5.39882 12.0003V12.333C5.39882 13.585 6.41344 14.5997 7.66546 14.5997H8.33212C9.58414 14.5997 10.5988 13.585 10.5988 12.333V10.4884C10.5988 10.4849 10.5993 10.4787 10.6053 10.4679C10.612 10.456 10.6257 10.4387 10.6496 10.4218L10.6497 10.4217C11.8259 9.59067 12.5987 8.22038 12.5987 6.66643C12.5987 3.94361 10.2317 1.77231 7.44566 2.09923M5.39882 12.0003C5.39882 12.0001 5.39882 11.9999 5.39882 11.9997C5.39882 11.9995 5.39882 11.9993 5.39882 11.9991V10.491C5.39882 10.4862 5.39793 10.479 5.39153 10.4676C5.38448 10.455 5.37043 10.4373 5.34626 10.4202C3.98625 9.45897 3.16917 7.77762 3.45597 5.93293L3.45599 5.93278C3.76836 3.92698 5.43222 2.33513 7.44552 2.09924M0.272217 6.66643C0.272217 6.33506 0.540843 6.06644 0.872209 6.06644H1.99886C2.33023 6.06644 2.59886 6.33506 2.59886 6.66643C2.59886 6.9978 2.33023 7.26642 1.99886 7.26642H0.872209C0.540843 7.26642 0.272217 6.9978 0.272217 6.66643ZM13.3987 6.66643C13.3987 6.33506 13.6673 6.06644 13.9987 6.06644H15.1254C15.4567 6.06644 15.7254 6.33506 15.7254 6.66643C15.7254 6.9978 15.4567 7.26642 15.1254 7.26642H13.9987C13.6673 7.26642 13.3987 6.9978 13.3987 6.66643ZM3.08978 9.57546C3.32409 9.80978 3.32409 10.1897 3.08978 10.424L2.29646 11.2173C2.06214 11.4516 1.68225 11.4516 1.44794 11.2173C1.21363 10.983 1.21363 10.6031 1.44794 10.3688L2.24126 9.57546C2.47557 9.34115 2.85547 9.34115 3.08978 9.57546ZM12.9078 9.57546C13.1421 9.34115 13.522 9.34115 13.7563 9.57546L14.5496 10.3688C14.784 10.6031 14.784 10.983 14.5496 11.2173C14.3153 11.4516 13.9354 11.4516 13.7011 11.2173L12.9078 10.424C12.6735 10.1897 12.6735 9.80978 12.9078 9.57546Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Calendar16.svg

@@ -0,0 +1,15 @@
+<svg data-testid="Calendar16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.33696 8.65099C5.33696 9.01918 5.03849 9.31765 4.67031 9.31765C4.30213 9.31765 4.00366 9.01918 4.00366 8.65099C4.00366 8.28281 4.30213 7.98434 4.67031 7.98434C5.03849 7.98434 5.33696 8.28281 5.33696 8.65099Z"
+          fill="currentColor"/>
+    <path d="M5.33696 11.3201C5.33696 11.6882 5.03849 11.9867 4.67031 11.9867C4.30213 11.9867 4.00366 11.6882 4.00366 11.3201C4.00366 10.9519 4.30213 10.6534 4.67031 10.6534C5.03849 10.6534 5.33696 10.9519 5.33696 11.3201Z"
+          fill="currentColor"/>
+    <path d="M8.6646 8.65099C8.6646 9.01918 8.36613 9.31765 7.99795 9.31765C7.62977 9.31765 7.3313 9.01918 7.3313 8.65099C7.3313 8.28281 7.62977 7.98434 7.99795 7.98434C8.36613 7.98434 8.6646 8.28281 8.6646 8.65099Z"
+          fill="currentColor"/>
+    <path d="M8.6646 11.3201C8.6646 11.6882 8.36613 11.9867 7.99795 11.9867C7.62977 11.9867 7.3313 11.6882 7.3313 11.3201C7.3313 10.9519 7.62977 10.6534 7.99795 10.6534C8.36613 10.6534 8.6646 10.9519 8.6646 11.3201Z"
+          fill="currentColor"/>
+    <path d="M11.9931 8.65099C11.9931 9.01918 11.6946 9.31765 11.3264 9.31765C10.9583 9.31765 10.6598 9.01918 10.6598 8.65099C10.6598 8.28281 10.9583 7.98434 11.3264 7.98434C11.6946 7.98434 11.9931 8.28281 11.9931 8.65099Z"
+          fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M5.33253 0.733307C5.66389 0.733307 5.93251 1.00193 5.93251 1.33329V2.06661H10.0657V1.33329C10.0657 1.00193 10.3344 0.733307 10.6657 0.733307C10.9971 0.733307 11.2657 1.00193 11.2657 1.33329V2.06661H12.6657C13.7337 2.06661 14.599 2.93188 14.599 3.99989V12.6663C14.599 13.7344 13.7337 14.5996 12.6657 14.5996H3.33258C2.26457 14.5996 1.39929 13.7344 1.39929 12.6663V3.99989C1.39929 2.93188 2.26457 2.06661 3.33258 2.06661H4.73254V1.33329C4.73254 1.00193 5.00117 0.733307 5.33253 0.733307ZM4.73254 3.26658H3.33258C2.92729 3.26658 2.59926 3.59461 2.59926 3.99989V5.39986H13.399V3.99989C13.399 3.59461 13.071 3.26658 12.6657 3.26658H11.2657V3.99989C11.2657 4.33126 10.9971 4.59988 10.6657 4.59988C10.3344 4.59988 10.0657 4.33126 10.0657 3.99989V3.26658H5.93251V3.99989C5.93251 4.33126 5.66389 4.59988 5.33253 4.59988C5.00117 4.59988 4.73254 4.33126 4.73254 3.99989V3.26658ZM13.399 6.59983H2.59926V12.6663C2.59926 13.0716 2.92729 13.3997 3.33258 13.3997H12.6657C13.071 13.3997 13.399 13.0716 13.399 12.6663V6.59983Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Chart16.svg

@@ -0,0 +1,5 @@
+<svg data-testid="Chart16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M8.73318 1.99998C8.73318 1.66862 9.0018 1.39999 9.33316 1.39999C12.2418 1.39999 14.5997 3.7579 14.5997 6.66653C14.5997 6.99789 14.3311 7.26652 13.9997 7.26652H9.33316C9.0018 7.26652 8.73318 6.99789 8.73318 6.66653V1.99998ZM9.93315 2.64392V6.06655H13.3558C13.0947 4.30092 11.6988 2.90501 9.93315 2.64392ZM1.40002 8.99981C1.40002 5.90718 3.90726 3.39994 6.99989 3.39994C7.33125 3.39994 7.59987 3.66857 7.59987 3.99993V8.39982H11.9998C12.3311 8.39982 12.5997 8.66844 12.5997 8.99981C12.5997 12.0924 10.0925 14.5997 6.99989 14.5997C3.90726 14.5997 1.40002 12.0924 1.40002 8.99981ZM6.3999 4.64049C4.25381 4.93314 2.6 6.77342 2.6 8.99981C2.6 11.4297 4.56998 13.3997 6.99989 13.3997C9.22627 13.3997 11.0666 11.7459 11.3592 9.59979H6.99989C6.66852 9.59979 6.3999 9.33117 6.3999 8.99981V4.64049Z"
+          fill="currentColor"/>
+</svg>

package/src/components/shared/pl-icon/assets/16/Chat16.svg

@@ -0,0 +1,8 @@
+<svg data-testid="Chat16" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M0.199219 3.20021C0.199219 1.98519 1.18419 1.00021 2.39922 1.00021H7.99922C9.21425 1.00021 10.1992 1.98519 10.1992 3.20021V5.40552C10.1992 6.62055 9.21425 7.60552 7.99922 7.60552H6.3205C6.03386 7.60552 5.76099 7.72853 5.57118 7.94332L4.44827 9.21396C3.59449 10.1801 1.99922 9.57619 1.99922 8.28687V7.60552C1.00511 7.60552 0.199219 6.79963 0.199219 5.80552V3.20021ZM2.39922 2.20021C1.84693 2.20021 1.39922 2.64793 1.39922 3.20021V5.80552C1.39922 6.13689 1.66785 6.40552 1.99922 6.40552C2.66196 6.40552 3.19922 6.94278 3.19922 7.60552V8.28687C3.19922 8.47106 3.42711 8.55733 3.54908 8.41931L4.67199 7.14867C5.08959 6.67614 5.68988 6.40552 6.3205 6.40552H7.99922C8.5515 6.40552 8.99922 5.95781 8.99922 5.40552V3.20021C8.99922 2.64793 8.5515 2.20021 7.99922 2.20021H2.39922Z"
+          fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M13.5991 7.00002C14.1514 7.00002 14.5991 7.44773 14.5991 8.00002V10.6053C14.5991 10.9367 14.3304 11.2053 13.9991 11.2053C13.3363 11.2053 12.7991 11.7426 12.7991 12.4053V13.0867C12.7991 13.2709 12.5712 13.3571 12.4492 13.2191L11.3263 11.9485C10.9087 11.4759 10.3084 11.2053 9.67779 11.2053H7.99907C7.44679 11.2053 6.99907 10.7576 6.99907 10.2053V9.10267C6.99907 8.7713 6.73044 8.50267 6.39907 8.50267C6.0677 8.50267 5.79907 8.7713 5.79907 9.10267V10.2053C5.79907 11.4204 6.78405 12.4053 7.99907 12.4053H9.67779C9.96443 12.4053 10.2373 12.5283 10.4271 12.7431L11.55 14.0138C12.4038 14.9799 13.9991 14.376 13.9991 13.0867V12.4053C14.9932 12.4053 15.7991 11.5994 15.7991 10.6053V8.00002C15.7991 6.78499 14.8141 5.80002 13.5991 5.80002H11.8991C11.5677 5.80002 11.2991 6.06865 11.2991 6.40002C11.2991 6.73139 11.5677 7.00002 11.8991 7.00002H13.5991Z"
+          fill="currentColor"/>
+</svg>