sbwb-ds 3.28.0 → 3.30.0

package/dist/src/main/assets/icons/index.d.ts

@@ -207,3 +207,9 @@ export { default as LockClock } from './ant/lock-clock.svg';
 export { default as LockClockFill } from './ant/lock-clock-fill.svg';
 export { default as LockOpenRight } from './ant/lock-open-right.svg';
 export { default as LockOpenRightFill } from './ant/lock-open-right-fill.svg';
+export { default as PanelLeftOpen } from './ant/panel-left-open.svg';
+export { default as PanelLeftOpenFill } from './ant/panel-left-open-fill.svg';
+export { default as PanelLeftClose } from './ant/panel-left-close.svg';
+export { default as PanelLeftCloseFill } from './ant/panel-left-close-fill.svg';
+export { default as Notifications } from './ant/notifications-off.svg';
+export { default as NotificationsFill } from './ant/notifications-off-fill.svg';

package/dist/src/main/helpers/functions/icons.d.ts

@@ -7164,4 +7164,184 @@ export declare const Icons: {
         desc?: string;
         descId?: string;
     }>;
+    PanelLeftOpenAnt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenEl: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenLg: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenMd: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenSm: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenFillAnt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenFillEl: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenFillLg: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenFillMd: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftOpenFillSm: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseAnt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseEl: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseLg: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseMd: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseSm: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseFillAnt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseFillEl: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseFillLg: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseFillMd: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PanelLeftCloseFillSm: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffAnt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffEl: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffLg: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffMd: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffSm: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffFillAnt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffFillEl: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffFillLg: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffFillMd: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NotificationsOffFillSm: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sbwb-ds",
-  "version": "3.28.0",
+  "version": "3.30.0",
   "type": "module",
   "description": "Sistema de design para padronização dos processos visuais do portal SUBWEB",
   "main": "dist/sbwb-ds.js",
@@ -42,7 +42,7 @@
     "react-mosaic-component": "^6.1.0",
     "react-router-dom": "^6.9.0",
     "react-syntax-highlighter": "^15.5.0",
-    "sbwb-icons": "^1.15.0",
+    "sbwb-icons": "^1.17.0",
     "svgo": "^2.6.4",
     "ts-node": "^10.9.1",
     "vite-plugin-svgr": "^4.3.0"

package/src/main/assets/icons/ant/notifications-off-fill.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 15.5V14H5V9C5 8.43056 5.09375 7.88542 5.28125 7.36458C5.46875 6.84375 5.72222 6.35417 6.04167 5.89583L9.14583 9H7L1.875 3.875L2.9375 2.79167L17.0625 16.9375L16 18L13.5 15.5H4ZM15 12.75L7.14583 4.875C7.42361 4.68056 7.71875 4.52083 8.03125 4.39583C8.34375 4.27083 8.66667 4.17361 9 4.10417V3C9 2.72222 9.09722 2.48611 9.29167 2.29167C9.48611 2.09722 9.72222 2 10 2C10.2778 2 10.5139 2.09722 10.7083 2.29167C10.9028 2.48611 11 2.72222 11 3V4.10417C12.1806 4.32639 13.1424 4.89583 13.8854 5.8125C14.6285 6.72917 15 7.79167 15 9V12.75ZM10 18C9.58333 18 9.22917 17.8542 8.9375 17.5625C8.64583 17.2708 8.5 16.9167 8.5 16.5H11.5C11.5 16.9167 11.3542 17.2708 11.0625 17.5625C10.7708 17.8542 10.4167 18 10 18Z" fill="black"/>
+</svg>

package/src/main/assets/icons/ant/notifications-off.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 15.5V14H5V9C5 8.43056 5.09375 7.88542 5.28125 7.36458C5.46875 6.84375 5.72222 6.35417 6.04167 5.89583L7.14583 7C6.9375 7.29167 6.77778 7.60938 6.66667 7.95313C6.55556 8.29688 6.5 8.64583 6.5 9V14H12L1.875 3.875L2.9375 2.79167L17.0625 16.9375L16 18L13.5 15.5H4ZM15 12.75L13.5 11.25V9C13.5 8.02778 13.1597 7.20139 12.4792 6.52083C11.7986 5.84028 10.9722 5.5 10 5.5C9.68278 5.5 9.37778 5.54167 9.085 5.625C8.79222 5.70833 8.50694 5.82639 8.22917 5.97917L7.14583 4.88521C7.42361 4.68396 7.71875 4.52083 8.03125 4.39583C8.34375 4.27083 8.66667 4.17361 9 4.10417V3C9 2.72222 9.09722 2.48611 9.29167 2.29167C9.48611 2.09722 9.72222 2 10 2C10.2778 2 10.5139 2.09722 10.7083 2.29167C10.9028 2.48611 11 2.72222 11 3V4.10417C12.1806 4.32639 13.1424 4.89583 13.8854 5.8125C14.6285 6.72917 15 7.79167 15 9V12.75ZM9.99563 18C9.58188 18 9.22917 17.8531 8.9375 17.5594C8.64583 17.2656 8.5 16.9125 8.5 16.5H11.5C11.5 16.9167 11.3527 17.2708 11.0581 17.5625C10.7635 17.8542 10.4094 18 9.99563 18Z" fill="black"/>
+</svg>

