@cyber-harbour/ui 1.0.57 → 1.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/index.d.mts +6 -1
  2. package/dist/index.d.ts +6 -1
  3. package/dist/index.js +317 -317
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +267 -267
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/Core/IconComponents/BusIcon.tsx +10 -2
  9. package/src/Core/IconComponents/CarIcon.tsx +2 -2
  10. package/src/Core/IconComponents/PassportIcon.tsx +796 -0
  11. package/src/Core/IconComponents/PlaneIcon.tsx +3 -2
  12. package/src/Core/IconComponents/ShipIcon.tsx +6 -7
  13. package/src/Core/IconComponents/WayIcon.tsx +4 -4
  14. package/src/Core/IconComponents/index.ts +1 -0
  15. package/src/Theme/themes/dark.ts +15 -15
  16. package/src/Theme/themes/light.ts +2 -2
  17. package/src/Theme/utils.ts +1 -1
package/src/Core/IconComponents/PlaneIcon.tsx CHANGED
@@ -6,11 +6,12 @@ interface PlaneIconProps extends SVGProps<SVGSVGElement> {
6
6
 
7
7
  export const PlaneIcon = ({ fill = 'currentColor', ...props }: PlaneIconProps) => {
8
8
  return (
9
- <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
9
+ <svg viewBox="0 0 34 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
10
10
  <path
11
- d="M14.2452 7.25014C14.3752 7.87014 14.5152 8.50014 14.6752 9.14014C14.7052 9.28014 14.7452 9.42014 14.7752 9.56014C14.8852 10.0901 15.0052 10.6101 15.1152 11.1401L16.1052 15.5401L15.1652 16.4901L10.8852 9.06014C9.19516 10.6001 7.51516 12.1501 5.72516 13.5601L6.12516 15.8301L5.17516 16.4901C5.01516 16.3301 4.02516 14.9301 3.92516 14.9301C3.85516 14.9301 2.94516 15.5601 2.77516 15.6501C2.55516 15.7701 2.29516 15.9101 2.06516 16.0001C0.325156 16.6701 1.43516 14.8101 1.82516 14.1601C1.89516 14.0401 2.34516 13.3901 2.35516 13.3401C2.35516 13.2401 0.955156 12.2501 0.795156 12.0901L1.45516 11.1401L3.72516 11.5401C5.13516 9.74014 6.69516 8.07014 8.22516 6.38014L0.785156 2.13014L1.72516 1.18014L6.14516 2.16014L7.72516 2.50014C7.86516 2.54014 8.01516 2.57014 8.15516 2.61014C8.79516 2.76014 9.41516 2.91014 10.0352 3.04014L11.1752 3.28014C12.0252 2.51014 12.6852 1.58014 13.7252 1.05014C14.4952 0.660144 16.3252 0.000143588 16.7152 1.15014C16.9952 1.97014 16.4352 3.30014 15.9852 4.00014C15.4752 4.79014 14.6452 5.40014 14.0152 6.10014L14.2552 7.25014H14.2452Z"
11
+ d="M22.3999 11.1246C22.3999 11.1246 23.2138 10.2427 23.2973 10.0957C23.7773 9.31883 22.9425 8.49993 22.2329 8.96187L14.8034 16.4999H11.7773L15.5129 9.99074C15.826 9.23484 15.0538 8.49993 14.3651 8.96187C13.9477 9.23484 13.2173 11.0406 12.9877 11.1036H6.87295C6.47643 11.1036 6.20512 10.8726 5.97556 10.5787L0.173828 1.42383H5.28686C6.74773 2.87264 8.18773 4.38445 9.73207 5.72828H28.2433C30.4346 5.85427 31.6033 6.54718 32.7929 8.37395C33.2938 9.15085 34.0868 10.1797 33.0642 10.9146C33.0016 10.9566 32.7094 11.1036 32.6677 11.1036H22.3999V11.1246Z"
12
12
  fill={fill}
13
13
  />
14
+ <path d="M20.6468 4.17453H16.5981L14.5737 0.5H17.0989L20.5424 3.96456L20.6468 4.17453Z" fill={fill} />
14
15
  </svg>
15
16
  );
16
17
  };
package/src/Core/IconComponents/ShipIcon.tsx CHANGED
@@ -6,26 +6,25 @@ interface ShipIconProps extends SVGProps<SVGSVGElement> {
6
6
 
7
7
  export const ShipIcon = ({ fill = 'currentColor', ...props }: ShipIconProps) => {
8
8
  return (
9
- <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
9
+ <svg viewBox="0 0 34 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
10
10
  <path
11
- d="M8.93797 6.3098L16.198 10.2298L14.178 14.6598C14.108 14.7198 13.878 14.6798 13.768 14.6998C12.948 14.8098 12.098 15.9798 11.338 15.9798C10.578 15.9798 9.73797 14.7998 8.93797 14.7198L8.91797 8.2998C8.82797 8.0098 8.42797 8.0698 8.41797 8.3798V14.7198C7.59797 14.8098 6.72797 16.0298 5.94797 15.9798C5.21797 15.9298 4.41797 14.8398 3.60797 14.6998C3.49797 14.6798 3.29797 14.6998 3.23797 14.6498L1.16797 10.2798L8.41797 6.2998V7.4098C8.41797 7.6298 8.93797 7.6298 8.93797 7.4098V6.2998V6.3098Z"
11
+ d="M28.6402 9.83056V9.95799C27.6601 11.6995 26.9741 13.7243 26.0081 15.4516C25.6721 16.0463 25.0981 16.4428 24.426 16.4994L8.56353 16.4711C8.10152 16.2304 8.39553 15.9189 8.43753 15.5791C8.50753 14.8853 8.11552 14.7862 7.7095 14.4039C6.96748 13.6959 6.64547 12.7898 6.58947 11.7703C6.58947 11.5296 6.54747 10.9208 6.58947 10.7084C6.58947 10.6659 6.61747 10.5951 6.65947 10.5951H20.5059C20.5059 10.5951 20.5059 10.4394 20.5199 10.3686C20.5899 10.1704 20.7299 9.98631 20.9259 9.90136C20.9679 9.8872 21.2339 9.80225 21.2619 9.80225H28.6402V9.83056Z"
12
12
  fill={fill}
13
13
  />
14
14
  <path
15
- d="M13.7079 5.05V8.28C13.6179 8.26 13.5279 8.21 13.4479 8.17C11.8479 7.33 10.2779 6.42 8.68795 5.58C6.99795 6.46 5.34795 7.43 3.64795 8.28V5.05C5.34795 4.49 7.00795 3.83 8.69795 3.25L13.7179 5.05H13.7079ZM6.79795 4.86C6.72795 4.86 5.99795 5.14 5.94795 5.17C5.75795 5.32 5.87795 5.65 6.16795 5.62C6.24795 5.62 6.91795 5.37 6.97795 5.33C7.17795 5.17 7.05795 4.83 6.79795 4.86ZM10.4779 4.86C10.2479 4.89 10.1679 5.2 10.3779 5.34C10.4579 5.39 11.0279 5.61 11.1279 5.62C11.4579 5.67 11.5979 5.36 11.3779 5.18C11.3079 5.13 10.5479 4.86 10.4779 4.86ZM5.34795 5.44C5.26795 5.46 4.62795 5.7 4.58795 5.74C4.38795 5.92 4.54795 6.22 4.80795 6.19C4.89795 6.18 5.59795 5.92 5.64795 5.87C5.84795 5.69 5.66795 5.38 5.34795 5.44ZM11.6879 5.48C11.5379 5.6 11.6079 5.83 11.7679 5.92C11.8579 5.97 12.4179 6.17 12.5079 6.18C12.8479 6.22 12.9179 5.86 12.7079 5.72C12.6279 5.67 12.0779 5.46 11.9879 5.44C11.8979 5.43 11.7679 5.42 11.6979 5.47L11.6879 5.48Z"
15
+ d="M9.34833 0.5V2.79374H10.2864C10.3844 2.79374 10.3424 3.19019 10.3564 3.27514H9.34833V4.37954H12.1904C12.2184 4.46449 12.1484 4.46449 12.1204 4.50697C11.8824 4.74767 11.5184 4.94589 11.2804 5.20076V10.2696H7.37427V5.1866H6.24023V4.3937H8.91432V3.2893H7.94829V2.8079H8.91432V0.5H9.34833ZM10.5244 5.76711H9.29233V6.91398H10.5244V5.76711ZM10.5244 7.62193H9.29233V8.7688H10.5244V7.62193Z"
16
16
  fill={fill}
17
17
  />
18
- <path d="M9.57832 0.5V3.02L8.66832 2.69L7.77832 3.02V0.5H9.57832Z" fill={fill} />
19
18
  <path
20
- d="M6.19799 16.5001L6.54799 16.3901C7.23799 16.1701 7.99799 15.1801 8.72799 15.2101C9.41799 15.2401 10.138 16.1801 10.808 16.3901L11.158 16.5001H6.18799H6.19799Z"
19
+ d="M20.0022 10.1726C20.0022 10.1726 19.8062 10.2718 19.7362 10.2718C18.8962 10.3709 17.8881 10.201 17.0201 10.2718C16.8661 10.2718 16.7681 10.1585 16.6701 10.0452L16.6421 5.51436C16.6561 5.34446 16.7961 5.20287 16.9641 5.18871C17.8601 5.2595 18.8542 5.10375 19.7222 5.18871C20.0442 5.21703 20.1002 5.40109 20.1422 5.69843C20.0722 7.00105 20.2402 8.38862 20.1422 9.67708C20.1422 9.81867 20.1002 10.0594 20.0022 10.1726Z"
21
20
  fill={fill}
22
21
  />
23
22
  <path
24
- d="M0.868164 16.4998L1.21816 16.3898C1.85816 16.1398 2.67816 15.2398 3.29816 15.2098C3.91816 15.1798 4.66816 15.9898 5.22816 16.2798L5.79816 16.4998H0.868164Z"
23
+ d="M12.3568 6.34606C13.3368 6.41686 14.4988 6.21863 15.4509 6.34606C15.7589 6.38854 15.8849 6.54429 15.9129 6.85578C15.9829 7.57789 15.9829 9.05041 15.9129 9.77252C15.8849 10.0557 15.8009 10.2398 15.4929 10.2822C14.5128 10.2114 13.3928 10.3672 12.4268 10.2822C12.2028 10.2681 12.0348 10.1548 12.0068 9.89995C12.0908 8.89467 11.8948 7.69116 12.0068 6.71419C12.0348 6.48765 12.1468 6.41686 12.3428 6.34606H12.3568Z"
25
24
  fill={fill}
26
25
  />
27
26
  <path
28
- d="M11.5481 16.4998L12.1181 16.2798C12.6781 15.9898 13.4281 15.1798 14.0481 15.2098C14.6681 15.2398 15.4881 16.1298 16.1281 16.3898L16.4781 16.4998H11.5381H11.5481Z"
27
+ d="M21.1917 6.7443C22.1998 6.80094 23.3478 6.64519 24.3278 6.7443C24.5238 6.75846 24.7198 6.87173 24.7478 7.06996C24.7898 7.39561 24.7898 8.41505 24.7478 8.75487C24.7198 9.03804 24.4958 9.10884 24.2438 9.13716C23.5298 9.20795 22.1158 9.20795 21.4017 9.13716C21.1497 9.10884 20.9257 9.03804 20.8977 8.75487C20.8557 8.41505 20.8557 7.39561 20.8977 7.06996C20.9117 6.91421 21.0517 6.80094 21.1917 6.7443Z"
29
28
  fill={fill}
30
29
  />
31
30
  </svg>
package/src/Core/IconComponents/WayIcon.tsx CHANGED
@@ -6,17 +6,17 @@ interface WayIconProps extends SVGProps<SVGSVGElement> {
6
6
 
7
7
  export const WayIcon = ({ fill = 'currentColor', ...props }: WayIconProps) => {
8
8
  return (
9
- <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
9
+ <svg viewBox="0 0 35 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
10
10
  <path
11
- d="M4.55288 16.4902L5.19288 15.5902L5.25288 15.5602H13.4829C14.0529 15.4602 14.2729 15.1002 14.3129 14.5502C14.3429 14.1002 14.3629 12.6102 14.2029 12.2602C14.0729 11.9702 13.7629 11.8002 13.4529 11.7602C11.9129 11.6702 10.2329 11.8802 8.71288 11.7602C8.11288 11.7102 7.49288 11.2902 7.23288 10.7502C6.87288 10.0102 7.13288 8.72016 7.05288 7.88016C7.01288 7.48016 6.73288 7.08016 6.32288 7.03016C5.12288 6.87016 3.72288 7.44016 2.90288 6.18016C2.29288 5.25016 2.74288 3.31016 2.60288 2.21016C2.69288 1.31016 3.37288 0.630158 4.26288 0.530158C5.82288 0.610158 7.48289 0.430158 9.03289 0.530158C9.74289 0.580158 10.3929 1.01016 10.6529 1.69016C10.9729 2.52016 10.6929 3.80016 10.7929 4.70016C10.8929 5.60016 11.9129 5.50016 12.5729 5.51016L13.2229 6.43016C12.4529 6.38016 11.5229 6.57016 10.8229 6.20016C9.38288 5.43016 9.97289 3.69016 9.86288 2.36016C9.82289 1.90016 9.50288 1.53016 9.03289 1.47016C7.53289 1.57016 5.84288 1.33016 4.35288 1.47016C3.93288 1.51016 3.58288 1.85016 3.53288 2.27016C3.59288 3.23016 3.45288 4.29016 3.53288 5.23016C3.65288 6.63016 5.85288 5.84016 6.78288 6.19016C8.55288 6.84016 7.79288 8.76016 7.99288 10.1202C8.05288 10.4902 8.41288 10.8002 8.78288 10.8302C10.2829 10.9702 11.9829 10.7202 13.4929 10.8302C14.3629 10.9002 15.0629 11.5202 15.2229 12.3802C15.1029 13.7402 15.7429 15.6902 14.1229 16.3602C14.0229 16.4002 13.7129 16.5102 13.6229 16.5102H4.55288V16.4902Z"
11
+ d="M25.226 7.83626C27.0276 7.66984 28.707 9.06174 28.707 10.8924C28.707 12.0876 27.3787 14.0847 26.6917 15.0832C26.478 15.3858 26.1116 15.9759 25.8673 16.2179C25.6993 16.3995 25.4551 16.4298 25.2566 16.2482C25.0428 16.0515 24.6306 15.3858 24.4321 15.1135C23.7756 14.1603 22.5084 12.254 22.4168 11.1345C22.2794 9.48536 23.5619 8.00268 25.2108 7.85139L25.226 7.83626ZM25.3634 9.65179C23.7909 9.8636 23.913 12.2994 25.5925 12.254C27.4093 12.2087 27.2108 9.40972 25.3634 9.65179Z"
12
12
  fill={fill}
13
13
  />
14
14
  <path
15
- d="M14.4627 0.540077C15.8127 0.400077 16.9627 1.53008 16.8727 2.88008C16.8027 3.89008 15.9927 5.15008 15.3427 5.90008C14.9727 6.33008 14.7227 6.65008 14.2227 6.12008C13.5127 5.38008 12.5627 3.89008 12.5127 2.85008C12.4527 1.69008 13.3127 0.650077 14.4727 0.540077H14.4627ZM14.4927 1.94008C13.6427 2.10008 13.7627 3.50008 14.7027 3.49008C15.7827 3.47008 15.6927 1.72008 14.4927 1.94008Z"
15
+ d="M12.7511 10.0087L13.5756 9.35818L13.6825 9.32792C15.3771 9.35818 16.9802 9.14636 18.2474 9.91796C20.0184 10.9921 18.7818 12.8228 16.1863 12.9438C14.2168 13.0346 12.0488 12.8682 10.0641 12.9438C6.75104 13.0649 6.68997 15.6217 9.9114 15.8336H23.3925L24.278 16.4992H9.56025C8.82741 16.4992 7.66709 16.0756 7.20907 15.773C5.20903 14.4719 6.73578 12.3235 9.81979 12.1874C11.7893 12.1117 13.9725 12.2781 15.942 12.1874C17.7589 12.1117 18.4459 10.8711 17.0718 10.2357C16.8733 10.1449 16.339 9.99361 16.0947 9.99361H12.7664L12.7511 10.0087Z"
16
16
  fill={fill}
17
17
  />
18
18
  <path
19
- d="M3.0828 10.6104C4.2228 10.6104 5.2128 11.5204 5.2728 12.6704C5.3328 13.8204 4.3928 15.2604 3.6628 16.0804C3.4028 16.3804 3.1228 16.7004 2.7228 16.3304C2.0628 15.7104 1.0928 14.1504 0.942799 13.2504C0.712799 11.8804 1.6528 10.6104 3.0728 10.6104H3.0828ZM2.9928 12.0104C1.9928 12.1304 2.1428 13.6704 3.2028 13.5604C4.1828 13.4504 4.0528 11.8904 2.9928 12.0104Z"
19
+ d="M9.63714 0.526254C12.3242 0.223666 14.4769 2.58385 13.6372 5.17098C13.0418 7.00163 11.5914 8.74151 10.5226 10.3301C10.37 10.4663 10.1257 10.4814 9.94249 10.4057C9.75928 10.3301 9.14858 9.4072 8.98064 9.18026C8.07986 7.9094 6.36991 5.36766 6.49205 3.80933C6.61419 2.251 8.03406 0.692677 9.63714 0.526254ZM10.141 2.59898C7.97299 2.70489 8.38521 6.24516 10.599 5.63999C12.3242 5.17098 12.0341 2.5082 10.141 2.59898Z"
20
20
  fill={fill}
21
21
  />
22
22
  </svg>
package/src/Core/IconComponents/index.ts CHANGED
@@ -56,3 +56,4 @@ export { MicrosoftIcon } from './MicrosoftIcon';
56
56
  export { FolderAlertIcon } from './FolderAlertIcon';
57
57
  export { RelationIcon } from './RelationIcon';
58
58
  export { RelationPointsIcon } from './RelationPointsIcon';
59
+ export { PassportIcon } from './PassportIcon';
package/src/Theme/themes/dark.ts CHANGED
@@ -333,15 +333,15 @@ export const darkThemePx: Theme = {
333
333
  boxShadow: 'none',
334
334
  },
335
335
  hover: {
336
- background: '#10253A',
336
+ background: '#1A212D',
337
337
  text: '#80A0F5',
338
- border: '#1E2226',
338
+ border: '#80A0F5',
339
339
  boxShadow: 'none',
340
340
  },
341
341
  active: {
342
- background: '#10253A',
342
+ background: '#1A212D',
343
343
  text: '#80A0F5',
344
- border: '#1E2226',
344
+ border: '#80A0F5',
345
345
  boxShadow: 'none',
346
346
  },
347
347
  disabled: {
@@ -355,20 +355,20 @@ export const darkThemePx: Theme = {
355
355
  // колір default
356
356
  default: {
357
357
  background: 'transparent',
358
- text: '#99989C',
359
- border: '#535353',
358
+ text: '#E8EAEE',
359
+ border: '#34404C',
360
360
  boxShadow: 'none',
361
361
  },
362
362
  hover: {
363
- background: '#1E2226',
364
- text: '#99989C',
365
- border: '#1E2226',
363
+ background: '#222A32',
364
+ text: '#E8EAEE',
365
+ border: '#34404C',
366
366
  boxShadow: 'none',
367
367
  },
368
368
  active: {
369
- background: '#535353',
370
- text: '#99989C',
371
- border: '#535353',
369
+ background: '#222A32',
370
+ text: '#E8EAEE',
371
+ border: '#34404C',
372
372
  boxShadow: 'none',
373
373
  },
374
374
  disabled: {
@@ -536,19 +536,19 @@ export const darkThemePx: Theme = {
536
536
  // колір default
537
537
  default: {
538
538
  background: 'transparent',
539
- text: '#535353',
539
+ text: '#E8EAEE',
540
540
  border: 'transparent',
541
541
  boxShadow: 'none',
542
542
  },
543
543
  hover: {
544
544
  background: 'transparent',
545
- text: '#EEEEEE',
545
+ text: '#34404C',
546
546
  border: 'transparent',
547
547
  boxShadow: 'none',
548
548
  },
549
549
  active: {
550
550
  background: 'transparent',
551
- text: '#EEEEEE',
551
+ text: '#34404C',
552
552
  border: 'transparent',
553
553
  boxShadow: 'none',
554
554
  },
package/src/Theme/themes/light.ts CHANGED
@@ -541,13 +541,13 @@ export const lightThemePx: Theme = {
541
541
  },
542
542
  hover: {
543
543
  background: 'transparent',
544
- text: '#EEEEEE',
544
+ text: '#99989C',
545
545
  border: 'transparent',
546
546
  boxShadow: 'none',
547
547
  },
548
548
  active: {
549
549
  background: 'transparent',
550
- text: '#EEEEEE',
550
+ text: '#99989C',
551
551
  border: 'transparent',
552
552
  boxShadow: 'none',
553
553
  },
package/src/Theme/utils.ts CHANGED
@@ -124,7 +124,7 @@ export const convertPaletteToRem = (
124
124
  result[key] = convertPaletteToRem(value, baseSize, key);
125
125
  }
126
126
  // If value is a string and contains 'px', convert it to rem
127
- else if (typeof value === 'string' && value.includes('px')) {
127
+ else if (typeof value === 'string' && /^\d+(\.\d+)?px$/.test(value.trim())) {
128
128
  result[key] = pxToRem(value, baseSize);
129
129
  }
130
130
  // Handle numeric values that represent pixels for specific properties