@vkzstudio/muza-ui 1.0.44 → 1.0.45

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 (84) hide show
  1. package/dist/components/DataTable/DataTable.d.ts +14 -5
  2. package/dist/components/DataTable/DataTable.d.ts.map +1 -1
  3. package/dist/components/DataTable/DataTable.js +39 -39
  4. package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -1
  5. package/dist/components/DropdownMenu/DropdownMenu.d.ts +38 -7
  6. package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  7. package/dist/components/DropdownMenu/DropdownMenu.js +165 -163
  8. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +3 -17
  9. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts.map +1 -1
  10. package/dist/components/ExpandableTable/ExpandableTable.d.ts +30 -11
  11. package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
  12. package/dist/components/ExpandableTable/ExpandableTable.js +100 -111
  13. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +3 -1
  14. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
  15. package/dist/components/FileUpload/FileItem.d.ts +6 -0
  16. package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
  17. package/dist/components/FileUpload/FileItem.js +38 -41
  18. package/dist/components/FileUpload/FileUpload.d.ts +32 -0
  19. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  20. package/dist/components/FileUpload/FileUpload.js +87 -83
  21. package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -0
  22. package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
  23. package/dist/components/Flex/Flex.d.ts +1 -1
  24. package/dist/components/Icons/CustomBadges.d.ts +14 -0
  25. package/dist/components/Icons/CustomBadges.d.ts.map +1 -0
  26. package/dist/components/Icons/CustomBadges.js +334 -0
  27. package/dist/components/Icons/CustomIcons.d.ts +24 -0
  28. package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
  29. package/dist/components/Icons/CustomIcons.js +88 -42
  30. package/dist/components/Icons/CustomLogos.d.ts +29 -0
  31. package/dist/components/Icons/CustomLogos.d.ts.map +1 -0
  32. package/dist/components/Icons/CustomLogos.js +593 -0
  33. package/dist/components/Icons/LogosAndBadges.stories.d.ts +7 -0
  34. package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -0
  35. package/dist/components/Icons/index.d.ts +2 -0
  36. package/dist/components/Icons/index.d.ts.map +1 -1
  37. package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts +24 -1
  38. package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
  39. package/dist/components/LanguageSwitcher/LanguageSwitcher.js +71 -52
  40. package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts +2 -0
  41. package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts.map +1 -1
  42. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  43. package/dist/components/MultiSelect/MultiSelect.js +18 -17
  44. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts +266 -0
  45. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts.map +1 -0
  46. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.examples.d.ts +39 -0
  47. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.examples.d.ts.map +1 -0
  48. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +134 -0
  49. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.stories.d.ts +14 -0
  50. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.stories.d.ts.map +1 -0
  51. package/dist/components/ResponsiveLayoutTable/index.d.ts +2 -0
  52. package/dist/components/ResponsiveLayoutTable/index.d.ts.map +1 -0
  53. package/dist/components/Select/Select.d.ts +20 -7
  54. package/dist/components/Select/Select.d.ts.map +1 -1
  55. package/dist/components/Select/Select.js +123 -92
  56. package/dist/components/Select/Select.stories.d.ts +1 -0
  57. package/dist/components/Select/Select.stories.d.ts.map +1 -1
  58. package/dist/components/Select/utils.d.ts +1 -0
  59. package/dist/components/Select/utils.d.ts.map +1 -1
  60. package/dist/components/Select/utils.js +5 -2
  61. package/dist/components/Toggle/Toggle.js +1 -1
  62. package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts +69 -0
  63. package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts.map +1 -0
  64. package/dist/components/ToggleCheckButton/ToggleCheckButton.js +64 -0
  65. package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts +8 -0
  66. package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts.map +1 -0
  67. package/dist/components/ToggleCheckButton/index.d.ts +2 -0
  68. package/dist/components/ToggleCheckButton/index.d.ts.map +1 -0
  69. package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts +19 -0
  70. package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts.map +1 -0
  71. package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts +8 -0
  72. package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts.map +1 -0
  73. package/dist/components/index.d.ts +2 -0
  74. package/dist/components/index.d.ts.map +1 -1
  75. package/dist/hooks/use-is-breakpoint.d.ts +11 -0
  76. package/dist/hooks/use-is-breakpoint.d.ts.map +1 -1
  77. package/dist/hooks/use-is-breakpoint.js +24 -13
  78. package/dist/index.js +236 -215
  79. package/dist/muza-ui.css +1 -1
  80. package/dist/styles/token-colors.css +64 -3
  81. package/dist/styles/token-sizes.css +86 -54
  82. package/dist/utils/cn.d.ts.map +1 -1
  83. package/dist/utils/cn.js +16 -5
  84. package/package.json +1 -1