package/src/main/assets/icons/ant/panel-left-close-fill.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 13.25V6.75L10 10L13.5 13.25ZM4.39583 17C4.01194 17 3.68333 16.8633 3.41 16.59C3.13667 16.3167 3 15.9881 3 15.6042V4.39583C3 4.01194 3.13667 3.68333 3.41 3.41C3.68333 3.13667 4.01194 3 4.39583 3H15.6042C15.9881 3 16.3167 3.13667 16.59 3.41C16.8633 3.68333 17 4.01194 17 4.39583V15.6042C17 15.9881 16.8633 16.3167 16.59 16.59C16.3167 16.8633 15.9881 17 15.6042 17H4.39583ZM8.5 15.5H15.5V4.5H8.5V15.5Z" fill="black"/>
+</svg>

package/src/main/assets/icons/ant/panel-left-close.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 13.25V6.75L10 10L13.5 13.25ZM4.39583 17C4.01194 17 3.68333 16.8633 3.41 16.59C3.13667 16.3167 3 15.9881 3 15.6042V4.39583C3 4.01194 3.13667 3.68333 3.41 3.41C3.68333 3.13667 4.01194 3 4.39583 3H15.6042C15.9881 3 16.3167 3.13667 16.59 3.41C16.8633 3.68333 17 4.01194 17 4.39583V15.6042C17 15.9881 16.8633 16.3167 16.59 16.59C16.3167 16.8633 15.9881 17 15.6042 17H4.39583ZM7 15.5V4.5H4.5V15.5H7ZM8.5 15.5H15.5V4.5H8.5V15.5Z" fill="black"/>
+</svg>

package/src/main/assets/icons/ant/panel-left-open-fill.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 6.75V13.25L14 10L10.5 6.75ZM4.39583 17C4.01194 17 3.68333 16.8633 3.41 16.59C3.13667 16.3167 3 15.9881 3 15.6042V4.39583C3 4.01194 3.13667 3.68333 3.41 3.41C3.68333 3.13667 4.01194 3 4.39583 3H15.6042C15.9881 3 16.3167 3.13667 16.59 3.41C16.8633 3.68333 17 4.01194 17 4.39583V15.6042C17 15.9881 16.8633 16.3167 16.59 16.59C16.3167 16.8633 15.9881 17 15.6042 17H4.39583ZM8.5 15.5H15.5V4.5H8.5V15.5Z" fill="black"/>
+</svg>

package/src/main/assets/icons/ant/panel-left-open.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 6.75V13.25L14 10L10.5 6.75ZM4.39583 17C4.01194 17 3.68333 16.8633 3.41 16.59C3.13667 16.3167 3 15.9881 3 15.6042V4.39583C3 4.01194 3.13667 3.68333 3.41 3.41C3.68333 3.13667 4.01194 3 4.39583 3H15.6042C15.9881 3 16.3167 3.13667 16.59 3.41C16.8633 3.68333 17 4.01194 17 4.39583V15.6042C17 15.9881 16.8633 16.3167 16.59 16.59C16.3167 16.8633 15.9881 17 15.6042 17H4.39583ZM7 15.5V4.5H4.5V15.5H7ZM8.5 15.5H15.5V4.5H8.5V15.5Z" fill="black"/>
+</svg>

package/src/main/assets/icons/extraLarge/notifications-off-fill.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66662 31.6666V28.8887H9.99996V16.5553C9.99996 15.6387 10.1134 14.7359 10.3404 13.847C10.567 12.9581 10.9165 12.1109 11.3887 11.3053L14.3333 16.5553H12.7779L2.86121 6.63867L4.80537 4.6945L35.1945 35.1112L33.25 37.0553L27.8333 31.6666H6.66662ZM30 25.9445L13.1666 9.13867C13.7777 8.56478 14.4444 8.08339 15.1666 7.6945C15.8888 7.30561 16.6666 7.01853 17.5 6.83325V5.83325C17.5 5.13881 17.743 4.54853 18.2291 4.06242C18.7152 3.57631 19.3055 3.33325 20 3.33325C20.6944 3.33325 21.2847 3.57631 21.7708 4.06242C22.2569 4.54853 22.5 5.13881 22.5 5.83325V6.83325C24.7408 7.33325 26.5509 8.49756 27.9304 10.3262C29.3101 12.1551 30 14.2314 30 16.5553V25.9445ZM20 36.6666C19.0833 36.6666 18.2986 36.3402 17.6458 35.6874C16.993 35.0346 16.6666 34.2499 16.6666 33.3333H23.3333C23.3333 34.2499 23.0069 35.0346 22.3541 35.6874C21.7013 36.3402 20.9166 36.6666 20 36.6666Z" fill="black"/>
+</svg>

