@brickclay-org/ui 0.1.77 → 0.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/assets/icons/bank-card-icon.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 7.7962H22" stroke="#A1A3AE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 15.1295H8" stroke="#A1A3AE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 15.1295H14.5" stroke="#A1A3AE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.44 3.21289H17.55C21.11 3.21289 22 4.01956 22 7.23706V14.7629C22 17.9804 21.11 18.7871 17.56 18.7871H6.44C2.89 18.7962 2 17.9896 2 14.7721V7.23706C2 4.01956 2.89 3.21289 6.44 3.21289Z" stroke="#A1A3AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/alert-circle-white.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 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/calendar-black-icon.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.3335 1.33337V3.33337" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6665 1.33337V3.33337" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.3335 6.06006H13.6668" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 5.66671V11.3334C14 13.3334 13 14.6667 10.6667 14.6667H5.33333C3 14.6667 2 13.3334 2 11.3334V5.66671C2 3.66671 3 2.33337 5.33333 2.33337H10.6667C13 2.33337 14 3.66671 14 5.66671Z" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.463 9.13338H10.469" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.463 11.1334H10.469" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99715 9.13338H8.00314" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99715 11.1334H8.00314" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52938 9.13338H5.53537" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52938 11.1334H5.53537" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/calendar-white-icon.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33334 1.33333V3.33333" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6667 1.33333V3.33333" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.33334 6.06H13.6667" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 5.66666V11.3333C14 13.3333 13 14.6667 10.6667 14.6667H5.33333C3 14.6667 2 13.3333 2 11.3333V5.66666C2 3.66666 3 2.33333 5.33333 2.33333H10.6667C13 2.33333 14 3.66666 14 5.66666Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.4631 9.13334H10.4691" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.4631 11.1333H10.4691" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.997 9.13334H8.00299" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.997 11.1333H8.00299" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52953 9.13334H5.53552" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52953 11.1333H5.53552" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/calender.svg

@@ -0,0 +1,19 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3797_46309)">
+<path d="M14.545 5.45448V11.6363C14.545 13.8181 13.4541 15.2727 10.9086 15.2727H5.09047C2.54501 15.2727 1.4541 13.8181 1.4541 11.6363V5.45448C1.4541 3.27266 2.54501 1.81812 5.09047 1.81812H10.9086C13.4541 1.81812 14.545 3.27266 14.545 5.45448Z" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.09082 0.727295V2.90911" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.9092 0.727295V2.90911" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.81836 5.88354H14.182" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6868 9.23619H10.6933" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6868 11.4181H10.6933" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99636 9.23619H8.00289" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99636 11.4181H8.00289" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.30495 9.23644H5.31149" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.30495 11.4181H5.31149" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3797_46309">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/global/kanban-black-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.84 3.40002V11.2667C12.84 12.2667 12.4133 12.6667 11.3533 12.6667H10.66C9.60001 12.6667 9.17334 12.2667 9.17334 11.2667V3.40002" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.50684 3.40002V7.93336C3.50684 8.93336 3.9335 9.33336 4.9935 9.33336H5.68684C6.74684 9.33336 7.1735 8.93336 7.1735 7.93336V3.40002" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.3335 3.33337H14.6668" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/kanban-white-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.84 3.39999V11.2667C12.84 12.2667 12.4133 12.6667 11.3533 12.6667H10.66C9.60001 12.6667 9.17334 12.2667 9.17334 11.2667V3.39999" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.50665 3.39999V7.93333C3.50665 8.93333 3.93332 9.33333 4.99332 9.33333H5.68665C6.74665 9.33333 7.17332 8.93333 7.17332 7.93333V3.39999" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33334 3.33333H14.6667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/location-black-icon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99992 8.95334C9.14867 8.95334 10.0799 8.02209 10.0799 6.87334C10.0799 5.72458 9.14867 4.79333 7.99992 4.79333C6.85117 4.79333 5.91992 5.72458 5.91992 6.87334C5.91992 8.02209 6.85117 8.95334 7.99992 8.95334Z" stroke="#141414"/>
+<path d="M2.4133 5.66004C3.72664 -0.113291 12.28 -0.106624 13.5866 5.66671C14.3533 9.05338 12.2466 11.92 10.4 13.6934C9.05997 14.9867 6.93997 14.9867 5.5933 13.6934C3.7533 11.92 1.64664 9.04671 2.4133 5.66004Z" stroke="#141414"/>
+</svg>