package/dist/styles/token-colors.css CHANGED
@@ -51,7 +51,7 @@
51
51
  --color-comp-benefit-card-text-hover: var(--color-text-dark-primary-def);
52
52
  --color-comp-benefit-card-text-primary: var(--color-text-dark-primary-def);
53
53
  --color-comp-benefit-card-text-secondary: var(--color-text-dark-secondary);
54
- --color-comp-button-arrow-disabled: var(--color-gray-300);
54
+ --color-comp-button-arrow-disabled: var(--gray-300);
55
55
  --color-comp-button-danger-ghost-bg-def: var(--color-transparent-transparent);
56
56
  --color-comp-button-danger-ghost-bg-disabled: var(
57
57
  --color-transparent-transparent
@@ -738,6 +738,21 @@
738
738
  --color-comp-button-tertiary-text-focused: var(--color-text-brand-focused);
739
739
  --color-comp-button-tertiary-text-hover: var(--color-text-brand-hover);
740
740
  --color-comp-button-tertiary-text-pressed: var(--color-text-brand-pressed);
741
+ --color-comp-button-toggle-check-icon-active: var(--color-text-state-success);
742
+ --color-comp-button-toggle-check-icon-def: var(
743
+ --color-icon-dark-secondary-def
744
+ );
745
+ --color-comp-button-toggle-check-icon-disabled: var(
746
+ --color-text-dark-disabled
747
+ );
748
+ --color-comp-button-toggle-check-icon-error: var(
749
+ --color-text-state-error-def
750
+ );
751
+ --color-comp-button-toggle-check-icon-focused: var(--color-text-brand-def);
752
+ --color-comp-button-toggle-check-icon-hover: var(--color-text-state-success);
753
+ --color-comp-button-toggle-check-icon-pressed: var(
754
+ --color-text-brand-pressed
755
+ );
741
756
  --color-comp-card-dashboard-dark-bg-def: var(--color-black-dramatic-900);
742
757
  --color-comp-card-dashboard-dark-bg-disabled: var(--color-black-dramatic-300);
743
758
  --color-comp-card-dashboard-dark-bg-focused: var(
@@ -770,15 +785,34 @@
770
785
  --color-comp-card-checkout-stroke: var(--color-stroke-base-primary);
771
786
  --color-comp-card-muzain-bg: var(--color-surface-base-secondary);
772
787
  --color-comp-card-muzain-stroke: var(--color-stroke-base-secondary);
788
+ --color-comp-card-offer-bg-def-def: var(--color-surface-base-transparent);
789
+ --color-comp-card-offer-bg-def-disabled: var(
790
+ --color-surface-base-transparent
791
+ );
792
+ --color-comp-card-offer-bg-def-focused: var(--color-surface-base-transparent);
793
+ --color-comp-card-offer-bg-def-hover: var(--color-surface-base-transparent);
794
+ --color-comp-card-offer-bg-filled-def: var(--color-surface-base-secondary);
795
+ --color-comp-card-offer-bg-filled-disabled: var(
796
+ --color-surface-base-secondary
797
+ );
798
+ --color-comp-card-offer-bg-filled-focused: var(
799
+ --color-surface-base-secondary
800
+ );
801
+ --color-comp-card-offer-bg-filled-hover: var(--color-surface-base-secondary);
802
+ --color-comp-card-offer-stroke-def: var(--color-stroke-base-primary);
803
+ --color-comp-card-offer-stroke-disabled: var(--color-stroke-base-disabled);
804
+ --color-comp-card-offer-stroke-focused: var(--color-stroke-brand-focused);
805
+ --color-comp-card-offer-stroke-hover: var(--color-stroke-brand-def);
773
806
  --color-comp-checkbox-bg-active: var(--color-surface-brand-primary);
774
807
  --color-comp-checkbox-bg-def: var(--color-surface-base-transparent);
775
808
  --color-comp-checkbox-bg-disabled: var(--color-surface-base-transparent);
776
809
  --color-comp-checkbox-bg-error: var(--color-surface-base-transparent);
777
810
  --color-comp-checkbox-bg-hover: var(--color-surface-brand-brand-tertiary);
811
+ --color-comp-checkbox-stroke-active: var(--color-stroke-brand-def);
778
812
  --color-comp-checkbox-stroke-def: var(--color-stroke-base-tertiary);
779
813
  --color-comp-checkbox-stroke-disabled: var(--color-stroke-base-disabled);
780
- --color-comp-checkbox-stroke-error: var(--color-text-state-error-def);
781
- --color-comp-checkbox-stroke-hover: var(--color-text-brand-hover);
814
+ --color-comp-checkbox-stroke-error: var(--color-stroke-error-def);
815
+ --color-comp-checkbox-stroke-hover: var(--color-stroke-brand-def);
782
816
  --color-comp-dialog-bg-android: var(--color-surface-base-secondary);
783
817
  --color-comp-dialog-text-def: var(--color-text-dark-primary-def);
784
818
  --color-comp-dropdown-menu-fill-base-def: var(
@@ -1007,6 +1041,27 @@
1007
1041
  --color-comp-responsive-layout-table-bg-success: var(
1008
1042
  --color-surface-state-bg-success
1009
1043
  );
1044
+ --color-comp-segmented-control-bg-def: var(--color-surface-state-bg-info);
1045
+ --color-comp-segmented-control-bg-item-active: var(
1046
+ --color-surface-base-secondary
1047
+ );
1048
+ --color-comp-segmented-control-bg-item-def: var(
1049
+ --color-surface-base-transparent
1050
+ );
1051
+ --color-comp-segmented-control-bg-item-disabled: var(
1052
+ --color-surface-base-transparent
1053
+ );
1054
+ --color-comp-segmented-control-bg-item-focused: var(
1055
+ --color-surface-brand-ghost-focused
1056
+ );
1057
+ --color-comp-segmented-control-bg-item-hover: var(
1058
+ --color-surface-brand-ghost-hover
1059
+ );
1060
+ --color-comp-segmented-control-text-active: var(--color-text-brand-def);
1061
+ --color-comp-segmented-control-text-def: var(--color-text-brand-def);
1062
+ --color-comp-segmented-control-text-disabled: var(--color-text-dark-disabled);
1063
+ --color-comp-segmented-control-text-focused: var(--color-text-brand-focused);
1064
+ --color-comp-segmented-control-text-hover: var(--color-text-brand-hover);
1010
1065
  --color-comp-select-fill-def: var(--color-surface-base-secondary);
1011
1066
  --color-comp-select-fill-disabled: var(
1012
1067
  --color-surface-dark-secondary-disabled
@@ -1103,6 +1158,12 @@
1103
1158
  --color-surface-brand-primary-focused-pressed
1104
1159
  );
1105
1160
  --color-comp-time-picker-hover: var(--color-surface-brand-primary-hover);
1161
+ --color-comp-toast-bg-error: var(--color-surface-error-def);
1162
+ --color-comp-toast-bg-success: var(--color-green-500);
1163
+ --color-comp-toast-bg-warning: var(--color-orange-200);
1164
+ --color-comp-toast-text-success: var(--color-text-invert-def);
1165
+ --color-comp-toast-text-text-error: var(--color-text-invert-def);
1166
+ --color-comp-toast-text-warning: var(--color-text-state-warning);
1106
1167
  --color-comp-tutorial-banner-bg: var(--color-transparent-brand-8);
1107
1168
  --color-icon-brand-def: var(--brand-primary);
1108
1169
  --color-icon-brand-focused: var(--brand-focused);
package/dist/styles/token-sizes.css CHANGED
@@ -88,20 +88,30 @@
88
88
  --spacing-comp-card-dashboard-p: var(--spacing-3xl);
89
89
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-8xl);
90
90
  --spacing-comp-card-dashboard-p-right: var(--spacing-8xl);
91
- --spacing-comp-card-account-gap-def: var(--spacing-16);
92
- --spacing-comp-card-account-gap-mf: var(--spacing-20);
91
+ --spacing-comp-card-account-gap-def: var(--spacing-lg);
92
+ --spacing-comp-card-account-gap-mf: var(--spacing-xl);
93
93
  --spacing-comp-card-account-radius: var(--radius-2xl);
94
- --spacing-comp-card-account-gap-lg: var(--spacing-32);
95
- --spacing-comp-card-account-p-hor-def: var(--spacing-32);
96
- --spacing-comp-card-account-p-ver: var(--spacing-32);
97
- --spacing-comp-card-account-p-hor-lg: var(--spacing-40);
98
- --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
94
+ --spacing-comp-card-account-gap-lg: var(--spacing-3xl);
95
+ --spacing-comp-card-account-p-hor: var(--spacing-3xl);
96
+ --spacing-comp-card-account-p-ver-def: var(--spacing-3xl);
97
+ --spacing-comp-card-account-p-ver-lg: var(--spacing-4xl);
98
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
99
99
  --spacing-comp-card-checkout-radius: var(--radius-xl);
100
- --spacing-comp-card-checkout-p-hor: var(--spacing-24);
101
- --spacing-comp-card-checkout-p-ver: var(--spacing-24);
100
+ --spacing-comp-card-checkout-p-hor: var(--spacing-2xl);
101
+ --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
102
+ --spacing-comp-card-magazine-radius: var(--radius-xl);
103
+ --spacing-comp-card-magazine-p-bottom: var(--spacing-2xl);
104
+ --spacing-comp-card-magazine-p: var(--spacing-3xl);
102
105
  --spacing-comp-card-muzain-radius: var(--radius-xl);
103
106
  --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
104
107
  --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
108
+ --spacing-comp-card-offer-gap: var(--spacing-sm);
109
+ --spacing-comp-card-offer-p-top: var(--spacing-lg);
110
+ --spacing-comp-card-offer-p: var(--spacing-xl);
111
+ --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
112
+ --spacing-comp-card-offer-radius: var(--radius-xl);
113
+ --spacing-comp-card-offer-logo-size: var(--spacing-72);
114
+ --spacing-comp-card-offer-h: 294px;
105
115
  --spacing-comp-carousel-circle-size: var(--spacing-28);
106
116
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
107
117
  --spacing-comp-checkbox-radius: var(--radius-xs);
@@ -155,8 +165,6 @@
155
165
  --spacing-comp-input-radius: var(--radius-full);
156
166
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
157
167
  --spacing-comp-login-circle-size: var(--spacing-80);
158
- --spacing-comp-magazine-card-p-bottom: var(--spacing-2xl);
159
- --spacing-comp-magazine-card-p: var(--spacing-3xl);
160
168
  --spacing-comp-market-card-p-hor: var(--spacing-20);
161
169
  --spacing-comp-market-card-p-ver: var(--spacing-24);
162
170
  --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
@@ -252,8 +260,8 @@
252
260
  --spacing-comp-webcheckout-logo-h: var(--spacing-48);
253
261
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
254
262
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
255
- --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-md);
256
- --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-lg);
263
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-md);
264
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-lg);
257
265
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
258
266
  --spacing-comp-webcheckout-table-cells-h: var(--spacing-64);