package/src/main/assets/icons/extraLarge/notifications-off.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66662 31.6666V28.8887H9.99996V16.5553C9.99996 15.6387 10.1157 14.7359 10.347 13.847C10.5787 12.9581 10.9259 12.1109 11.3887 11.3053L13.472 13.3887C13.2407 13.8887 13.067 14.4045 12.9512 14.9362C12.8357 15.4678 12.7779 16.0076 12.7779 16.5553V28.8887H25.0833L2.86121 6.63867L4.80537 4.6945L35.1945 35.1112L33.25 37.0553L27.8333 31.6666H6.66662ZM30 25.9445L27.222 23.1666V16.5553C27.222 14.5553 26.5184 12.8517 25.1112 11.4445C23.7037 10.037 22 9.33325 20 9.33325C19.1086 9.33325 18.2515 9.49061 17.4287 9.80534C16.6059 10.1203 15.8797 10.5834 15.25 11.1945L13.1666 9.13867C13.7777 8.56478 14.4444 8.08339 15.1666 7.6945C15.8888 7.30561 16.6666 7.01853 17.5 6.83325V5.83325C17.5 5.13881 17.743 4.54853 18.2291 4.06242C18.7152 3.57631 19.3055 3.33325 20 3.33325C20.6944 3.33325 21.2847 3.57631 21.7708 4.06242C22.2569 4.54853 22.5 5.13881 22.5 5.83325V6.83325C24.7408 7.33325 26.5509 8.49756 27.9304 10.3262C29.3101 12.1551 30 14.2314 30 16.5553V25.9445ZM20 36.6666C19.0833 36.6666 18.2986 36.3402 17.6458 35.6874C16.993 35.0346 16.6666 34.2499 16.6666 33.3333H23.3333C23.3333 34.2499 23.0069 35.0346 22.3541 35.6874C21.7013 36.3402 20.9166 36.6666 20 36.6666Z" fill="black"/>
+</svg>

package/src/main/assets/icons/extraLarge/panel-left-close-fill.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5833 26V14L21.5833 20L27.5833 26ZM7.77792 35C7.01403 35 6.36 34.7281 5.81583 34.1842C5.27194 33.64 5 32.986 5 32.2221V7.77792C5 7.01403 5.27194 6.36 5.81583 5.81583C6.36 5.27195 7.01403 5 7.77792 5H32.2221C32.986 5 33.64 5.27195 34.1842 5.81583C34.7281 6.36 35 7.01403 35 7.77792V32.2221C35 32.986 34.7281 33.64 34.1842 34.1842C33.64 34.7281 32.986 35 32.2221 35H7.77792ZM16.3054 32.2221H32.2221V7.77792H16.3054V32.2221Z" fill="black"/>
+</svg>

package/src/main/assets/icons/extraLarge/panel-left-close.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5833 26V14L21.5833 20L27.5833 26ZM7.77792 35C7.01403 35 6.36 34.7281 5.81583 34.1842C5.27194 33.64 5 32.986 5 32.2221V7.77792C5 7.01403 5.27194 6.36 5.81583 5.81583C6.36 5.27195 7.01403 5 7.77792 5H32.2221C32.986 5 33.64 5.27195 34.1842 5.81583C34.7281 6.36 35 7.01403 35 7.77792V32.2221C35 32.986 34.7281 33.64 34.1842 34.1842C33.64 34.7281 32.986 35 32.2221 35H7.77792ZM13.5279 32.2221V7.77792H7.77792V32.2221H13.5279ZM16.3054 32.2221H32.2221V7.77792H16.3054V32.2221Z" fill="black"/>
+</svg>

package/src/main/assets/icons/extraLarge/panel-left-open-fill.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5833 14V26L27.5833 20L21.5833 14ZM7.77792 35C7.01403 35 6.36 34.7281 5.81583 34.1842C5.27194 33.64 5 32.986 5 32.2221V7.77792C5 7.01403 5.27194 6.36 5.81583 5.81583C6.36 5.27195 7.01403 5 7.77792 5H32.2221C32.986 5 33.64 5.27195 34.1842 5.81583C34.7281 6.36 35 7.01403 35 7.77792V32.2221C35 32.986 34.7281 33.64 34.1842 34.1842C33.64 34.7281 32.986 35 32.2221 35H7.77792ZM16.3054 32.2221H32.2221V7.77792H16.3054V32.2221Z" fill="black"/>
+</svg>

package/src/main/assets/icons/extraLarge/panel-left-open.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5833 14V26L27.5833 20L21.5833 14ZM7.77792 35C7.01403 35 6.36 34.7281 5.81583 34.1842C5.27194 33.64 5 32.986 5 32.2221V7.77792C5 7.01403 5.27194 6.36 5.81583 5.81583C6.36 5.27195 7.01403 5 7.77792 5H32.2221C32.986 5 33.64 5.27195 34.1842 5.81583C34.7281 6.36 35 7.01403 35 7.77792V32.2221C35 32.986 34.7281 33.64 34.1842 34.1842C33.64 34.7281 32.986 35 32.2221 35H7.77792ZM13.5279 32.2221V7.77792H7.77792V32.2221H13.5279ZM16.3054 32.2221H32.2221V7.77792H16.3054V32.2221Z" fill="black"/>
+</svg>

package/src/main/assets/icons/index.ts

