elcrm 1.1.2 → 1.1.3

package/templates/panel/web/src/style/theme.css

@@ -97,77 +97,41 @@
   /* —— modal —— */
   --modal-radius: 12px;
 
-  /* —— layout (@elcrm/components: все геом. токены здесь, без fallback в пакете) —— */
-  --layout-min-height: 100vh;
-  --layout-gap: 0;
-
-  /* —— header —— */
-  --header-radius: 0;
+  /* —— shell (@elcrm/components: общие токены, как --control-* у form) —— */
+  --shell-radius: var(--control-radius);
+  --shell-font-size: var(--control-font-size);
+  --shell-font-size-sm: 13px;
+  --shell-font-size-lg: 18px;
+  --shell-font-weight: 600;
+  --shell-gap: 12px;
+  --shell-gap-sm: 8px;
+  --shell-gap-lg: 16px;
+  --shell-padding-block: 10px;
+  --shell-padding-inline: 14px;
+  --shell-padding: var(--shell-padding-block) var(--shell-padding-inline);
+  --shell-icon-size: 20px;
+  --shell-check-size: 18px;
+  --shell-status-size: 10px;
+  --shell-disabled-opacity: 0.55;
+  --shell-z: 1000;
+  --elcrm-z-popover: 1000;
+
+  /* —— узкие (@elcrm/components) —— */
+  --header-radius: var(--shell-radius);
   --header-height: 52px;
-  --header-padding: 0.65rem 1rem;
-  --header-gap: 1rem;
   --header-shadow: none;
   --header-margin: 0;
   --header-z: 20;
 
-  /* —— footer —— */
-  --footer-padding: 0.75rem 1.75rem;
-  --footer-font-size: 0.875rem;
-
-  /* —— list / item —— */
-  --list-gap: 0.25rem;
-  --list-padding: 0;
-  --item-radius: 12px;
-  --item-padding: 0.6rem 0.75rem;
-  --item-gap: 0.5rem;
-
-  /* —— card / block / row / column —— */
-  --card-radius: 12px;
-  --card-padding: 1.25rem;
-  --block-gap: 0.75rem;
-  --block-padding: 0;
-  --row-gap: 0.75rem;
-  --column-gap: 0.75rem;
-
-  /* —— menu —— */
-  --menu-gap: 0.35rem;
-  --menu-item-radius: 8px;
-  --menu-item-padding: 0.45rem 0.75rem;
-
-  /* —— loading —— */
-  --loading-padding: 2rem;
-
-  /* —— section —— */
   --section-padding: 1.5rem 1.75rem 2.5rem;
-  --section-gap: 0.75rem;
   --section-title-size: 1.5rem;
   --section-title-size-md: 1.25rem;
-  --section-description-size: 0.95rem;
-  --section-icon-gap: 0.75rem;
-  --section-body-gap: 0.75rem;
-  --section-actions-gap: 0.65rem;
-  --section-auth-padding: 24px;
-  --section-auth-card-padding: 2rem 1.75rem 1.75rem;
   --section-auth-card-max-width: 22rem;
-  --section-auth-card-radius: 12px;
-  --section-block-padding-bottom: 1.75rem;
-  --section-block-margin-bottom: 1.75rem;
 
-  /* —— nav-sections —— */
   --nav-sections-padding: 1.5rem 1.75rem 2.5rem;
-  --nav-sections-gap: 1.5rem;
   --nav-sections-nav-width: 220px;
   --nav-sections-main-max-width: 720px;
-  --nav-sections-item-radius: 6px;
-  --nav-sections-item-padding: 7px 10px;
-
-  /* —— tab-sections —— */
-  --tab-sections-gap: 1rem;
-  --tab-sections-tab-padding: 0.65rem 0.15rem;
-  --tab-sections-tab-gap: 1.25rem;
-  --tab-sections-badge-size: 11px;
 
-  /* —— avatar —— */
   --avatar-size-s: 1.5rem;
   --avatar-size-m: 2rem;
   --avatar-size-l: 2.75rem;
@@ -177,27 +141,14 @@
   --avatar-font-size-l: 0.95rem;
   --avatar-font-weight: 700;
   --avatar-outline-offset: 0;
-
-  /* —— badge —— */
-  --badge-padding: 0.2rem 0.5rem;
-  --badge-radius: 999px;
-  --badge-font-size: 0.75rem;
-  --badge-font-weight: 600;
-  --badge-border: 0;
-
-  /* —— brand —— */
-  --brand-font-weight: 700;
-  --brand-letter-spacing: 0.02em;
-
-  /* —— empty-state —— */
-  --empty-state-gap: 0.35rem;
-  --empty-state-padding: 2rem 1.25rem;
-  --empty-state-icon-gap: 0.35rem;
-  --empty-state-title-size: 1.05rem;
-  --empty-state-description-size: 0.9rem;
-  --empty-state-max-width: 22rem;
-  --empty-state-actions-gap: 0.5rem;
-  --empty-state-actions-margin-top: 0.75rem;
+  --avatar-group-overlap: -0.4rem;
+  --avatar-group-ring: 2px;
+
+  --dropdown-min-width: 12rem;
+  --dropdown-max-width: 20rem;
+  --dropdown-max-height: 20rem;
+  --pricing-card-min-width: 16rem;
+  --pricing-table-label-width: 10rem;
 }
 
 /* —— база приложения (без захардкоженных цветов) —— */