@vkzstudio/muza-ui 1.2.0 → 1.3.0

package/dist/styles/primitives.css

@@ -109,9 +109,11 @@
   --color-transparent-brand-8: #5f1eb414;
   --color-transparent-dark-10: #1c1a1f1a;
   --color-transparent-dark-12: #1c1a1f1f;
+  --color-transparent-dark-24: #1003213d;
   --color-transparent-dark-70: #100321b2;
   --color-transparent-dark-8: #1c1a1f14;
   --color-transparent-green-15: #14645a26;
+  --color-transparent-green-25: #46bfaf40;
   --color-transparent-light-15: #f6f3fe26;
   --color-transparent-light-25: #f6f3fe40;
   --color-transparent-light-40: #c6c0dc66;
@@ -121,9 +123,12 @@
   --color-transparent-red-20: #a92b3d33;
   --color-transparent-red-35: #a92b3d59;
   --color-transparent-red-8: #a92b3d14;
+  --color-transparent-red-light-35: #f99fab59;
   --color-transparent-transparent: #ffffff00;
   --color-transparent-white-10: #ffffff14;
   --color-transparent-white-15: #ffffff26;
+  --color-transparent-white-4: #ffffff0a;
+  --color-transparent-white-50: #ffffff80;
   --color-transparent-white-70: #ffffffb2;
   /* number */
   --spacing-0: 0px;

package/dist/styles/token-colors.css

@@ -108,7 +108,18 @@
   --color-comp-benefit-card-text-hover: var(--color-text-dark-primary-def);
   --color-comp-benefit-card-text-primary: var(--color-text-dark-primary-def);
   --color-comp-benefit-card-text-secondary: var(--color-text-dark-secondary);
-  --color-comp-button-arrow-disabled: var(--gray-300);
+  --color-comp-button-arrow-bg-def: var(--color-surface-dark-def);
+  --color-comp-button-arrow-bg-disabled: var(--gray-300);
+  --color-comp-button-arrow-bg-focused: var(--color-surface-dark-def);
+  --color-comp-button-arrow-bg-hover: var(--color-surface-dark-hover);
+  --color-comp-button-arrow-icon-def: var(--color-icon-invert-def);
+  --color-comp-button-arrow-icon-disabled: var(--color-icon-invert-def);
+  --color-comp-button-arrow-icon-focused: var(--color-icon-invert-def);
+  --color-comp-button-arrow-icon-hover: var(--color-icon-invert-def);
+  --color-comp-button-arrow-stroke-def: var(--color-stroke-base-secondary);
+  --color-comp-button-arrow-stroke-disabled: var(--color-stroke-base-secondary);
+  --color-comp-button-arrow-stroke-focused: var(--color-stroke-base-tertiary);
+  --color-comp-button-arrow-stroke-hover: var(--color-stroke-base-secondary);
   --color-comp-button-danger-ghost-bg-def: var(--color-transparent-transparent);
   --color-comp-button-danger-ghost-bg-disabled: var(
     --color-transparent-transparent
@@ -615,7 +626,7 @@
   --color-comp-button-primary-stroke-hover: var(--color-stroke-brand-hover);
   --color-comp-button-primary-stroke-pressed: var(--color-stroke-brand-pressed);
   --color-comp-button-primary-swipe-btn-def: var(--color-purple-400);
-  --color-comp-button-primary-swipe-btn-disabled: var(--color-gray-300);
+  --color-comp-button-primary-swipe-btn-disabled: var(--gray-300);
   --color-comp-button-primary-swipe-btn-focused: var(--color-purple-400);
   --color-comp-button-primary-swipe-btn-hover: var(--color-purple-400);
   --color-comp-button-primary-swipe-progress-def: var(--color-purple-500);
@@ -816,6 +827,26 @@
     --color-text-dark-primary-def
   );
   --color-comp-card-dashboard-dark-bg-hover: var(--color-text-dark-primary-def);