@@ -207,3 +207,9 @@ export { default as LockClock } from './ant/lock-clock.svg';
 export { default as LockClockFill } from './ant/lock-clock-fill.svg';
 export { default as LockOpenRight } from './ant/lock-open-right.svg';
 export { default as LockOpenRightFill } from './ant/lock-open-right-fill.svg';
+export { default as PanelLeftOpen } from './ant/panel-left-open.svg';
+export { default as PanelLeftOpenFill } from './ant/panel-left-open-fill.svg';
+export { default as PanelLeftClose } from './ant/panel-left-close.svg';
+export { default as PanelLeftCloseFill } from './ant/panel-left-close-fill.svg';
+export { default as Notifications } from './ant/notifications-off.svg';
+export { default as NotificationsFill } from './ant/notifications-off-fill.svg';

package/src/main/assets/icons/large/notifications-off-fill.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33327 25.3334V23.1111H7.99994V13.2444C7.99994 12.5111 8.09072 11.7889 8.27227 11.0777C8.45361 10.3666 8.73316 9.68886 9.11094 9.04441L11.4666 13.2444H10.2223L2.28894 5.31108L3.84427 3.75575L28.1556 28.0891L26.5999 29.6444L22.2666 25.3334H5.33327ZM23.9999 20.7557L10.5333 7.31108C11.0222 6.85197 11.5555 6.46686 12.1333 6.15575C12.7111 5.84464 13.3333 5.61497 13.9999 5.46675V4.66675C13.9999 4.11119 14.1944 3.63897 14.5833 3.25008C14.9722 2.86119 15.4444 2.66675 15.9999 2.66675C16.5555 2.66675 17.0277 2.86119 17.4166 3.25008C17.8055 3.63897 17.9999 4.11119 17.9999 4.66675V5.46675C19.7926 5.86675 21.2407 6.79819 22.3443 8.26108C23.4481 9.72419 23.9999 11.3853 23.9999 13.2444V20.7557ZM15.9999 29.3334C15.2666 29.3334 14.6388 29.0723 14.1166 28.5501C13.5944 28.0279 13.3333 27.4001 13.3333 26.6667H18.6666C18.6666 27.4001 18.4055 28.0279 17.8833 28.5501C17.3611 29.0723 16.7333 29.3334 15.9999 29.3334Z" fill="black"/>
+</svg>

package/src/main/assets/icons/large/notifications-off.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33327 25.3334V23.1111H7.99994V13.2444C7.99994 12.5111 8.0925 11.7889 8.27761 11.0777C8.46294 10.3666 8.74072 9.68886 9.11094 9.04441L10.7776 10.7111C10.5925 11.1111 10.4536 11.5237 10.3609 11.9491C10.2685 12.3744 10.2223 12.8062 10.2223 13.2444V23.1111H20.0666L2.28894 5.31108L3.84427 3.75575L28.1556 28.0891L26.5999 29.6444L22.2666 25.3334H5.33327ZM23.9999 20.7557L21.7776 18.5334V13.2444C21.7776 11.6444 21.2147 10.2815 20.0889 9.15575C18.9629 8.02975 17.5999 7.46675 15.9999 7.46675C15.2868 7.46675 14.6012 7.59264 13.9429 7.84441C13.2847 8.09641 12.7037 8.46686 12.1999 8.95575L10.5333 7.31108C11.0222 6.85197 11.5555 6.46686 12.1333 6.15575C12.7111 5.84464 13.3333 5.61497 13.9999 5.46675V4.66675C13.9999 4.11119 14.1944 3.63897 14.5833 3.25008C14.9722 2.86119 15.4444 2.66675 15.9999 2.66675C16.5555 2.66675 17.0277 2.86119 17.4166 3.25008C17.8055 3.63897 17.9999 4.11119 17.9999 4.66675V5.46675C19.7926 5.86675 21.2407 6.79819 22.3443 8.26108C23.4481 9.72419 23.9999 11.3853 23.9999 13.2444V20.7557ZM15.9999 29.3334C15.2666 29.3334 14.6388 29.0723 14.1166 28.5501C13.5944 28.0279 13.3333 27.4001 13.3333 26.6667H18.6666C18.6666 27.4001 18.4055 28.0279 17.8833 28.5501C17.3611 29.0723 16.7333 29.3334 15.9999 29.3334Z" fill="black"/>
+</svg>

package/src/main/assets/icons/large/panel-left-close-fill.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0667 20.8V11.2L17.2667 16L22.0667 20.8ZM6.22233 28C5.61122 28 5.088 27.7824 4.65267 27.3473C4.21756 26.912 4 26.3888 4 25.7777V6.22233C4 5.61122 4.21756 5.088 4.65267 4.65267C5.088 4.21756 5.61122 4 6.22233 4H25.7777C26.3888 4 26.912 4.21756 27.3473 4.65267C27.7824 5.088 28 5.61122 28 6.22233V25.7777C28 26.3888 27.7824 26.912 27.3473 27.3473C26.912 27.7824 26.3888 28 25.7777 28H6.22233ZM13.0443 25.7777H25.7777V6.22233H13.0443V25.7777Z" fill="black"/>
+</svg>