259
267
  --spacing-icon-xxsmall: var(--spacing-12);
@@ -371,20 +379,30 @@
371
379
  --spacing-comp-card-dashboard-p: var(--spacing-3xl);
372
380
  --spacing-comp-card-dashboard-p-right: var(--spacing-3xl);
373
381
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-7xl);
374
- --spacing-comp-card-account-gap-def: var(--spacing-16);
375
- --spacing-comp-card-account-gap-mf: var(--spacing-20);
382
+ --spacing-comp-card-account-gap-def: var(--spacing-lg);
383
+ --spacing-comp-card-account-gap-mf: var(--spacing-xl);
376
384
  --spacing-comp-card-account-radius: var(--radius-2xl);
377
- --spacing-comp-card-account-p-hor-def: var(--spacing-24);
378
- --spacing-comp-card-account-p-ver: var(--spacing-24);
379
- --spacing-comp-card-account-gap-lg: var(--spacing-32);
380
- --spacing-comp-card-account-p-hor-lg: var(--spacing-32);
381
- --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
382
- --spacing-comp-card-checkout-p-ver: var(--spacing-20);
385
+ --spacing-comp-card-account-p-hor: var(--spacing-2xl);
386
+ --spacing-comp-card-account-p-ver-def: var(--spacing-2xl);
387
+ --spacing-comp-card-account-gap-lg: var(--spacing-3xl);
388
+ --spacing-comp-card-account-p-ver-lg: var(--spacing-3xl);
389
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
390
+ --spacing-comp-card-checkout-p-hor: var(--spacing-xl);
383
391
  --spacing-comp-card-checkout-radius: var(--radius-xl);