+  --color-comp-card-dashboard-dark-ico-bg-def: var(
+    --color-surface-icon-bg-light
+  );
+  --color-comp-card-dashboard-dark-ico-bg-disabled: var(
+    --color-surface-icon-bg-light
+  );
+  --color-comp-card-dashboard-dark-ico-bg-focused: var(
+    --color-surface-icon-bg-light
+  );
+  --color-comp-card-dashboard-dark-ico-bg-hover: var(
+    --color-surface-icon-bg-light
+  );
+  --color-comp-card-dashboard-dark-icon-def: var(--color-icon-invert-def);
+  --color-comp-card-dashboard-dark-icon-disabled: var(--color-icon-invert-def);
+  --color-comp-card-dashboard-dark-icon-focused: var(--color-icon-invert-def);
+  --color-comp-card-dashboard-dark-icon-hover: var(--color-icon-invert-def);
+  --color-comp-card-dashboard-dark-text-def: var(--color-text-invert-def);
+  --color-comp-card-dashboard-dark-text-disabled: var(--color-text-invert-def);
+  --color-comp-card-dashboard-dark-text-focused: var(--color-text-invert-def);
+  --color-comp-card-dashboard-dark-text-hover: var(--color-text-invert-def);
   --color-comp-card-dashboard-light-bg-def: var(--color-surface-base-secondary);
   --color-comp-card-dashboard-light-bg-disabled: var(
     --color-surface-base-secondary
@@ -912,6 +943,8 @@
   --color-comp-dropdown-menu-text-error-hover: var(
     --color-text-state-error-hover
   );
+  --color-comp-edge-button-group-def: var(--color-surface-base-secondary);
+  --color-comp-empty-state-icon: var(--gray-500);
   --color-comp-file-upload-fill-def: var(--color-surface-base-tertiary);
   --color-comp-file-upload-fill-disabled: var(
     --color-surface-dark-secondary-disabled
@@ -1046,22 +1079,41 @@
     --color-text-invert-focused
   );
   --color-comp-language-switcher-invert-hover: var(--color-text-invert-hover);
-  --color-comp-market-category-books-primary: var(--color-other-blue);
-  --color-comp-market-category-books-secondary: var(--color-other-blue-light);
-  --color-comp-market-category-culture-primary: var(--color-other-pink);
-  --color-comp-market-category-culture-secondary: var(--color-other-pink-light);
-  --color-comp-market-category-edu-primary: var(--color-other-purple);
-  --color-comp-market-category-edu-secondary: var(--color-other-purple-light);
-  --color-comp-market-category-food-primary: var(--color-other-red);
-  --color-comp-market-category-food-secondary: var(--color-other-red-light);
-  --color-comp-market-category-health-primary: var(--color-other-green);
-  --color-comp-market-category-health-secondary: var(--color-other-green-light);
-  --color-comp-market-category-recreation-primary: var(--color-other-yellow);
-  --color-comp-market-category-recreation-secondary: var(
+  --color-comp-logo-apple-pay: #1c1a1f;
+  --color-comp-logo-def: var(--color-icon-dark-primary-def);
+  --color-comp-logo-google-pay: #5f6368;
+  --color-comp-logo-invert: var(--color-icon-invert-def);
+  --color-comp-logo-white-fixed: var(--color-neutral-white);
+  --color-comp-map-pin-icon: var(--color-black-dramatic-950);
+  --color-comp-map-pin-surface: var(--color-neutral-white);
+  --color-comp-market-category-ico-books-primary: var(--color-other-blue);
+  --color-comp-market-category-ico-books-secondary: var(
+    --color-other-blue-light
+  );
+  --color-comp-market-category-ico-culture-primary: var(--color-other-pink);
+  --color-comp-market-category-ico-culture-secondary: var(
+    --color-other-pink-light
+  );
+  --color-comp-market-category-ico-edu-primary: var(--color-other-purple);
+  --color-comp-market-category-ico-edu-secondary: var(
+    --color-other-purple-light
+  );
+  --color-comp-market-category-ico-food-primary: var(--color-other-red);
+  --color-comp-market-category-ico-food-secondary: var(--color-other-red-light);
+  --color-comp-market-category-ico-health-primary: var(--color-other-green);
+  --color-comp-market-category-ico-health-secondary: var(
+    --color-other-green-light
+  );
+  --color-comp-market-category-ico-recreation-primary: var(
+    --color-other-yellow
+  );
+  --color-comp-market-category-ico-recreation-secondary: var(
     --color-other-yellow-light
   );
-  --color-comp-market-category-sport-primary: var(--color-other-orange);
-  --color-comp-market-category-sport-secondary: var(--color-other-orange-light);
+  --color-comp-market-category-ico-sport-primary: var(--color-other-orange);
+  --color-comp-market-category-ico-sport-secondary: var(
+    --color-other-orange-light
+  );
   --color-comp-offer-card-fill-def-default: var(
     --color-surface-base-transparent
   );
@@ -1086,11 +1138,6 @@
   --color-comp-offer-card-stroke-disabled: var(--color-stroke-base-primary);
   --color-comp-offer-card-stroke-focused: var(--color-stroke-brand-focused);
   --color-comp-offer-card-stroke-hover: var(--color-stroke-brand-hover);
-  --color-comp-pagination-bg-def: var(--color-surface-base-transparent);
-  --color-comp-pagination-bg-disabled: var(--color-surface-base-transparent);
-  --color-comp-pagination-bg-error: var(--color-surface-base-transparent);
-  --color-comp-pagination-bg-focused: var(--color-surface-brand-ghost-focused);
-  --color-comp-pagination-bg-hover: var(--color-surface-brand-ghost-hover);
   --color-comp-pagination-text-def: var(--color-text-dark-secondary);
   --color-comp-pagination-text-disabled: var(--color-text-dark-disabled);
   --color-comp-pagination-text-error: var(--color-text-state-error-def);
@@ -1119,6 +1166,8 @@
   --color-comp-quantity-selector-bg-selected: var(
     --color-surface-brand-brand-tertiary
   );
+  --color-comp-rating-star-default: var(--color-other-yellow);
+  --color-comp-rating-star-empty: var(--gray-300);
   --color-comp-responsive-layout-table-bg-def: var(
     --color-surface-base-transparent
   );
@@ -1128,6 +1177,18 @@
   --color-comp-responsive-layout-table-bg-success: var(
     --color-surface-state-bg-success
   );
+  --color-comp-restriction-group-selector-error-bg: var(
+    --color-surface-state-bg-error
+  );
+  --color-comp-restriction-group-selector-error-stroke: var(
+    --color-stroke-error-def
+  );
+  --color-comp-restriction-group-selector-success-bg: var(
+    --color-surface-state-bg-success
+  );
+  --color-comp-restriction-group-selector-success-stroke: var(
+    --color-stroke-base-success
+  );
   --color-comp-segmented-control-bg-def: var(--color-surface-state-bg-info);
   --color-comp-segmented-control-bg-item-active: var(
     --color-surface-base-secondary
@@ -1179,22 +1240,34 @@
   --color-comp-select-text-secondary: var(--color-text-dark-secondary);
   --color-comp-sheet-bg-def: var(--color-surface-base-secondary);
   --color-comp-sheet-text-def: var(--color-text-dark-primary-def);
-  --color-comp-sidebar-menu-item-active: var(
+  --color-comp-sidebar-menu-bg: var(--color-surface-brand-primary);
+  --color-comp-sidebar-menu-item-bg-active: var(
     --color-surface-invert-transparent-active
   );
-  --color-comp-sidebar-menu-item-active-submenu: var(
+  --color-comp-sidebar-menu-item-bg-active-submenu: var(
     --color-surface-base-transparent
   );
-  --color-comp-sidebar-menu-item-def: var(--color-surface-base-transparent);
-  --color-comp-sidebar-menu-item-disabled: var(
+  --color-comp-sidebar-menu-item-bg-def: var(--color-surface-base-transparent);
+  --color-comp-sidebar-menu-item-bg-disabled: var(
     --color-surface-base-transparent
   );
-  --color-comp-sidebar-menu-item-focused: var(
+  --color-comp-sidebar-menu-item-bg-focused: var(
     --color-surface-invert-transparent-focused
   );
-  --color-comp-sidebar-menu-item-hover: var(
+  --color-comp-sidebar-menu-item-bg-hover: var(
     --color-surface-invert-transparent-hover
   );
+  --color-comp-sidebar-menu-item-icon-bg-def: var(
+    --color-surface-icon-bg-light
+  );
+  --color-comp-sidebar-menu-item-text-active: var(--color-text-invert-def);
+  --color-comp-sidebar-menu-item-text-active-submenu: var(
+    --color-text-invert-def
+  );
+  --color-comp-sidebar-menu-item-text-def: var(--color-text-invert-def);
+  --color-comp-sidebar-menu-item-text-disabled: var(--color-text-dark-tertiary);
+  --color-comp-sidebar-menu-item-text-focused: var(--color-text-invert-def);
+  --color-comp-sidebar-menu-item-text-hover: var(--color-text-invert-def);
   --color-comp-slider-range-bg-def: var(--color-surface-brand-primary);
   --color-comp-slider-range-bg-disabled: var(
     --color-surface-brand-primary-disabled
@@ -1210,8 +1283,6 @@
   --color-comp-slider-track-bg-disabled: var(--color-surface-base-tertiary);
   --color-comp-slider-indicators-bg-active: var(--color-surface-brand-primary);
   --color-comp-slider-indicators-bg-def: var(--color-surface-brand-secondary);
-  --color-comp-star-default: var(--color-other-yellow);
-  --color-comp-star-empty: var(--color-gray-300);
   --color-comp-submenu-admin-bg-def: var(--color-surface-state-bg-info);
   --color-comp-submenu-admin-bg-disabled: var(
     --color-surface-brand-primary-disabled
@@ -1237,10 +1308,10 @@
   --color-comp-switch-bg-item: var(--color-neutral-white);
   --color-comp-tab-bar-bg-brand: var(--color-surface-brand-primary);
   --color-comp-tab-bar-bg-def: var(--color-surface-base-secondary);
-  --color-comp-tab-bar-border-def: var(--color-stroke-base-secondary);
   --color-comp-tab-bar-icon-active: var(--color-icon-brand-def);
   --color-comp-tab-bar-icon-def: var(--color-icon-dark-secondary-def);
   --color-comp-tab-bar-icon-invert: var(--color-icon-invert-def);
+  --color-comp-tab-bar-stroke-def: var(--color-stroke-base-secondary);
   --color-comp-tab-bar-text-active: var(--color-text-brand-def);
   --color-comp-tab-bar-text-def: var(--color-text-dark-secondary);
   --color-comp-texteditor-bg-def: var(--color-surface-base-transparent);
@@ -1264,6 +1335,7 @@
   --color-comp-toast-text-success: var(--color-text-invert-def);
   --color-comp-toast-text-text-error: var(--color-text-invert-def);
   --color-comp-toast-text-warning: var(--color-text-state-warning);
+  --color-comp-top-navi-muzain-def: var(--color-surface-brand-primary);
   --color-comp-tutorial-banner-bg: var(--color-transparent-brand-8);
   --color-comp-typography-link-brand-def: var(--color-text-brand-def);
   --color-comp-typography-link-brand-disabled: var(--color-text-dark-tertiary);
@@ -1311,6 +1383,7 @@
   --color-comp-typography-link-invert-secondary-pressed: var(
     --color-text-invert-pressed
   );
+  --color-comp-universal-footer-bg: var(--color-surface-dark-def);
   --color-icon-brand-def: var(--brand-primary);
   --color-icon-brand-focused: var(--brand-focused);
   --color-icon-brand-hover: var(--brand-hover);
@@ -1372,6 +1445,7 @@
   --color-surface-base-primary-focused-pressed: var(--gray-400);
   --color-surface-base-primary-hover: var(--gray-300);
   --color-surface-base-secondary: var(--color-neutral-white);
+  --color-surface-base-skeleton: var(--gray-200);
   --color-surface-base-tertiary: var(--brand-white);
   --color-surface-base-transparent: var(--color-transparent-transparent);
   --color-surface-brand-brand-tertiary: var(--brand-tertiary);
@@ -1422,6 +1496,7 @@
   --color-text-dark-tertiary: var(--gray-700);
   --color-text-invert-def: var(--color-neutral-white);
   --color-text-invert-disabled: var(--color-transparent-white-15);
+  --color-text-invert-fixed: var(--color-neutral-white);
   --color-text-invert-focused: var(--gray-400);
   --color-text-invert-hover: var(--gray-300);
   --color-text-invert-pressed: var(--gray-400);

package/dist/styles/token-sizes.css

@@ -205,7 +205,9 @@
   --spacing-comp-market-card-p-ver: var(--spacing-24);
   --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
   --spacing-comp-market-category-ico-ico-size-sm: var(--spacing-icon-xsmall);
+  --spacing-comp-market-category-ico-ico-size-md: var(--spacing-20);
   --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
+  --spacing-comp-market-category-ico-bg-size-md: var(--spacing-56);
   --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-56);
   --spacing-comp-market-category-ico-bg-size-lg: 140px;
   --spacing-comp-market-logo-h: var(--spacing-28);
@@ -217,17 +219,21 @@
   --radius-comp-notification-radius: var(--radius-md);
   --spacing-comp-notification-p-hor: var(--spacing-16);
   --spacing-comp-notification-p-ver: var(--spacing-16);
+  --spacing-comp-offer-card-compact-logo-y: -8px;
   --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
   --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
   --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
+  --spacing-comp-offer-card-compact-logo-x: 20px;
   --spacing-comp-offer-card-compact-p: var(--spacing-xl);
   --radius-comp-offer-card-compact-radius: var(--radius-xl);
   --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
+  --spacing-comp-offer-card-search-logo-stroke: var(--spacing-2);
   --spacing-comp-offer-card-search-p-img: var(--spacing-sm);
   --spacing-comp-offer-card-search-gap-text: var(--spacing-md);
   --spacing-comp-offer-card-search-p-top-text: var(--spacing-md);
   --radius-comp-offer-card-search-radius-img: var(--radius-lg);
   --spacing-comp-offer-card-search-gap: var(--spacing-2xl);
+  --spacing-comp-offer-card-search-logo-size: var(--spacing-96);
   --spacing-comp-offer-card-search-h-img: 162px;
   --spacing-comp-offer-card-search-w-img: 288px;
   --spacing-comp-paggination-size: var(--spacing-3xl);
@@ -593,8 +599,10 @@
     --spacing-comp-market-card-p-ver: var(--spacing-24);
     --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
     --spacing-comp-market-category-ico-ico-size-sm: var(--spacing-icon-xsmall);
+    --spacing-comp-market-category-ico-ico-size-md: var(--spacing-20);
     --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
     --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-40);
+    --spacing-comp-market-category-ico-bg-size-md: var(--spacing-48);
     --spacing-comp-market-category-ico-bg-size-lg: 100px;
     --spacing-comp-market-logo-h: var(--spacing-28);
     --spacing-comp-market-nav-benefits-respo-min-w: 62px;
@@ -605,17 +613,21 @@
     --radius-comp-notification-radius: var(--radius-md);
     --spacing-comp-notification-p-hor: var(--spacing-16);
     --spacing-comp-notification-p-ver: var(--spacing-16);
+    --spacing-comp-offer-card-compact-logo-y: -8px;
     --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
     --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
     --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
+    --spacing-comp-offer-card-compact-logo-x: 20px;
     --spacing-comp-offer-card-compact-p: var(--spacing-xl);
     --radius-comp-offer-card-compact-radius: var(--radius-xl);
     --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
+    --spacing-comp-offer-card-search-logo-stroke: var(--spacing-2);
     --spacing-comp-offer-card-search-p-img: var(--spacing-sm);
     --spacing-comp-offer-card-search-gap-text: var(--spacing-md);
     --spacing-comp-offer-card-search-p-top-text: var(--spacing-md);
     --radius-comp-offer-card-search-radius-img: var(--radius-lg);
     --spacing-comp-offer-card-search-gap: var(--spacing-2xl);
+    --spacing-comp-offer-card-search-logo-size: var(--spacing-96);
     --spacing-comp-offer-card-search-h-img: 162px;
     --spacing-comp-offer-card-search-w-img: 288px;
     --spacing-comp-paggination-size: var(--spacing-3xl);
@@ -982,8 +994,10 @@
     --spacing-comp-market-card-p-ver: var(--spacing-16);
     --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
     --spacing-comp-market-category-ico-ico-size-sm: var(--spacing-icon-xsmall);
+    --spacing-comp-market-category-ico-ico-size-md: var(--spacing-20);
     --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
     --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-40);
+    --spacing-comp-market-category-ico-bg-size-md: var(--spacing-48);
     --spacing-comp-market-category-ico-bg-size-lg: 100px;
     --spacing-comp-market-logo-h: var(--spacing-24);
     --spacing-comp-market-nav-benefits-respo-min-w: 62px;
@@ -994,17 +1008,21 @@
     --radius-comp-notification-radius: var(--radius-md);
     --spacing-comp-notification-p-hor: var(--spacing-16);
     --spacing-comp-notification-p-ver: var(--spacing-16);
+    --spacing-comp-offer-card-compact-logo-y: -8px;
     --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
     --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
     --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
+    --spacing-comp-offer-card-compact-logo-x: 20px;
     --spacing-comp-offer-card-compact-p: var(--spacing-xl);
     --radius-comp-offer-card-compact-radius: var(--radius-xl);
     --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
     --spacing-comp-offer-card-search-p-top-text: var(--spacing-none);
+    --spacing-comp-offer-card-search-logo-stroke: var(--spacing-1);
     --spacing-comp-offer-card-search-p-img: var(--spacing-xs);
     --spacing-comp-offer-card-search-gap-text: var(--spacing-sm);
     --spacing-comp-offer-card-search-gap: var(--spacing-lg);
     --radius-comp-offer-card-search-radius-img: var(--radius-lg);
+    --spacing-comp-offer-card-search-logo-size: var(--spacing-40);
     --spacing-comp-offer-card-search-h-img: 100px;
     --spacing-comp-offer-card-search-w-img: 100px;
     --spacing-comp-paggination-size: var(--spacing-3xl);
@@ -1371,7 +1389,9 @@
     --spacing-comp-market-card-p-ver: var(--spacing-24);
     --spacing-comp-market-card-ico-bg-size: var(--spacing-48);
     --spacing-comp-market-category-ico-ico-size-sm: var(--spacing-icon-xsmall);
+    --spacing-comp-market-category-ico-ico-size-md: var(--spacing-20);
     --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
+    --spacing-comp-market-category-ico-bg-size-md: var(--spacing-56);
     --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-56);
     --spacing-comp-market-category-ico-bg-size-lg: 140px;
     --spacing-comp-market-logo-h: var(--spacing-28);
@@ -1383,17 +1403,21 @@
     --radius-comp-notification-radius: var(--radius-md);
     --spacing-comp-notification-p-hor: var(--spacing-16);
     --spacing-comp-notification-p-ver: var(--spacing-16);
+    --spacing-comp-offer-card-compact-logo-y: -8px;
     --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
     --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
     --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
+    --spacing-comp-offer-card-compact-logo-x: 20px;
     --spacing-comp-offer-card-compact-p: var(--spacing-xl);
     --radius-comp-offer-card-compact-radius: var(--radius-xl);
     --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
+    --spacing-comp-offer-card-search-logo-stroke: var(--spacing-2);
     --spacing-comp-offer-card-search-p-img: var(--spacing-sm);
     --spacing-comp-offer-card-search-gap-text: var(--spacing-md);
     --spacing-comp-offer-card-search-p-top-text: var(--spacing-md);
     --radius-comp-offer-card-search-radius-img: var(--radius-lg);
     --spacing-comp-offer-card-search-gap: var(--spacing-2xl);
+    --spacing-comp-offer-card-search-logo-size: var(--spacing-96);
     --spacing-comp-offer-card-search-h-img: 162px;
     --spacing-comp-offer-card-search-w-img: 288px;
     --spacing-comp-paggination-size: var(--spacing-3xl);

package/dist/translations/index.d.ts

@@ -1,6 +1,7 @@
 export { TranslationProvider, useMuzaTranslations, useMuzaTranslationContext, TranslationContext, type TranslationProviderProps, type TranslationContextValue, } from './TranslationContext';
-export type { SupportedLocale, PresetType, DatePickerPreset, CalendarTranslations, CardCheckboxAmountTranslations, DatePickerTranslations, FileUploadTranslations, DialogTranslations, StepperTranslations, SwipeButtonTranslations, SelectTranslations, SearchbarTranslations, MuzaTranslations, DeepPartial, CustomLocaleConfig, TranslationConfig, } from './types';
+export type { SupportedLocale, PresetType, DatePickerPreset, CalendarTranslations, CardCheckboxAmountTranslations, DatePickerTranslations, FileUploadTranslations, DialogTranslations, StepperTranslations, SwipeButtonTranslations, SelectTranslations, SearchbarTranslations, ArticleCardTranslations, PartnerCardTranslations, HeartButtonTranslations, RatingTranslations, RatingBlockTranslations, MuzaTranslations, DeepPartial, CustomLocaleConfig, TranslationConfig, } from './types';
 export { enTranslations } from './locales/en';
 export { csTranslations } from './locales/cs';
 export { skTranslations } from './locales/sk';
+export { resolvePluralTemplate, type PluralTemplateMap, } from './resolvePluralTemplate';
 //# sourceMappingURL=index.d.ts.map

package/dist/translations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAA;AAG7B,YAAY,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,8BAA8B,EAC9B,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAA;AAG7B,YAAY,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,8BAA8B,EAC9B,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,EACL,qBAAqB,EACrB,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA"}

package/dist/translations/locales/cs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cs.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/cs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBA2G5B,CAAA"}
+{"version":3,"file":"cs.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/cs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBAuI5B,CAAA"}

package/dist/translations/locales/cs.js

@@ -1,4 +1,4 @@
-const e = {
+const a = {
   alert: {
     closeAriaLabel: "Zavřít"
   },
@@ -104,8 +104,36 @@ const e = {
     navigation: "Stránkování",
     pageAnnouncement: "Stránka {current} z {max}",
     showingItems: "Zobrazeny položky {start} až {end} z {total}"
+  },
+  articleCard: {
+    readArticle: "Přečíst článek",
+    readingTime: (e) => `${e} min čtení`
+  },
+  heartButton: {
+    toggleFavorite: "Přepnout oblíbené"
+  },
+  partnerCard: {
+    mapButton: "Mapa"
+  },
+  rating: {
+    groupLabel: "Hodnocení",
+    starLabel: {
+      one: "{count} hvězda",
+      few: "{count} hvězdy",
+      many: "{count} hvězd",
+      other: "{count} hvězd"
+    }
+  },
+  ratingBlock: {
+    users: {
+      one: "Hodnotil {count} uživatel",
+      few: "Hodnotili {count} uživatelé",
+      many: "Hodnotilo {count} uživatelů",
+      other: "Hodnotilo {count} uživatelů"
+    },
+    empty: "Zatím nikdo nehodnotil"
   }
 };
 export {
-  e as csTranslations
+  a as csTranslations
 };

package/dist/translations/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBA2G5B,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBAmI5B,CAAA"}

package/dist/translations/locales/en.js

@@ -1,4 +1,4 @@
-const e = {
+const a = {
   alert: {
     closeAriaLabel: "Close"
   },
@@ -104,8 +104,32 @@ const e = {
     navigation: "Pagination",
     pageAnnouncement: "Page {current} of {max}",
     showingItems: "Showing items {start} to {end} of {total}"
+  },
+  articleCard: {
+    readArticle: "Read article",
+    readingTime: (e) => `${e} min read`
+  },
+  heartButton: {
+    toggleFavorite: "Toggle favorite"
+  },
+  partnerCard: {
+    mapButton: "Map"
+  },
+  rating: {
+    groupLabel: "Rating",
+    starLabel: {
+      one: "{count} star",
+      other: "{count} stars"
+    }
+  },
+  ratingBlock: {
+    users: {
+      one: "Rated by {count} user",
+      other: "Rated by {count} users"
+    },
+    empty: "No ratings yet"
   }
 };
 export {
-  e as enTranslations
+  a as enTranslations
 };

package/dist/translations/locales/sk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sk.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/sk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBA2G5B,CAAA"}
+{"version":3,"file":"sk.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/sk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBAuI5B,CAAA"}

package/dist/translations/locales/sk.js

@@ -1,4 +1,4 @@
-const a = {
+const e = {
   alert: {
     closeAriaLabel: "Zavrieť"
   },
@@ -104,8 +104,36 @@ const a = {
     navigation: "Stránkovanie",
     pageAnnouncement: "Stránka {current} z {max}",
     showingItems: "Zobrazené položky {start} až {end} z {total}"
+  },
+  articleCard: {
+    readArticle: "Prečítať článok",
+    readingTime: (a) => `${a} min čítania`
+  },
+  heartButton: {
+    toggleFavorite: "Prepnúť obľúbené"
+  },
+  partnerCard: {
+    mapButton: "Mapa"
+  },
+  rating: {
+    groupLabel: "Hodnotenie",
+    starLabel: {
+      one: "{count} hviezda",
+      few: "{count} hviezdy",
+      many: "{count} hviezd",
+      other: "{count} hviezd"
+    }
+  },
+  ratingBlock: {
+    users: {
+      one: "Hodnotil {count} používateľ",
+      few: "Hodnotili {count} používatelia",
+      many: "Hodnotilo {count} používateľov",
+      other: "Hodnotilo {count} používateľov"
+    },
+    empty: "Zatiaľ nikto nehodnotil"
   }
 };
 export {
-  a as skTranslations
+  e as skTranslations
 };

package/dist/translations/resolvePluralTemplate.d.ts

@@ -0,0 +1,10 @@
+export type PluralTemplateMap = {
+    zero?: string;
+    one?: string;
+    two?: string;
+    few?: string;
+    many?: string;
+    other: string;
+};
+export declare const resolvePluralTemplate: (count: number, locale: string, pluralMap: PluralTemplateMap) => string;
+//# sourceMappingURL=resolvePluralTemplate.d.ts.map

package/dist/translations/resolvePluralTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePluralTemplate.d.ts","sourceRoot":"","sources":["../../src/translations/resolvePluralTemplate.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAUD,eAAO,MAAM,qBAAqB,GAChC,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,WAAW,iBAAiB,KAC3B,MAWF,CAAA"}

package/dist/translations/resolvePluralTemplate.js

@@ -0,0 +1,20 @@
+const c = [
+  "one",
+  "two",
+  "few",
+  "many",
+  "other"
+], a = (r, l, t) => {
+  const o = new Intl.PluralRules(l).select(r), s = [
+    o,
+    ...c.filter((e) => e !== o)
+  ];
+  for (const e of s) {
+    const n = t[e];
+    if (typeof n == "string") return n;
+  }
+  return t.other;
+};
+export {
+  a as resolvePluralTemplate
+};