package/src/main/assets/icons/large/panel-left-close.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0667 20.8V11.2L17.2667 16L22.0667 20.8ZM6.22233 28C5.61122 28 5.088 27.7824 4.65267 27.3473C4.21756 26.912 4 26.3888 4 25.7777V6.22233C4 5.61122 4.21756 5.088 4.65267 4.65267C5.088 4.21756 5.61122 4 6.22233 4H25.7777C26.3888 4 26.912 4.21756 27.3473 4.65267C27.7824 5.088 28 5.61122 28 6.22233V25.7777C28 26.3888 27.7824 26.912 27.3473 27.3473C26.912 27.7824 26.3888 28 25.7777 28H6.22233ZM10.8223 25.7777V6.22233H6.22233V25.7777H10.8223ZM13.0443 25.7777H25.7777V6.22233H13.0443V25.7777Z" fill="black"/>
+</svg>

package/src/main/assets/icons/large/panel-left-open-fill.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2667 11.2V20.8L22.0667 16L17.2667 11.2ZM6.22233 28C5.61122 28 5.088 27.7824 4.65267 27.3473C4.21756 26.912 4 26.3888 4 25.7777V6.22233C4 5.61122 4.21756 5.088 4.65267 4.65267C5.088 4.21756 5.61122 4 6.22233 4H25.7777C26.3888 4 26.912 4.21756 27.3473 4.65267C27.7824 5.088 28 5.61122 28 6.22233V25.7777C28 26.3888 27.7824 26.912 27.3473 27.3473C26.912 27.7824 26.3888 28 25.7777 28H6.22233ZM13.0443 25.7777H25.7777V6.22233H13.0443V25.7777Z" fill="black"/>
+</svg>

package/src/main/assets/icons/large/panel-left-open.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2667 11.2V20.8L22.0667 16L17.2667 11.2ZM6.22233 28C5.61122 28 5.088 27.7824 4.65267 27.3473C4.21756 26.912 4 26.3888 4 25.7777V6.22233C4 5.61122 4.21756 5.088 4.65267 4.65267C5.088 4.21756 5.61122 4 6.22233 4H25.7777C26.3888 4 26.912 4.21756 27.3473 4.65267C27.7824 5.088 28 5.61122 28 6.22233V25.7777C28 26.3888 27.7824 26.912 27.3473 27.3473C26.912 27.7824 26.3888 28 25.7777 28H6.22233ZM10.8223 25.7777V6.22233H6.22233V25.7777H10.8223ZM13.0443 25.7777H25.7777V6.22233H13.0443V25.7777Z" fill="black"/>
+</svg>

package/src/main/assets/icons/medium/notifications-off-fill.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.00002 19V17H6.00002V10C6.00002 9.45 6.07086 8.90833 6.21252 8.375C6.35419 7.84167 6.56669 7.33333 6.85002 6.85L10 10H7.20002L1.40002 4.2L2.80002 2.8L21.2 21.2L19.8 22.6L16.15 19H4.00002ZM18 15.15L8.20003 5.35C8.53336 5.08333 8.89169 4.85 9.27503 4.65C9.65836 4.45 10.0667 4.3 10.5 4.2V3.5C10.5 3.08333 10.6459 2.72917 10.9375 2.4375C11.2292 2.14583 11.5834 2 12 2C12.4167 2 12.7709 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8334 4.53333 15.9167 5.2375 16.75 6.3125C17.5834 7.3875 18 8.61667 18 10V15.15ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1959 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0209 21.8042 12.55 22 12 22Z" fill="black"/>
+</svg>

package/src/main/assets/icons/medium/notifications-off.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.00002 19V17H6.00002V10C6.00002 9.45 6.07086 8.90833 6.21252 8.375C6.35419 7.84167 6.56669 7.33333 6.85002 6.85L8.35003 8.35C8.23336 8.61667 8.14586 8.8875 8.08753 9.1625C8.02919 9.4375 8.00003 9.71667 8.00003 10V17H14.2L1.40002 4.2L2.80002 2.8L21.2 21.2L19.8 22.6L16.15 19H4.00002ZM18 15.15L16 13.15V10C16 8.9 15.6084 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C11.5667 6 11.15 6.06667 10.75 6.2C10.35 6.33333 9.98336 6.53333 9.65003 6.8L8.20003 5.35C8.53336 5.08333 8.89169 4.85 9.27503 4.65C9.65836 4.45 10.0667 4.3 10.5 4.2V3.5C10.5 3.08333 10.6459 2.72917 10.9375 2.4375C11.2292 2.14583 11.5834 2 12 2C12.4167 2 12.7709 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8334 4.53333 15.9167 5.2375 16.75 6.3125C17.5834 7.3875 18 8.61667 18 10V15.15ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1959 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0209 21.8042 12.55 22 12 22Z" fill="black"/>
+</svg>

package/src/main/assets/icons/medium/panel-left-close-fill.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="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM10 19H19V5H10V19Z" fill="black"/>
+</svg>

package/src/main/assets/icons/medium/panel-left-close.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="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="black"/>
+</svg>