384
- --spacing-comp-card-checkout-p-hor: var(--spacing-24);
392
+ --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
393
+ --spacing-comp-card-magazine-p-bottom: var(--spacing-xl);
394
+ --spacing-comp-card-magazine-radius: var(--radius-xl);
395
+ --spacing-comp-card-magazine-p: var(--spacing-2xl);
385
396
  --spacing-comp-card-muzain-radius: var(--radius-xl);
386
397
  --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
387
398
  --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
399
+ --spacing-comp-card-offer-gap: var(--spacing-sm);
400
+ --spacing-comp-card-offer-p-top: var(--spacing-lg);
401
+ --spacing-comp-card-offer-p: var(--spacing-xl);
402
+ --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
403
+ --spacing-comp-card-offer-radius: var(--radius-xl);
404
+ --spacing-comp-card-offer-logo-size: var(--spacing-72);
405
+ --spacing-comp-card-offer-h: 294px;
388
406
  --spacing-comp-carousel-circle-size: var(--spacing-28);
389
407
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
390
408
  --spacing-comp-checkbox-radius: var(--radius-xs);
@@ -438,8 +456,6 @@
438
456
  --spacing-comp-input-radius: var(--radius-full);
439
457
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
440
458
  --spacing-comp-login-circle-size: var(--spacing-80);
