@snabcentr/client-ui 5.1.4 → 5.2.0

package/icons/svg-pack/puzzle.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
     <path d="M23.6608 6.85631L21.9174 5.11289L22.4118 4.61855C23.2334 3.79692 23.2615 2.45198 22.4743 1.62052C22.0742 1.1978 21.5338 0.960609 20.9525 0.952641C20.3692 0.944063 19.8243 1.16672 19.4132 1.57786L18.8978 2.0933L17.2218 0.417328C16.9527 0.148219 16.5949 0 16.2143 0C15.8337 0 15.4759 0.148219 15.2068 0.417328L13.5326 2.09152L13.0172 1.57608C12.1847 0.743578 10.8301 0.743578 9.99758 1.57608C9.16503 2.40858 9.16503 3.76317 9.99758 4.59567L10.513 5.11111L5.16941 10.4547C4.89481 10.7293 4.89481 11.1745 5.16941 11.4491L6.18205 12.4617C6.46625 12.7459 6.46625 13.2084 6.18205 13.4926C5.8978 13.7768 5.43542 13.7768 5.15117 13.4926L4.13853 12.48C3.86398 12.2054 3.41877 12.2054 3.14417 12.48L0.495453 15.1287C0.226344 15.3978 0.078125 15.7556 0.078125 16.1362C0.078125 16.5168 0.226344 16.8746 0.495453 17.1437L2.70228 19.3506C2.83409 19.4824 3.01297 19.5565 3.19944 19.5565C3.38591 19.5565 3.56478 19.4825 3.69659 19.3506L4.70923 18.3379C4.84714 18.2 5.02977 18.1244 5.22448 18.1244C5.22791 18.1244 5.23133 18.1244 5.23484 18.1245C5.43322 18.1272 5.61791 18.2083 5.75478 18.3529C6.02328 18.6366 6.00725 19.1017 5.71906 19.3898L4.72752 20.3814C4.59566 20.5132 4.52155 20.6921 4.52155 20.8785C4.52155 21.065 4.59561 21.2439 4.72752 21.3757L6.93439 23.5825C7.2035 23.8516 7.5613 23.9999 7.94188 23.9999C8.3225 23.9999 8.6803 23.8516 8.94941 23.5825L11.1009 21.431L11.6164 21.9465C12.4489 22.779 13.8035 22.779 14.636 21.9465C15.4685 21.114 15.4685 19.7594 14.636 18.9269L14.1205 18.4114L19.4641 13.0678C19.7387 12.7933 19.7387 12.348 19.4641 12.0735L18.4515 11.0608C18.1673 10.7766 18.1673 10.3141 18.4515 10.0299C18.7356 9.74578 19.1981 9.74578 19.4824 10.0299L20.495 11.0426C20.7695 11.3171 21.2148 11.3171 21.4894 11.0426L23.6607 8.87123C23.9298 8.60213 24.078 8.24433 24.078 7.8637C24.0781 7.48322 23.9299 7.12542 23.6608 6.85631ZM12.629 17.9144C12.3545 18.1889 12.3545 18.6341 12.629 18.9087L13.6417 19.9214C13.9259 20.2056 13.9259 20.668 13.6417 20.9522C13.3574 21.2364 12.895 21.2364 12.6108 20.9522L11.5982 19.9396C11.3236 19.665 10.8784 19.665 10.6038 19.9396L7.95509 22.5883C7.95289 22.5905 7.94966 22.5938 7.94192 22.5938C7.93424 22.5938 7.931 22.5905 7.9288 22.5883L6.21908 20.8786L6.71347 20.3843C7.53509 19.5627 7.56317 18.2177 6.77609 17.3863C6.37597 16.9635 5.8355 16.7264 5.2542 16.7184C4.67211 16.7119 4.12611 16.9325 3.71492 17.3436L3.19948 17.859L1.48981 16.1494C1.48766 16.1472 1.48438 16.1439 1.48438 16.1363C1.48438 16.1285 1.48766 16.1253 1.48981 16.1231L3.64133 13.9716L4.15677 14.487C4.98927 15.3195 6.34386 15.3195 7.17636 14.487C8.00891 13.6545 8.00891 12.2999 7.17636 11.4674L6.66092 10.952L8.34828 9.26461L10.602 11.5184C10.8766 11.7929 11.3218 11.7929 11.5964 11.5184L12.5879 10.5269C12.8761 10.2387 13.3413 10.2227 13.6248 10.4911C13.7695 10.628 13.8506 10.8127 13.8533 11.0111C13.856 11.2096 13.7802 11.3963 13.6399 11.5366C13.6399 11.5366 12.6567 12.4523 12.5935 12.5155C12.3189 12.7901 12.3189 13.2353 12.5935 13.5099L12.6273 13.5436L14.8136 15.7299L12.629 17.9144ZM22.6664 7.87697L20.9923 9.55116L20.4768 9.03572C20.0735 8.63241 19.5373 8.41031 18.967 8.41031C18.3967 8.41031 17.8605 8.63241 17.4572 9.03572C17.0539 9.43903 16.8318 9.97519 16.8318 10.5455C16.8318 11.1158 17.0539 11.652 17.4572 12.0553L17.9727 12.5708L15.8079 14.7355L14.1188 13.0464L14.6343 12.531C15.0454 12.1199 15.2674 11.5733 15.2595 10.9919C15.2515 10.4106 15.0144 9.87 14.5916 9.46983C13.7601 8.68284 12.4152 8.71078 11.5936 9.53241L11.0992 10.0268L9.34264 8.2702L12.0045 5.60831C12.2791 5.33377 12.2791 4.88855 12.0045 4.61395L10.9919 3.60131C10.7077 3.31711 10.7077 2.85464 10.9919 2.57044C11.2761 2.28628 11.7385 2.28628 12.0228 2.57044L13.0354 3.58308C13.31 3.85763 13.7552 3.85763 14.0298 3.58308L16.2011 1.41173C16.2033 1.40958 16.2065 1.4063 16.2143 1.4063C16.222 1.4063 16.2252 1.40958 16.2274 1.41173L18.4005 3.58481C18.675 3.85936 19.1203 3.85936 19.3948 3.58481L20.4075 2.57217C20.5478 2.43183 20.7348 2.35617 20.933 2.3587C21.1314 2.36147 21.3161 2.44256 21.453 2.58722C21.7215 2.87081 21.7055 3.33595 21.4173 3.62409L20.4258 4.61564C20.1512 4.89019 20.1512 5.33541 20.4258 5.61L22.6664 7.85063C22.6685 7.85283 22.6718 7.85606 22.6718 7.86375C22.6719 7.87153 22.6686 7.87477 22.6664 7.87697Z" fill="currentColor"/>
 </svg>