package/src/assets/icons/global/location-white-icon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00001 8.95334C9.14877 8.95334 10.08 8.02209 10.08 6.87334C10.08 5.72458 9.14877 4.79333 8.00001 4.79333C6.85126 4.79333 5.92001 5.72458 5.92001 6.87334C5.92001 8.02209 6.85126 8.95334 8.00001 8.95334Z" stroke="white"/>
+<path d="M2.41333 5.66C3.72667 -0.113337 12.28 -0.10667 13.5867 5.66666C14.3533 9.05333 12.2467 11.92 10.4 13.6933C9.06 14.9867 6.94 14.9867 5.59333 13.6933C3.75333 11.92 1.64667 9.04666 2.41333 5.66Z" stroke="white"/>
+</svg>

package/src/assets/icons/global/notification.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.775 1.25H2.75C2.35218 1.25 1.97064 1.40804 1.68934 1.68934C1.40804 1.97064 1.25 2.35218 1.25 2.75V14.75L4.25 11.75H13.25C13.6478 11.75 14.0294 11.592 14.3107 11.3107C14.592 11.0294 14.75 10.6478 14.75 10.25V8.225" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 5.75C13.7426 5.75 14.75 4.74264 14.75 3.5C14.75 2.25736 13.7426 1.25 12.5 1.25C11.2574 1.25 10.25 2.25736 10.25 3.5C10.25 4.74264 11.2574 5.75 12.5 5.75Z" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/resources-black-icon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.10671 7.24671C6.04004 7.24004 5.96004 7.24004 5.88671 7.24671C4.30004 7.19337 3.04004 5.89337 3.04004 4.29337C3.04004 2.66004 4.36004 1.33337 6.00004 1.33337C7.63337 1.33337 8.96004 2.66004 8.96004 4.29337C8.95337 5.89337 7.69337 7.19337 6.10671 7.24671Z" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.9402 2.66663C12.2335 2.66663 13.2735 3.71329 13.2735 4.99996C13.2735 6.25996 12.2735 7.28663 11.0268 7.33329C10.9735 7.32663 10.9135 7.32663 10.8535 7.33329" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.77348 9.70663C1.16014 10.7866 1.16014 12.5466 2.77348 13.62C4.60681 14.8466 7.61348 14.8466 9.44681 13.62C11.0601 12.54 11.0601 10.78 9.44681 9.70663C7.62014 8.48663 4.61348 8.48663 2.77348 9.70663Z" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2266 13.3334C12.7066 13.2334 13.1599 13.04 13.5332 12.7534C14.5732 11.9734 14.5732 10.6867 13.5332 9.90671C13.1666 9.62671 12.7199 9.44004 12.2466 9.33337" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/resources-white-icon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.10668 7.24666C6.04001 7.24 5.96001 7.24 5.88668 7.24666C4.30001 7.19333 3.04001 5.89333 3.04001 4.29333C3.04001 2.65999 4.36001 1.33333 6.00001 1.33333C7.63334 1.33333 8.96001 2.65999 8.96001 4.29333C8.95334 5.89333 7.69334 7.19333 6.10668 7.24666Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.94 2.66667C12.2333 2.66667 13.2733 3.71334 13.2733 5C13.2733 6.26 12.2733 7.28667 11.0267 7.33334C10.9733 7.32667 10.9133 7.32667 10.8533 7.33334" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.77332 9.70667C1.15999 10.7867 1.15999 12.5467 2.77332 13.62C4.60666 14.8467 7.61332 14.8467 9.44666 13.62C11.06 12.54 11.06 10.78 9.44666 9.70667C7.61999 8.48667 4.61332 8.48667 2.77332 9.70667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2267 13.3333C12.7067 13.2333 13.16 13.04 13.5333 12.7533C14.5733 11.9733 14.5733 10.6867 13.5333 9.90666C13.1667 9.62666 12.72 9.43999 12.2467 9.33333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/search.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7511 14.7491L11.4961 11.4941" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.25 13.25C10.5637 13.25 13.25 10.5637 13.25 7.25C13.25 3.93629 10.5637 1.25 7.25 1.25C3.93629 1.25 1.25 3.93629 1.25 7.25C1.25 10.5637 3.93629 13.25 7.25 13.25Z" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/setting-black.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.165 1.5H8.835C8.43718 1.5 8.05565 1.65804 7.77434 1.93934C7.49304 2.22064 7.335 2.60218 7.335 3V3.135C7.33473 3.39804 7.26529 3.65639 7.13366 3.88413C7.00202 4.11186 6.8128 4.30098 6.585 4.4325L6.2625 4.62C6.03447 4.75165 5.77581 4.82096 5.5125 4.82096C5.2492 4.82096 4.99053 4.75165 4.7625 4.62L4.65 4.56C4.3058 4.36145 3.89688 4.30758 3.513 4.41023C3.12913 4.51288 2.80166 4.76365 2.6025 5.1075L2.4375 5.3925C2.23895 5.7367 2.18508 6.14562 2.28773 6.5295C2.39038 6.91338 2.64115 7.24084 2.985 7.44L3.0975 7.515C3.32421 7.64588 3.51272 7.83382 3.64429 8.06012C3.77586 8.28643 3.84592 8.54323 3.8475 8.805V9.1875C3.84855 9.45182 3.77974 9.71171 3.64803 9.94088C3.51633 10.17 3.32641 10.3603 3.0975 10.4925L2.985 10.56C2.64115 10.7592 2.39038 11.0866 2.28773 11.4705C2.18508 11.8544 2.23895 12.2633 2.4375 12.6075L2.6025 12.8925C2.80166 13.2363 3.12913 13.4871 3.513 13.5898C3.89688 13.6924 4.3058 13.6386 4.65 13.44L4.7625 13.38C4.99053 13.2483 5.2492 13.179 5.5125 13.179C5.77581 13.179 6.03447 13.2483 6.2625 13.38L6.585 13.5675C6.8128 13.699 7.00202 13.8881 7.13366 14.1159C7.26529 14.3436 7.33473 14.602 7.335 14.865V15C7.335 15.3978 7.49304 15.7794 7.77434 16.0607C8.05565 16.342 8.43718 16.5 8.835 16.5H9.165C9.56283 16.5 9.94436 16.342 10.2257 16.0607C10.507 15.7794 10.665 15.3978 10.665 15V14.865C10.6653 14.602 10.7347 14.3436 10.8663 14.1159C10.998 13.8881 11.1872 13.699 11.415 13.5675L11.7375 13.38C11.9655 13.2483 12.2242 13.179 12.4875 13.179C12.7508 13.179 13.0095 13.2483 13.2375 13.38L13.35 13.44C13.6942 13.6386 14.1031 13.6924 14.487 13.5898C14.8709 13.4871 15.1983 13.2363 15.3975 12.8925L15.5625 12.6C15.7611 12.2558 15.8149 11.8469 15.7123 11.463C15.6096 11.0791 15.3588 10.7517 15.015 10.5525L14.9025 10.4925C14.6736 10.3603 14.4837 10.17 14.352 9.94088C14.2203 9.71171 14.1515 9.45182 14.1525 9.1875V8.8125C14.1515 8.54818 14.2203 8.28829 14.352 8.05912C14.4837 7.82995 14.6736 7.63966 14.9025 7.5075L15.015 7.44C15.3588 7.24084 15.6096 6.91338 15.7123 6.5295C15.8149 6.14562 15.7611 5.7367 15.5625 5.3925L15.3975 5.1075C15.1983 4.76365 14.8709 4.51288 14.487 4.41023C14.1031 4.30758 13.6942 4.36145 13.35 4.56L13.2375 4.62C13.0095 4.75165 12.7508 4.82096 12.4875 4.82096C12.2242 4.82096 11.9655 4.75165 11.7375 4.62L11.415 4.4325C11.1872 4.30098 10.998 4.11186 10.8663 3.88413C10.7347 3.65639 10.6653 3.39804 10.665 3.135V3C10.665 2.60218 10.507 2.22064 10.2257 1.93934C9.94436 1.65804 9.56283 1.5 9.165 1.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 11.25C10.2426 11.25 11.25 10.2426 11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/table-black-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.00016 14.6667H10.0002C13.3335 14.6667 14.6668 13.3334 14.6668 10V6.00004C14.6668 2.66671 13.3335 1.33337 10.0002 1.33337H6.00016C2.66683 1.33337 1.3335 2.66671 1.3335 6.00004V10C1.3335 13.3334 2.66683 14.6667 6.00016 14.6667Z" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 1.33337V14.6667" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.3335 8H14.6668" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/table-white-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.00016 14.6667H10.0002C13.3335 14.6667 14.6668 13.3334 14.6668 10V6.00004C14.6668 2.66671 13.3335 1.33337 10.0002 1.33337H6.00016C2.66683 1.33337 1.3335 2.66671 1.3335 6.00004V10C1.3335 13.3334 2.66683 14.6667 6.00016 14.6667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 1.33337V14.6667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.3335 8H14.6668" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/user.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5383_14667)">
+<path d="M10.0007 9.99996C12.3018 9.99996 14.1673 8.13448 14.1673 5.83329C14.1673 3.53211 12.3018 1.66663 10.0007 1.66663C7.69946 1.66663 5.83398 3.53211 5.83398 5.83329C5.83398 8.13448 7.69946 9.99996 10.0007 9.99996Z" stroke="#BBBDC5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.1585 18.3333C17.1585 15.1083 13.9501 12.5 10.0001 12.5C6.05013 12.5 2.8418 15.1083 2.8418 18.3333" stroke="#BBBDC5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_5383_14667">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/images/icons/global/badge-close.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 3L3 9M3 3L9 9" stroke="#BBBDC5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/eye-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9833 10C12.9833 11.65 11.6499 12.9833 9.99993 12.9833C8.34993 12.9833 7.0166 11.65 7.0166 10C7.0166 8.35 8.34993 7.01666 9.99993 7.01666C11.6499 7.01666 12.9833 8.35 12.9833 10Z" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.99987 16.8916C12.9415 16.8916 15.6832 15.1583 17.5915 12.1583C18.3415 10.9833 18.3415 9.00831 17.5915 7.83331C15.6832 4.83331 12.9415 3.09998 9.99987 3.09998C7.0582 3.09998 4.31654 4.83331 2.4082 7.83331C1.6582 9.00831 1.6582 10.9833 2.4082 12.1583C4.31654 15.1583 7.0582 16.8916 9.99987 16.8916Z" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/eye-slash-icon.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1083 7.89166L7.8916 12.1083C7.34994 11.5667 7.0166 10.825 7.0166 10C7.0166 8.35 8.34993 7.01666 9.99993 7.01666C10.8249 7.01666 11.5666 7.35 12.1083 7.89166Z" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.8499 4.80834C13.3915 3.70834 11.7249 3.10834 9.99987 3.10834C7.0582 3.10834 4.31654 4.84167 2.4082 7.84167C1.6582 9.01667 1.6582 10.9917 2.4082 12.1667C3.06654 13.2 3.8332 14.0917 4.66654 14.8083" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.0166 16.275C7.9666 16.675 8.97493 16.8917 9.99993 16.8917C12.9416 16.8917 15.6833 15.1583 17.5916 12.1583C18.3416 10.9833 18.3416 9.00834 17.5916 7.83334C17.3166 7.4 17.0166 6.99167 16.7083 6.60834" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9252 10.5833C12.7085 11.7583 11.7502 12.7166 10.5752 12.9333" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.8915 12.1083L1.6665 18.3333" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3334 1.66669L12.1084 7.89169" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/info-circle.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.99984 18.3334C14.5832 18.3334 18.3332 14.5834 18.3332 10C18.3332 5.41669 14.5832 1.66669 9.99984 1.66669C5.4165 1.66669 1.6665 5.41669 1.6665 10C1.6665 14.5834 5.4165 18.3334 9.99984 18.3334Z" stroke="#F34050" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6.66669V10.8334" stroke="#F34050" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.99561 13.3333H10.0031" stroke="#F34050" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/input-arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6L8 10L12 6" stroke="#6B7080" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/lib/breadcrumb/breadcrumb.css