441
- --spacing-comp-magazine-card-p-bottom: var(--spacing-xl);
442
- --spacing-comp-magazine-card-p: var(--spacing-2xl);
443
459
  --spacing-comp-market-card-p-hor: var(--spacing-20);
444
460
  --spacing-comp-market-card-p-ver: var(--spacing-24);
445
461
  --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
@@ -656,20 +672,30 @@
656
672
  --spacing-comp-card-dashboard-p: var(--spacing-2xl);
657
673
  --spacing-comp-card-dashboard-p-right: var(--spacing-2xl);
658
674
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-6xl);
659
- --spacing-comp-card-account-gap-def: var(--spacing-16);
660
- --spacing-comp-card-account-gap-mf: var(--spacing-16);
661
- --spacing-comp-card-account-p-hor-def: var(--spacing-16);
662
- --spacing-comp-card-account-p-ver: var(--spacing-16);
675
+ --spacing-comp-card-account-gap-def: var(--spacing-lg);
676
+ --spacing-comp-card-account-gap-mf: var(--spacing-xl);
677
+ --spacing-comp-card-account-p-hor: var(--spacing-xl);
678
+ --spacing-comp-card-account-p-ver-def: var(--spacing-xl);
663
679
  --spacing-comp-card-account-radius: var(--radius-2xl);
664
- --spacing-comp-card-account-gap-lg: var(--spacing-24);
665
- --spacing-comp-card-account-p-hor-lg: var(--spacing-24);
666
- --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
667
- --spacing-comp-card-checkout-p-ver: var(--spacing-16);
680
+ --spacing-comp-card-account-gap-lg: var(--spacing-2xl);
681
+ --spacing-comp-card-account-p-ver-lg: var(--spacing-2xl);
682
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
683
+ --spacing-comp-card-checkout-p-hor: var(--spacing-lg);
668
684
  --spacing-comp-card-checkout-radius: var(--radius-xl);
669
- --spacing-comp-card-checkout-p-hor: var(--spacing-24);
670
- --spacing-comp-card-muzain-p-ver: var(--spacing-lg);
671
- --spacing-comp-card-muzain-p-hor: var(--spacing-xl);
685
+ --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
686
+ --spacing-comp-card-magazine-p-bottom: var(--spacing-xl);
687
+ --spacing-comp-card-magazine-radius: var(--radius-xl);
688
+ --spacing-comp-card-magazine-p: var(--spacing-2xl);
689
+ --spacing-comp-card-muzain-p-hor: var(--spacing-lg);
690
+ --spacing-comp-card-muzain-p-ver: var(--spacing-xl);
672
691
  --spacing-comp-card-muzain-radius: var(--radius-xl);