package/icons/svg-pack/reclamation.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
 	<path d="M12.0153 10.9086C11.7263 10.9086 11.4493 11.0235 11.245 11.2281C11.0407 11.4326 10.9259 11.7101 10.9259 11.9994V15.272C10.9259 15.5613 11.0407 15.8388 11.245 16.0434C11.4493 16.2479 11.7263 16.3629 12.0153 16.3629C12.3042 16.3629 12.5813 16.2479 12.7856 16.0434C12.9899 15.8388 13.1046 15.5613 13.1046 15.272V11.9994C13.1046 11.7101 12.9899 11.4326 12.7856 11.2281C12.5813 11.0235 12.3042 10.9086 12.0153 10.9086ZM12.0153 7.63599C11.7998 7.63599 11.5892 7.69996 11.41 7.81983C11.2309 7.93969 11.0913 8.11006 11.0088 8.30939C10.9264 8.50872 10.9048 8.72806 10.9468 8.93966C10.9889 9.15127 11.0926 9.34564 11.245 9.4982C11.3973 9.65076 11.5914 9.75466 11.8027 9.79675C12.0141 9.83884 12.2331 9.81723 12.4321 9.73467C12.6312 9.65211 12.8013 9.51229 12.921 9.3329C13.0407 9.15351 13.1046 8.9426 13.1046 8.72685C13.1046 8.43753 12.9899 8.16007 12.7856 7.95549C12.5813 7.75092 12.3042 7.63599 12.0153 7.63599ZM12.0153 1.09082C10.5847 1.09082 9.1681 1.37298 7.84641 1.92119C6.52472 2.4694 5.3238 3.27292 4.31223 4.28588C2.26926 6.33164 1.12153 9.10629 1.12153 11.9994C1.112 14.5184 1.98299 16.9613 3.58351 18.9046L1.40476 21.0863C1.2536 21.2397 1.15121 21.4345 1.11049 21.6461C1.06978 21.8577 1.09257 22.0767 1.17599 22.2753C1.26648 22.4716 1.41316 22.6365 1.59742 22.7492C1.78167 22.8618 1.9952 22.9171 2.2109 22.908H12.0153C14.9045 22.908 17.6753 21.7587 19.7183 19.713C21.7613 17.6672 22.909 14.8926 22.909 11.9994C22.909 9.10629 21.7613 6.33164 19.7183 4.28588C17.6753 2.24012 14.9045 1.09082 12.0153 1.09082ZM12.0153 20.7263H4.83629L5.84941 19.7118C5.95234 19.6108 6.03423 19.4903 6.09033 19.3574C6.14643 19.2244 6.17562 19.0816 6.17622 18.9373C6.17213 18.6496 6.05466 18.3751 5.84941 18.1737C4.42297 16.7469 3.53468 14.869 3.33589 12.8599C3.13709 10.8508 3.6401 8.83485 4.75919 7.15549C5.87829 5.47612 7.54425 4.23725 9.47323 3.64995C11.4022 3.06265 13.4749 3.16324 15.3381 3.9346C17.2013 4.70596 18.7398 6.10035 19.6915 7.88022C20.6431 9.66009 20.9491 11.7153 20.5572 13.6957C20.1653 15.6761 19.0998 17.4592 17.5422 18.7412C15.9847 20.0232 14.0314 20.7247 12.0153 20.7263Z" fill="currentColor" />
 </svg>