@@ -0,0 +1,23 @@
+.bk-breadcrumb {
+  @apply flex min-w-0 flex-wrap items-center gap-1.5 text-xs font-medium text-[#6B7080];
+}
+
+.bk-breadcrumb__home {
+  @apply shrink-0 inline-flex items-center text-[#6B7080] hover:text-[#15191E] transition-colors cursor-pointer;
+}
+
+.bk-breadcrumb__icon {
+  @apply size-4;
+}
+
+.bk-breadcrumb__chevron {
+  @apply size-4 shrink-0 text-[#C4CADA];
+}
+
+.bk-breadcrumb__link {
+  @apply text-[#6B7080] hover:text-[#15191E] hover:underline cursor-pointer;
+}
+
+.bk-breadcrumb__current {
+  @apply text-[#15191E] font-medium truncate;
+}

package/src/lib/column-select/components/column-select/column-select.css

@@ -6,9 +6,10 @@
   display: flex;
   flex-direction: column;
   overflow-y: auto;
+  max-height: 225px;
 }
 
-@media (max-height: 700px) {
+/* @media (max-height: 700px) {
   .column-select-options-list {
     max-height: 125px;
   }
@@ -24,4 +25,4 @@
   .column-select-options-list {
     max-height: 210px;
   }
-}
+} */

package/src/lib/input/input.css

@@ -258,3 +258,91 @@
 .input-container ::-webkit-scrollbar-thumb:hover {
   background: #909090;
 }
+
+/* ============================== Compact / sm size ============================== */
+.input-container--sm .input-label {
+  @apply text-xs;
+}
+
+.input-container--sm .input-hint,
+.input-container--sm .input-error {
+  @apply text-[11px];
+}
+
+.input-container--sm .input-field {
+  @apply py-1.5 px-2.5 text-xs;
+  height: 32px;
+}
+
+.input-container--sm .input-field--icon,
+.input-container--sm .input-field--icon-left {
+  @apply pl-8;
+}
+
+.input-container--sm .input-field--icon-right {
+  @apply pr-8;
+}
+
+.input-container--sm .input-field--password {
+  @apply pr-8;
+}
+
+.input-container--sm .input-field--phone {
+  @apply pl-16;
+}
+
+.input-container--sm .input-field--url {
+  @apply pl-16;
+}
+
+.input-container--sm .input-field--icon.input-field--url {
+  @apply pl-24;
+}
+
+.input-container--sm .input-field--phone.input-field--icon {
+  @apply pl-24;
+}
+
+.input-container--sm .input-search-icon {
+  @apply w-4 h-4;
+}
+
+.input-container--sm .input-search-icon--left {
+  @apply left-2;
+}
+
+.input-container--sm .input-search-icon--right {
+  @apply right-2;
+}
+
+.input-container--sm .input-password-toggle {
+  @apply right-2 w-4 h-4;
+}
+
+.input-container--sm .input-password-icon {
+  @apply w-4 h-4;
+}
+
+.input-container--sm .input-phone-selector {
+  @apply px-2;
+}
+
+.input-container--sm .input-phone-selector-text {
+  @apply text-[11px];
+}
+
+.input-container--sm .input-url-prefix {
+  @apply py-1.5 px-2.5 text-xs;
+}
+
+.input-container--sm .input-phone-dropdown {
+  @apply w-[68px] mt-0.5;
+}
+
+.input-container--sm .input-phone-dropdown-item {
+  @apply px-3 py-1.5 text-[11px];
+}
+
+.input-container--sm .input-phone-selector-arrow {
+  @apply w-3 h-3;
+}

package/src/lib/menu/menu.css

@@ -7,6 +7,12 @@
 
 .bk-menu {
   --menu-bg: #ffffff;
+  /* Lightest gray — opt-in tint for an inline submenu's whole block (title +
+     rows) via [submenuBackground]="true". One shade lighter than
+     --menu-hover-bg, so a hovered row inside it still reads. Popups don't
+     offer this: their padding/insets differ, and the panel's own border
+     already sets it apart from the page. */
+  --menu-submenu-bg: #f8f8f8;
   --menu-text: #141414;
   --menu-subtext: #6b7080;
   --menu-hover-bg: #edeef0;
@@ -22,6 +28,9 @@
   --menu-font-size: 14px;
   --menu-tracking: -0.28px;
   --menu-pad-y: 10px;
+  /* Submenu rows (inline and pop-up) sit a touch tighter vertically than
+     top-level rows. */
+  --menu-submenu-pad-y: 8px;
   --menu-pad-x: 12px;
   --menu-gap: 8px;
   --menu-icon-size: 16px;
@@ -30,6 +39,12 @@
   /* How far a group title sits left of the rows it heads. */
   --menu-title-outdent: 8px;
   --menu-popup-pad: 4px;
+  /* Top/bottom inset for the pop-up panel — roomier than the horizontal pad
+     so the first/last row don't sit flush against the panel's rounded edge. */
+  --menu-popup-pad-y: 8px;
+  /* Horizontal padding for a pop-up's own rows and group-title label — wider
+     than the shared --menu-pad-x so pop-up text sits roomier than inline. */
+  --menu-popup-item-pad-x: 16px;
   --menu-popup-min-w: 200px;
   --menu-popup-max-w: 280px;
 
@@ -48,6 +63,7 @@
   --menu-font-size: 12px;
   --menu-tracking: -0.24px;
   --menu-pad-y: 6px;
+  --menu-submenu-pad-y: 4px;
   --menu-pad-x: 8px;
   --menu-gap: 6px;
   --menu-icon-size: 14px;
@@ -55,6 +71,8 @@
   --menu-group-font-size: 10px;
   --menu-title-outdent: 6px;
   --menu-popup-pad: 3px;
+  --menu-popup-pad-y: 6px;
+  --menu-popup-item-pad-x: 14px;
   --menu-popup-min-w: 160px;
   --menu-popup-max-w: 240px;
 }
@@ -129,6 +147,16 @@
 /* Nested (child) items use the muted sub-text colour. */
 .bk-menu__submenu .bk-menu__button {
   @apply text-[color:var(--menu-subtext)] font-normal;
+  padding-top: var(--menu-submenu-pad-y);
+  padding-bottom: var(--menu-submenu-pad-y);
+}
+
+/* Pop-up rows get their own, roomier horizontal padding (see
+   --menu-popup-item-pad-x) instead of the shared --menu-pad-x — vertical
+   padding is untouched, inherited from the base .bk-menu__button rule. */
+.bk-menu__submenu--popup .bk-menu__button {
+  padding-left: var(--menu-popup-item-pad-x);
+  padding-right: var(--menu-popup-item-pad-x);
 }
 
 .bk-menu__submenu .bk-menu__button--active {
@@ -136,28 +164,44 @@
 }
 
 /* ---- Group title: names the child group, not selectable.
-   Reads as a heading over the rows rather than one of them: outdented a notch
-   from the row text, and separated from the group by a rule. Inline and pop-up
-   are meant to look identical — the pop-up rules further down only cancel out
-   the panel's own padding to get there. ---- */
+   Reads as a heading over the rows it titles, not a rule under itself — a
+   group is only ever separated from what comes *after* it (the next group,
+   if any), never from its own rows. See the `--divider` modifier below. ---- */
 .bk-menu__group-title {
   @apply font-semibold uppercase tracking-wider text-[color:var(--menu-subtext)]
-    whitespace-nowrap overflow-hidden text-ellipsis select-none
-    border-b border-[var(--menu-border)] mb-1;
+    whitespace-nowrap overflow-hidden text-ellipsis select-none;
   font-size: var(--menu-group-font-size);
   padding: var(--menu-pad-y) var(--menu-pad-x) calc(var(--menu-pad-y) / 2);
   /* Inline levels set padding-left themselves, indent-aware, from the template. */
   padding-left: calc(var(--menu-pad-x) - var(--menu-title-outdent));
 }
 
-/* The panel is padded so its rows sit in from the border; the title's rule is
-   supposed to span it edge to edge, so pull it back out and pad the text back in.
-   Net indent and rule width then match the inline case exactly. */
+/* The panel is padded so its rows sit in from the border; a divider rule (see
+   `--divider` below) is supposed to span it edge to edge, so pull the title
+   back out to the edge and pad the text back in. Net indent then matches the
+   inline case exactly regardless of whether this particular title has one. */
 .bk-menu__submenu--popup > .bk-menu__group-title {
   margin-left: calc(var(--menu-popup-pad) * -1);
   margin-right: calc(var(--menu-popup-pad) * -1);
-  padding-left: calc(var(--menu-pad-x) - var(--menu-title-outdent) + var(--menu-popup-pad));
-  padding-right: calc(var(--menu-pad-x) + var(--menu-popup-pad));
+  /* +2px on top of the row's own inset — a touch roomier than the rows it titles. */
+  padding-left: calc(var(--menu-popup-item-pad-x) - var(--menu-title-outdent) + var(--menu-popup-pad) + 2px);
+  padding-right: calc(var(--menu-popup-item-pad-x) + var(--menu-popup-pad) + 2px);
+}
+
+/* ---- Flat multi-group sections (MenuItem.groupLabel): several named groups
+   inside one always-visible list, e.g. a mega-menu. Extra breathing room
+   above each section's own heading, since it follows another group's rows. ---- */
+.bk-menu__group-title--section {
+  @apply mb-0 tracking-wide;
+  padding-top: calc(var(--menu-pad-y) * 1.25);
+}
+
+/* The rule that actually separates one group from the next — applied only
+   when a group has a preceding sibling group (never under a lone title, and
+   never trailing after the last group). */
+.bk-menu__group-title--divider {
+  @apply border-t border-[var(--menu-border)];
+  margin-top: calc(var(--menu-pad-y) / 2);
 }
 
 /* ---- Icon (optional). Tinted monochrome when .bk-menu--tint. ---- */
@@ -216,16 +260,24 @@
   @apply max-h-[1000px]; /* large enough to reveal nested content */
 }
 
+/* Opt-in tint, set via [submenuBackground]="true" — see --menu-submenu-bg above. */
+.bk-menu__submenu--inline.bk-menu__submenu--bg {
+  background-color: var(--menu-submenu-bg);
+}
+
 /* =========================================================================
    Pop-up submenus — floating panels, hidden until open.
    ========================================================================= */
 .bk-menu__submenu--popup {
   /* Fixed so the fly-out escapes the menu's overflow/scroll box and renders
      outside the nav. Coordinates are set inline (top/left) from JS. */
+  /* max-width/max-height below are the ceiling; menu.ts narrows them inline to
+     whatever room the viewport actually leaves, and the panel scrolls past it.
+     overflow-x is hidden because rows ellipsise rather than widen the panel. */
   @apply fixed z-[1000] max-h-[calc(100vh-16px)]
-    overflow-y-auto bg-[var(--menu-bg)] border border-[var(--menu-border)]
+    overflow-y-auto overflow-x-hidden bg-[var(--menu-bg)] border border-[var(--menu-border)]
     rounded-xl shadow-[var(--menu-shadow)] hidden;
-  padding: var(--menu-popup-pad);
+  padding: var(--menu-popup-pad-y) var(--menu-popup-pad);
   min-width: var(--menu-popup-min-w);
   max-width: var(--menu-popup-max-w);
 }