package/src/main/assets/icons/medium/panel-left-open-fill.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="M12.5 8V16L16.5 12L12.5 8ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM10 19H19V5H10V19Z" fill="black"/>
+</svg>

package/src/main/assets/icons/medium/panel-left-open.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="M12.5 8V16L16.5 12L12.5 8ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="black"/>
+</svg>

package/src/main/assets/icons/small/notifications-off-fill.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="M3.2 12.4001V11.2001H4V7.2001C4 6.74454 4.075 6.30843 4.225 5.89176C4.375 5.4751 4.57778 5.08343 4.83333 4.71676L7.31667 7.2001H5.6L1.5 3.1001L2.35 2.23343L13.65 13.5501L12.8 14.4001L10.8 12.4001H3.2ZM12 10.2001L5.71667 3.9001C5.93889 3.74454 6.175 3.61676 6.425 3.51676C6.675 3.41676 6.93333 3.33899 7.2 3.28343V2.4001C7.2 2.17788 7.27778 1.98899 7.43333 1.83343C7.58889 1.67788 7.77778 1.6001 8 1.6001C8.22222 1.6001 8.41111 1.67788 8.56667 1.83343C8.72222 1.98899 8.8 2.17788 8.8 2.4001V3.28343C9.74444 3.46121 10.5139 3.91676 11.1083 4.6501C11.7028 5.38343 12 6.23343 12 7.2001V10.2001ZM8 14.4001C7.66667 14.4001 7.38333 14.2834 7.15 14.0501C6.91667 13.8168 6.8 13.5334 6.8 13.2001H9.2C9.2 13.5334 9.08333 13.8168 8.85 14.0501C8.61667 14.2834 8.33333 14.4001 8 14.4001Z" fill="black"/>
+</svg>

package/src/main/assets/icons/small/notifications-off.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="M3.2 12.4001V11.2001H4V7.2001C4 6.74454 4.075 6.30843 4.225 5.89176C4.375 5.4751 4.57778 5.08343 4.83333 4.71676L5.71667 5.6001C5.55 5.83343 5.42222 6.0876 5.33333 6.3626C5.24444 6.6376 5.2 6.91676 5.2 7.2001V11.2001H9.6L1.5 3.1001L2.35 2.23343L13.65 13.5501L12.8 14.4001L10.8 12.4001H3.2ZM12 10.2001L10.8 9.0001V7.2001C10.8 6.42232 10.5278 5.76121 9.98333 5.21676C9.43889 4.67232 8.77778 4.4001 8 4.4001C7.74622 4.4001 7.50222 4.43343 7.268 4.5001C7.03378 4.56676 6.80556 4.66121 6.58333 4.78343L5.71667 3.90826C5.93889 3.74726 6.175 3.61676 6.425 3.51676C6.675 3.41676 6.93333 3.33899 7.2 3.28343V2.4001C7.2 2.17788 7.27778 1.98899 7.43333 1.83343C7.58889 1.67788 7.77778 1.6001 8 1.6001C8.22222 1.6001 8.41111 1.67788 8.56667 1.83343C8.72222 1.98899 8.8 2.17788 8.8 2.4001V3.28343C9.74444 3.46121 10.5139 3.91676 11.1083 4.6501C11.7028 5.38343 12 6.23343 12 7.2001V10.2001ZM7.9965 14.4001C7.6655 14.4001 7.38333 14.2826 7.15 14.0476C6.91667 13.8126 6.8 13.5301 6.8 13.2001H9.2C9.2 13.5334 9.08217 13.8168 8.8465 14.0501C8.61083 14.2834 8.3275 14.4001 7.9965 14.4001Z" fill="black"/>
+</svg>

package/src/main/assets/icons/small/panel-left-close-fill.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="M10.8 10.5999V5.3999L8.00002 7.9999L10.8 10.5999ZM3.51669 13.5999C3.20958 13.5999 2.94669 13.4906 2.72802 13.2719C2.50936 13.0532 2.40002 12.7903 2.40002 12.4832V3.51657C2.40002 3.20946 2.50936 2.94657 2.72802 2.7279C2.94669 2.50924 3.20958 2.3999 3.51669 2.3999H12.4834C12.7905 2.3999 13.0534 2.50924 13.272 2.7279C13.4907 2.94657 13.6 3.20946 13.6 3.51657V12.4832C13.6 12.7903 13.4907 13.0532 13.272 13.2719C13.0534 13.4906 12.7905 13.5999 12.4834 13.5999H3.51669ZM6.80002 12.3999H12.4V3.5999H6.80002V12.3999Z" fill="black"/>
+</svg>

package/src/main/assets/icons/small/panel-left-close.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="M10.8 10.5999V5.3999L8.00002 7.9999L10.8 10.5999ZM3.51669 13.5999C3.20958 13.5999 2.94669 13.4906 2.72802 13.2719C2.50936 13.0532 2.40002 12.7903 2.40002 12.4832V3.51657C2.40002 3.20946 2.50936 2.94657 2.72802 2.7279C2.94669 2.50924 3.20958 2.3999 3.51669 2.3999H12.4834C12.7905 2.3999 13.0534 2.50924 13.272 2.7279C13.4907 2.94657 13.6 3.20946 13.6 3.51657V12.4832C13.6 12.7903 13.4907 13.0532 13.272 13.2719C13.0534 13.4906 12.7905 13.5999 12.4834 13.5999H3.51669ZM5.60002 12.3999V3.5999H3.60002V12.3999H5.60002ZM6.80002 12.3999H12.4V3.5999H6.80002V12.3999Z" fill="black"/>
+</svg>