package/icons/svg-pack/retail-store.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
     <path d="M23.3203 7.87476V5.99976C23.3169 5.8851 23.2888 5.77252 23.2378 5.66976L21.4078 1.99476C21.2207 1.62003 20.9328 1.30495 20.5763 1.08499C20.2199 0.865037 19.8092 0.748937 19.3903 0.74976H4.75031C4.33148 0.748937 3.92072 0.865037 3.56429 1.08499C3.20786 1.30495 2.91989 1.62003 2.73281 1.99476L0.902813 5.66226C0.850765 5.7673 0.822593 5.88255 0.820312 5.99976V7.87476C0.821174 8.42946 0.95844 8.97543 1.22002 9.46458C1.4816 9.95373 1.85946 10.371 2.32031 10.6798V21.7498H1.57031C1.3714 21.7498 1.18063 21.8288 1.03998 21.9694C0.89933 22.1101 0.820313 22.3008 0.820312 22.4998C0.820313 22.6987 0.89933 22.8894 1.03998 23.0301C1.18063 23.1707 1.3714 23.2498 1.57031 23.2498H22.5703C22.7692 23.2498 22.96 23.1707 23.1006 23.0301C23.2413 22.8894 23.3203 22.6987 23.3203 22.4998C23.3203 22.3008 23.2413 22.1101 23.1006 21.9694C22.96 21.8288 22.7692 21.7498 22.5703 21.7498H21.8203V10.6798C22.2812 10.371 22.659 9.95373 22.9206 9.46458C23.1822 8.97543 23.3195 8.42946 23.3203 7.87476ZM21.8203 7.87476C21.8203 8.37204 21.6228 8.84895 21.2711 9.20059C20.9195 9.55222 20.4426 9.74976 19.9453 9.74976C19.448 9.74976 18.9711 9.55222 18.6195 9.20059C18.2679 8.84895 18.0703 8.37204 18.0703 7.87476V6.74976H21.8203V7.87476ZM2.32031 7.87476V6.74976H6.07031V7.87476C6.07031 8.37204 5.87277 8.84895 5.52114 9.20059C5.16951 9.55222 4.69259 9.74976 4.19531 9.74976C3.69803 9.74976 3.22112 9.55222 2.86949 9.20059C2.51786 8.84895 2.32031 8.37204 2.32031 7.87476ZM7.57031 6.74976H11.3203V7.87476C11.3203 8.37204 11.1228 8.84895 10.7711 9.20059C10.4195 9.55222 9.94259 9.74976 9.44531 9.74976C8.94803 9.74976 8.47112 9.55222 8.11949 9.20059C7.76786 8.84895 7.57031 8.37204 7.57031 7.87476V6.74976ZM12.8203 6.74976H16.5703V7.87476C16.5703 8.37204 16.3728 8.84895 16.0211 9.20059C15.6695 9.55222 15.1926 9.74976 14.6953 9.74976C14.198 9.74976 13.7211 9.55222 13.3695 9.20059C13.0179 8.84895 12.8203 8.37204 12.8203 7.87476V6.74976ZM4.07531 2.66226C4.13821 2.53743 4.23474 2.43267 4.35401 2.35978C4.47327 2.28689 4.61054 2.24879 4.75031 2.24976H19.3903C19.5301 2.24879 19.6674 2.28689 19.7866 2.35978C19.9059 2.43267 20.0024 2.53743 20.0653 2.66226L21.3553 5.24976H2.78531L4.07531 2.66226ZM14.3203 21.7498H9.82031V17.2498C9.82031 17.0508 9.89933 16.8601 10.04 16.7194C10.1806 16.5788 10.3714 16.4998 10.5703 16.4998H13.5703C13.7692 16.4998 13.96 16.5788 14.1006 16.7194C14.2413 16.8601 14.3203 17.0508 14.3203 17.2498V21.7498ZM20.3203 21.7498H15.8203V17.2498C15.8203 16.653 15.5833 16.0807 15.1613 15.6588C14.7393 15.2368 14.1671 14.9998 13.5703 14.9998H10.5703C9.97358 14.9998 9.40128 15.2368 8.97932 15.6588C8.55737 16.0807 8.32031 16.653 8.32031 17.2498V21.7498H3.82031V11.2498C3.94446 11.2697 4.06968 11.2822 4.19531 11.2873C4.7016 11.2829 5.20042 11.1647 5.65481 10.9414C6.10921 10.7181 6.50755 10.3954 6.82031 9.99726C7.13668 10.3887 7.53661 10.7045 7.99081 10.9214C8.44501 11.1384 8.94197 11.2509 9.44531 11.2509C9.94865 11.2509 10.4456 11.1384 10.8998 10.9214C11.354 10.7045 11.7539 10.3887 12.0703 9.99726C12.3867 10.3887 12.7866 10.7045 13.2408 10.9214C13.695 11.1384 14.192 11.2509 14.6953 11.2509C15.1987 11.2509 15.6956 11.1384 16.1498 10.9214C16.604 10.7045 17.0039 10.3887 17.3203 9.99726C17.6368 10.3885 18.0368 10.7041 18.491 10.9208C18.9452 11.1375 19.4421 11.2499 19.9453 11.2498C20.0702 11.2572 20.1954 11.2572 20.3203 11.2498V21.7498Z" fill="currentColor"/>
 </svg>