692
+ --spacing-comp-card-offer-gap: var(--spacing-sm);
693
+ --spacing-comp-card-offer-p-top: var(--spacing-lg);
694
+ --spacing-comp-card-offer-p: var(--spacing-xl);
695
+ --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
696
+ --spacing-comp-card-offer-radius: var(--radius-xl);
697
+ --spacing-comp-card-offer-logo-size: var(--spacing-72);
698
+ --spacing-comp-card-offer-h: 294px;
673
699
  --spacing-comp-carousel-circle-size: var(--spacing-24);
674
700
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
675
701
  --spacing-comp-checkbox-radius: var(--radius-xs);
@@ -723,8 +749,6 @@
723
749
  --spacing-comp-input-radius: var(--radius-full);
724
750
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
725
751
  --spacing-comp-login-circle-size: var(--spacing-64);
726
- --spacing-comp-magazine-card-p-bottom: var(--spacing-xl);
727
- --spacing-comp-magazine-card-p: var(--spacing-2xl);
728
752
  --spacing-comp-market-card-p-hor: var(--spacing-16);
729
753
  --spacing-comp-market-card-p-ver: var(--spacing-16);
730
754
  --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
@@ -820,8 +844,8 @@
820
844
  --spacing-comp-webcheckout-logo-h: var(--spacing-40);
821
845
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-sm);
822
846
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
823
- --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-2xs);
824
- --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-lg);
847
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-2xs);
848
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-lg);
825
849
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
826
850
  --spacing-comp-webcheckout-table-cells-h: 90px;
827
851
  --spacing-icon-xxsmall: var(--spacing-12);
@@ -941,20 +965,30 @@
941
965
  --spacing-comp-card-dashboard-p: var(--spacing-3xl);
942
966
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-8xl);
943
967
  --spacing-comp-card-dashboard-p-right: var(--spacing-8xl);
944
- --spacing-comp-card-account-gap-def: var(--spacing-16);
945
- --spacing-comp-card-account-gap-mf: var(--spacing-20);
968
+ --spacing-comp-card-account-gap-def: var(--spacing-lg);
969
+ --spacing-comp-card-account-gap-mf: var(--spacing-xl);
946
970
  --spacing-comp-card-account-radius: var(--radius-2xl);
947
- --spacing-comp-card-account-gap-lg: var(--spacing-32);
948
- --spacing-comp-card-account-p-hor-def: var(--spacing-32);
949
- --spacing-comp-card-account-p-ver: var(--spacing-32);
950
- --spacing-comp-card-account-p-hor-lg: var(--spacing-40);
951
- --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
971
+ --spacing-comp-card-account-gap-lg: var(--spacing-3xl);
972
+ --spacing-comp-card-account-p-hor: var(--spacing-3xl);
973
+ --spacing-comp-card-account-p-ver-def: var(--spacing-3xl);
974
+ --spacing-comp-card-account-p-ver-lg: var(--spacing-4xl);
975
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
952
976
  --spacing-comp-card-checkout-radius: var(--radius-xl);
953
- --spacing-comp-card-checkout-p-hor: var(--spacing-24);
954
- --spacing-comp-card-checkout-p-ver: var(--spacing-24);
977
+ --spacing-comp-card-checkout-p-hor: var(--spacing-2xl);
978
+ --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
979
+ --spacing-comp-card-magazine-radius: var(--radius-xl);
980
+ --spacing-comp-card-magazine-p-bottom: var(--spacing-2xl);
981
+ --spacing-comp-card-magazine-p: var(--spacing-3xl);
955
982
  --spacing-comp-card-muzain-radius: var(--radius-xl);
956
- --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
957
- --spacing-comp-card-muzain-p-hor: var(--spacing-3xl);
983
+ --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
984
+ --spacing-comp-card-muzain-p-ver: var(--spacing-3xl);
985
+ --spacing-comp-card-offer-gap: var(--spacing-sm);
986
+ --spacing-comp-card-offer-p-top: var(--spacing-lg);
987
+ --spacing-comp-card-offer-p: var(--spacing-xl);
988
+ --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
989
+ --spacing-comp-card-offer-radius: var(--radius-xl);
990
+ --spacing-comp-card-offer-logo-size: var(--spacing-72);
991
+ --spacing-comp-card-offer-h: 294px;
958
992
  --spacing-comp-carousel-circle-size: var(--spacing-28);
959
993
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
960
994
  --spacing-comp-checkbox-radius: var(--radius-xs);