package/src/main/assets/icons/small/panel-left-open-fill.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="M8.40002 5.3999V10.5999L11.2 7.9999L8.40002 5.3999ZM3.51669 13.5999C3.20958 13.5999 2.94669 13.4906 2.72802 13.2719C2.50936 13.0532 2.40002 12.7903 2.40002 12.4832V3.51657C2.40002 3.20946 2.50936 2.94657 2.72802 2.7279C2.94669 2.50924 3.20958 2.3999 3.51669 2.3999H12.4834C12.7905 2.3999 13.0534 2.50924 13.272 2.7279C13.4907 2.94657 13.6 3.20946 13.6 3.51657V12.4832C13.6 12.7903 13.4907 13.0532 13.272 13.2719C13.0534 13.4906 12.7905 13.5999 12.4834 13.5999H3.51669ZM6.80002 12.3999H12.4V3.5999H6.80002V12.3999Z" fill="black"/>
+</svg>

package/src/main/assets/icons/small/panel-left-open.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="M8.40002 5.3999V10.5999L11.2 7.9999L8.40002 5.3999ZM3.51669 13.5999C3.20958 13.5999 2.94669 13.4906 2.72802 13.2719C2.50936 13.0532 2.40002 12.7903 2.40002 12.4832V3.51657C2.40002 3.20946 2.50936 2.94657 2.72802 2.7279C2.94669 2.50924 3.20958 2.3999 3.51669 2.3999H12.4834C12.7905 2.3999 13.0534 2.50924 13.272 2.7279C13.4907 2.94657 13.6 3.20946 13.6 3.51657V12.4832C13.6 12.7903 13.4907 13.0532 13.272 13.2719C13.0534 13.4906 12.7905 13.5999 12.4834 13.5999H3.51669ZM5.60002 12.3999V3.5999H3.60002V12.3999H5.60002ZM6.80002 12.3999H12.4V3.5999H6.80002V12.3999Z" fill="black"/>
+</svg>

package/src/main/helpers/functions/icons.ts

@@ -1434,6 +1434,42 @@ import LockOpenRightFillLg from '../../assets/icons/large/lock-open-right-fill.s
 import LockOpenRightFillMd from '../../assets/icons/medium/lock-open-right-fill.svg?react';
 import LockOpenRightFillSm from '../../assets/icons/small/lock-open-right-fill.svg?react';
 