package/icons/svg-pack/send.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
 	<path d="M21.9806 2.03538C21.5638 1.61067 21.0352 1.31257 20.456 1.17554C19.8769 1.03852 19.2707 1.06817 18.7077 1.26107L3.27042 6.41949C2.64782 6.62321 2.10383 7.0151 1.71355 7.54107C1.32327 8.06704 1.10595 8.70115 1.09158 9.35586C1.07721 10.0106 1.26651 10.6536 1.63334 11.1962C2.00017 11.7387 2.52644 12.1541 3.1395 12.3849L8.8562 14.5661C8.98637 14.6158 9.10489 14.6919 9.20437 14.7894C9.30386 14.887 9.38216 15.004 9.43441 15.1332L11.6164 20.8587C11.8385 21.4628 12.2415 21.9839 12.7706 22.3508C13.2996 22.7177 13.929 22.9126 14.5729 22.909H14.6493C15.305 22.897 15.9405 22.6803 16.4668 22.2892C16.993 21.898 17.3837 21.3521 17.584 20.7278L22.7443 5.27438C22.9319 4.71703 22.9599 4.11831 22.8249 3.54592C22.69 2.97352 22.3975 2.45029 21.9806 2.03538ZM20.726 4.58732L15.5111 20.0517C15.4506 20.2474 15.329 20.4186 15.1641 20.5403C14.9992 20.6619 14.7997 20.7276 14.5947 20.7278C14.391 20.7311 14.191 20.6724 14.0215 20.5594C13.852 20.4464 13.7208 20.2846 13.6456 20.0953L11.4636 14.3698C11.3054 13.9537 11.0615 13.5756 10.7476 13.26C10.4337 12.9443 10.0569 12.6982 9.6417 12.5376L3.91409 10.3565C3.72088 10.2857 3.55478 10.156 3.43929 9.98576C3.32379 9.81551 3.26472 9.61328 3.27042 9.40766C3.27059 9.20279 3.33633 9.00335 3.45804 8.83851C3.57975 8.67368 3.75103 8.5521 3.94682 8.49157L19.4168 3.33316C19.5944 3.2608 19.7892 3.24142 19.9776 3.27735C20.166 3.31329 20.3399 3.40301 20.4784 3.53567C20.6169 3.66833 20.714 3.83824 20.7579 4.02487C20.8018 4.2115 20.7907 4.40686 20.726 4.58732Z" fill="currentColor "/>
 </svg>

package/package.json