@@ -1008,8 +1042,6 @@
1008
1042
  --spacing-comp-input-radius: var(--radius-full);
1009
1043
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
1010
1044
  --spacing-comp-login-circle-size: var(--spacing-80);
1011
- --spacing-comp-magazine-card-p-bottom: var(--spacing-2xl);
1012
- --spacing-comp-magazine-card-p: var(--spacing-3xl);
1013
1045
  --spacing-comp-market-card-p-hor: var(--spacing-20);
1014
1046
  --spacing-comp-market-card-p-ver: var(--spacing-24);
1015
1047
  --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
@@ -1105,8 +1137,8 @@
1105
1137
  --spacing-comp-webcheckout-logo-h: var(--spacing-48);
1106
1138
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
1107
1139
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
1108
- --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-md);
1109
- --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-lg);
1140
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-md);
1141
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-lg);
1110
1142
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
1111
1143
  --spacing-comp-webcheckout-table-cells-h: var(--spacing-64);
1112
1144
  --spacing-icon-xsmall: var(--spacing-16);
package/dist/utils/cn.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AA+R5C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAEzC,CAAA"}
1
+ {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AA0S5C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAEzC,CAAA"}
package/dist/utils/cn.js CHANGED
@@ -83,16 +83,26 @@ const o = [
83
83
  "comp-card-account-gap-mf",
84
84
  "comp-card-account-radius",
85
85
  "comp-card-account-gap-lg",
86
- "comp-card-account-p-hor-def",
87
- "comp-card-account-p-ver",
88
- "comp-card-account-p-hor-lg",
86
+ "comp-card-account-p-hor",
87
+ "comp-card-account-p-ver-def",
88
+ "comp-card-account-p-ver-lg",
89
89
  "comp-card-checkout-p-bottom",
90
90
  "comp-card-checkout-radius",
91
91
  "comp-card-checkout-p-hor",
92
92
  "comp-card-checkout-p-ver",
93
+ "comp-card-magazine-radius",
94
+ "comp-card-magazine-p-bottom",
95
+ "comp-card-magazine-p",
93
96
  "comp-card-muzain-radius",
94
97
  "comp-card-muzain-p-hor",
95
98
  "comp-card-muzain-p-ver",
99
+ "comp-card-offer-gap",
100
+ "comp-card-offer-p-top",
101
+ "comp-card-offer-p",
102
+ "comp-card-offer-p-bottom",
103
+ "comp-card-offer-radius",
104
+ "comp-card-offer-logo-size",
105
+ "comp-card-offer-h",
96
106
  "comp-carousel-circle-size",
97
107
  "comp-checkbox-w-stroke",
98
108
  "comp-checkbox-radius",
@@ -111,6 +121,7 @@ const o = [
111
121
  "comp-dialog-w-sm",
112
122
  "comp-dialog-w-md",
113
123
  "comp-dialog-w-lg",
124
+ "comp-dialog-radius",
114
125
  "comp-dialog-android-p-ver-sm",
115
126
  "comp-dialog-android-gap",
116
127
  "comp-dialog-android-p-hor-sm",
@@ -124,6 +135,7 @@ const o = [
124
135
  "comp-empty-state-ico-size",
125
136
  "comp-file-upload-radius",
126
137
  "comp-file-upload-ico-size",
138
+ "comp-file-upload-radius",
127
139
  "comp-header-gap",
128
140
  "comp-header-p-hor-d",
129
141
  "comp-help-button-radius",
@@ -146,8 +158,6 @@ const o = [
146
158
  "comp-input-radius",
147
159
  "comp-internal-benefits-circle-size",
148
160
  "comp-login-circle-size",
149
- "comp-magazine-card-p-bottom",
150
- "comp-magazine-card-p",
151
161
  "comp-market-card-p-hor",
152
162
  "comp-market-card-p-ver",
153
163
  "comp-market-card-ico-bg-size",
@@ -225,6 +235,7 @@ const o = [
225
235
  "comp-text-area-radius",
226
236
  "comp-texteditor-radius",
227
237
  "comp-texteditor-ico-bg-size",
238
+ "comp-texteditor-radius",
228
239
  "comp-time-picker-container-h",
229
240
  "comp-toast-p-hor",
230
241
  "comp-toast-p-ver",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkzstudio/muza-ui",
3
- "version": "1.0.44",
3
+ "version": "1.0.45",
4
4
  "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",