+import PanelLeftOpenAnt from '../../assets/icons/ant/panel-left-open.svg?react';
+import PanelLeftOpenEl from '../../assets/icons/extraLarge/panel-left-open.svg?react';
+import PanelLeftOpenLg from '../../assets/icons/large/panel-left-open.svg?react';
+import PanelLeftOpenMd from '../../assets/icons/medium/panel-left-open.svg?react';
+import PanelLeftOpenSm from '../../assets/icons/small/panel-left-open.svg?react';
+
+import PanelLeftOpenFillAnt from '../../assets/icons/ant/panel-left-open-fill.svg?react';
+import PanelLeftOpenFillEl from '../../assets/icons/extraLarge/panel-left-open-fill.svg?react';
+import PanelLeftOpenFillLg from '../../assets/icons/large/panel-left-open-fill.svg?react';
+import PanelLeftOpenFillMd from '../../assets/icons/medium/panel-left-open-fill.svg?react';
+import PanelLeftOpenFillSm from '../../assets/icons/small/panel-left-open-fill.svg?react';
+
+import PanelLeftCloseAnt from '../../assets/icons/ant/panel-left-close.svg?react';
+import PanelLeftCloseEl from '../../assets/icons/extraLarge/panel-left-close.svg?react';
+import PanelLeftCloseLg from '../../assets/icons/large/panel-left-close.svg?react';
+import PanelLeftCloseMd from '../../assets/icons/medium/panel-left-close.svg?react';
+import PanelLeftCloseSm from '../../assets/icons/small/panel-left-close.svg?react';
+
+import PanelLeftCloseFillAnt from '../../assets/icons/ant/panel-left-close-fill.svg?react';
+import PanelLeftCloseFillEl from '../../assets/icons/extraLarge/panel-left-close-fill.svg?react';
+import PanelLeftCloseFillLg from '../../assets/icons/large/panel-left-close-fill.svg?react';
+import PanelLeftCloseFillMd from '../../assets/icons/medium/panel-left-close-fill.svg?react';
+import PanelLeftCloseFillSm from '../../assets/icons/small/panel-left-close-fill.svg?react';
+
+import NotificationsOffAnt from '../../assets/icons/ant/notifications-off.svg?react';
+import NotificationsOffEl from '../../assets/icons/extraLarge/notifications-off.svg?react';
+import NotificationsOffLg from '../../assets/icons/large/notifications-off.svg?react';
+import NotificationsOffMd from '../../assets/icons/medium/notifications-off.svg?react';
+import NotificationsOffSm from '../../assets/icons/small/notifications-off.svg?react';
+
+import NotificationsOffFillAnt from '../../assets/icons/ant/notifications-off-fill.svg?react';
+import NotificationsOffFillEl from '../../assets/icons/extraLarge/notifications-off-fill.svg?react';
+import NotificationsOffFillLg from '../../assets/icons/large/notifications-off-fill.svg?react';
+import NotificationsOffFillMd from '../../assets/icons/medium/notifications-off-fill.svg?react';
+import NotificationsOffFillSm from '../../assets/icons/small/notifications-off-fill.svg?react';
+
 export const Icons = {
   ExpandedCircleDown,
   ExpandedCircleRight,
@@ -2629,4 +2665,34 @@ export const Icons = {
   LockOpenRightFillLg,
   LockOpenRightFillMd,
   LockOpenRightFillSm,
+  PanelLeftOpenAnt,
+  PanelLeftOpenEl,
+  PanelLeftOpenLg,
+  PanelLeftOpenMd,
+  PanelLeftOpenSm,
+  PanelLeftOpenFillAnt,
+  PanelLeftOpenFillEl,
+  PanelLeftOpenFillLg,
+  PanelLeftOpenFillMd,
+  PanelLeftOpenFillSm,
+  PanelLeftCloseAnt,
+  PanelLeftCloseEl,
+  PanelLeftCloseLg,
+  PanelLeftCloseMd,
+  PanelLeftCloseSm,
+  PanelLeftCloseFillAnt,
+  PanelLeftCloseFillEl,
+  PanelLeftCloseFillLg,
+  PanelLeftCloseFillMd,
+  PanelLeftCloseFillSm,
+  NotificationsOffAnt,
+  NotificationsOffEl,
+  NotificationsOffLg,
+  NotificationsOffMd,
+  NotificationsOffSm,
+  NotificationsOffFillAnt,
+  NotificationsOffFillEl,
+  NotificationsOffFillLg,
+  NotificationsOffFillMd,
+  NotificationsOffFillSm,
 };

package/src/presentation/components/molecules/DataTable/Components/TableHeaderCell/TableHeaderCell.stories.tsx

@@ -6,6 +6,16 @@ import { Meta, StoryObj } from '@storybook/react';
 const meta: Meta<typeof TableHeaderCell> = {
   title: 'Table/TableHeaderCell',
   component: TableHeaderCell,
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'Header cell for data tables with optional sorting and unit/menu selection.<br />' +
+          'Warning about `text` with `[]`: this component parses string text by splitting at the first `[` to support dynamic suffix replacement when `optionsSelect` is used (example: `Diameter [mm]`).<br />' +
+          'Expected format for dynamic suffix: `Label [default]`. If you do not need dynamic replacement, avoid `[` in `text` or pass a React element to `text`.',
+      },
+    },
+  },
   args: {},
   tags: ['autodocs'],
   argTypes: {
@@ -15,7 +25,8 @@ const meta: Meta<typeof TableHeaderCell> = {
     },
     text: {
       control: 'text',
-      description: 'Text of the cell.',
+      description:
+        'Main label text. If it is a string containing `[`, the component splits it at the first `[` and treats the bracket part as a dynamic suffix when used with `optionsSelect`.',
     },
     subText: {
       control: 'text',
@@ -75,7 +86,8 @@ const meta: Meta<typeof TableHeaderCell> = {
     },
     optionsSelect: {
       control: 'object',
-      description: 'Options for the select menu.',
+      description:
+        'Options for the select menu. When provided with `text` in `Label [default]` format, the selected option value replaces the bracketed suffix.',
     },
     selectOption: {
       control: 'function',
@@ -83,7 +95,8 @@ const meta: Meta<typeof TableHeaderCell> = {
     },
     selectedOption: {
       control: 'object',
-      description: 'Selected option.',
+      description:
+        'Selected option used in dynamic suffix rendering. Prefer values already formatted as needed (for example `[mm]`).',
     },
     menuIsOpen: {
       control: 'boolean',
@@ -161,3 +174,21 @@ Default.args = {};
 export const WithSelect: Story = TemplateWithSelect.bind({});
 
 WithSelect.args = {};
+
+export const TextWithBracketsWarning: Story = TemplateWithSelect.bind({});
+
+TextWithBracketsWarning.parameters = {
+  docs: {
+    description: {
+      story:
+        'Use `text` with `[]` only when you want a dynamic suffix pattern (`Label [default]`).<br />' +
+        'Important details:<br />' +
+        '- The component only splits on the first `[`.<br />' +
+        '- If your label contains `[` for another reason, rendering may be unexpected.<br />' +
+        '- For static labels that include brackets, prefer passing a React element in `text` or avoid this pattern.',
+    },
+  },
+};
+TextWithBracketsWarning.args = {
+  text: 'Diâmetro [mm]',
+};