@@ -1,56 +1,57 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "5.1.4",
+  "version": "5.2.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
   "description": "Snabcentr client UI package.",
   "peerDependencies": {
-    "@angular/common": "^18.2.12",
-    "@angular/compiler": "^18.2.12",
-    "@angular/core": "^18.2.12",
-    "@angular/forms": "^18.2.12",
-    "@angular/router": "^18.2.12",
-    "@maskito/angular": "^3.2.0",
-    "@maskito/core": "^3.2.0",
-    "@ng-web-apis/intersection-observer": "^4.11.1",
-    "@ng-web-apis/common": "^4.11.1",
-    "@snabcentr/client-core": "^3.0.3",
-    "@taiga-ui/addon-charts": "^4.41.0",
-    "@taiga-ui/addon-commerce": "^4.41.0",
-    "@taiga-ui/cdk": "^4.41.0",
-    "@taiga-ui/core": "^4.41.0",
-    "@taiga-ui/event-plugins": "^4.3.1",
-    "@taiga-ui/icons": "^4.41.0",
-    "@taiga-ui/kit": "^4.41.0",
-    "@taiga-ui/layout": "^4.41.0",
-    "@taiga-ui/legacy": "^4.41.0",
-    "@taiga-ui/i18n": "^4.41.0",
-    "@taiga-ui/polymorpheus": "^4.7.4",
-    "@taiga-ui/experimental": "^4.41.0",
-    "@taiga-ui/styles": "^4.41.0",
-    "ng-recaptcha-2": "^14.0.0",
-    "angular8-yandex-maps": "^18.2.0",
-    "libphonenumber-js": "^1.11.0",
-    "angularx-qrcode": "^18.0.2",
-    "lodash-es": "^4.17.21",
-    "rxjs": "^7.8.1",
-    "schema-dts": "^1.1.2",
-    "zone.js": "~0.14.10"
+    "@angular/common": "^21.2.16",
+    "@angular/compiler": "^21.2.16",
+    "@angular/core": "^21.2.16",
+    "@angular/forms": "^21.2.16",
+    "@angular/router": "^21.2.16",
+    "@maskito/angular": "^5.0.0",
+    "@maskito/core": "^5.0.0",
+    "@ng-web-apis/intersection-observer": "^5.0.0",
+    "@ng-web-apis/common": "^5.0.0",
+    "@snabcentr/client-core": "^4.2.0",
+    "@taiga-ui/addon-charts": "^5.9.0",
+    "@taiga-ui/addon-commerce": "^5.9.0",
+    "@taiga-ui/cdk": "^5.9.0",
+    "@taiga-ui/core": "^5.9.0",
+    "@taiga-ui/event-plugins": "^5.0.0",
+    "@taiga-ui/icons": "^5.9.0",
+    "@taiga-ui/kit": "^5.9.0",
+    "@taiga-ui/layout": "^5.9.0",
+    "@taiga-ui/legacy": "^5.9.0",
+    "@taiga-ui/i18n": "^5.9.0",
+    "@taiga-ui/polymorpheus": "^5.0.0",
+    "@taiga-ui/experimental": "^5.9.0",
+    "@taiga-ui/styles": "^5.9.0",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "ng-recaptcha-2": "^21.0.0",
+    "angular8-yandex-maps": "^21.0.0",
+    "libphonenumber-js": "^1.12.36",
+    "angularx-qrcode": "^21.0.0",
+    "lodash-es": "^4.17.23",
+    "rxjs": "^7.8.2",
+    "zone.js": "~0.16.2"
   },
   "dependencies": {
     "tslib": "^2.8.1"
   },
   "sideEffects": false,
   "module": "fesm2022/snabcentr-client-ui.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/snabcentr-client-ui.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/snabcentr-client-ui.d.ts",
       "default": "./fesm2022/snabcentr-client-ui.mjs"
     }
-  }
+  },
+  "type": "module"
 }

package/release_notes.tmp

@@ -1 +1,4 @@
-null
+## 5.2.0 (2026-06-11)
+
+No changes.
+

package/styles/print.scss

@@ -0,0 +1,5 @@
+@media print {
+    .no-print {
+        display: none !important;
+    }
+}

package/styles/taiga/snabcentr-tailwind-preset.js

@@ -1,5 +1,4 @@
-/* eslint-disable linebreak-style */
-/* eslint-disable no-undef */
+/* eslint-disable global-require,linebreak-style,no-undef */
 module.exports = {
     theme: {
         extend: {
@@ -27,5 +26,5 @@ module.exports = {
             },
         },
     },
-    plugins: [],
+    plugins: [require('@tailwindcss/container-queries')],
 };

package/styles/taiga/variables.less

@@ -7,26 +7,25 @@
     --tui-font-weight-normal: normal;
     --tui-font-weight-bold: bold;
     // Heading
-    --tui-font-heading-1: var(--tui-font-weight-bold) 3.125rem/3.5rem var(--tui-font-heading);
-    --tui-font-heading-2: var(--tui-font-weight-bold) 2.75rem/3rem var(--tui-font-heading);
-    --tui-font-heading-3: var(--tui-font-weight-bold) 2.25rem/2.5rem var(--tui-font-heading);
-    --tui-font-heading-4: var(--tui-font-weight-bold) 1.75rem/2rem var(--tui-font-heading);
-    --tui-font-heading-5: var(--tui-font-weight-bold) 1.5rem/1.75rem var(--tui-font-heading);
-    --tui-font-heading-6: var(--tui-font-weight-bold) 1.25rem/1.5rem var(--tui-font-heading);
+    --tui-typography-heading-h1: var(--tui-font-weight-bold) 3.125rem/3.5rem var(--tui-font-heading);
+    --tui-typography-heading-h2: var(--tui-font-weight-bold) 2.75rem/3rem var(--tui-font-heading);
+    --tui-typography-heading-h3: var(--tui-font-weight-bold) 2.25rem/2.5rem var(--tui-font-heading);
+    --tui-typography-heading-h4: var(--tui-font-weight-bold) 1.75rem/2rem var(--tui-font-heading);
+    --tui-typography-heading-h5: var(--tui-font-weight-bold) 1.5rem/1.75rem var(--tui-font-heading);
+    --tui-typography-heading-h6: var(--tui-font-weight-bold) 1.25rem/1.5rem var(--tui-font-heading);
     // Body
-    --tui-font-text-xl: var(--tui-font-weight-normal) 1.1875rem/1.75rem var(--tui-font-text);
-    --tui-font-text-l: var(--tui-font-weight-normal) 1.0625rem/1.75rem var(--tui-font-text);
-    --tui-font-text-m: var(--tui-font-weight-normal) 1rem/1.5rem var(--tui-font-text);
-    --tui-font-text-s: var(--tui-font-weight-normal) 0.8125rem/1.25rem var(--tui-font-text);
-    --tui-font-text-xs: var(--tui-font-weight-normal) 0.6875rem/1rem var(--tui-font-text);
+    --tui-typography-legacy-body-xl: var(--tui-font-weight-normal) 1.1875rem/1.75rem var(--tui-typography-family-text);
+    --tui-typography-body-l: var(--tui-font-weight-normal) 1.0625rem/1.75rem var(--tui-typography-family-text);
+    --tui-typography-body-m: var(--tui-font-weight-normal) 1rem/1.5rem var(--tui-typography-family-text);
+    --tui-typography-body-s: var(--tui-font-weight-normal) 0.8125rem/1.25rem var(--tui-typography-family-text);
+    --tui-typography-body-xs: var(--tui-font-weight-normal) 0.6875rem/1rem var(--tui-typography-family-text);
     // Reduced
-    --tui-font-text-ui-l: var(--tui-font-weight-normal) 1.0625rem/1.5rem var(--tui-font-text);
-    --tui-font-text-ui-m: var(--tui-font-weight-normal) 1rem/1.25rem var(--tui-font-text);
-    --tui-font-text-ui-s: var(--tui-font-weight-normal) 0.8125rem/1rem var(--tui-font-text);
-    --tui-font-text-ui-xs: var(--tui-font-weight-normal) 0.6875rem/0.8125rem var(--tui-font-text);
+    --tui-typography-ui-l: var(--tui-font-weight-normal) 1.0625rem/1.5rem var(--tui-typography-family-text);
+    --tui-typography-ui-m: var(--tui-font-weight-normal) 1rem/1.25rem var(--tui-typography-family-text);
+    --tui-typography-ui-s: var(--tui-font-weight-normal) 0.8125rem/1rem var(--tui-typography-family-text);
+    --tui-typography-ui-2xs: var(--tui-font-weight-normal) 0.6875rem/0.8125rem var(--tui-typography-family-text);
 }
 
-
 &:root,
 [tuiTheme='light'] {
     --tui-background-accent-1: #ffcc40; // primary buttons, background
@@ -63,4 +62,4 @@ sc-input-quantity {
     section.t-buttons {
         display: none !important;
     }
-}
+}