npm - @alfalab/core-components - Versions diffs - 48.11.0-beta.2 → 48.11.0-beta.3 - Mend

@alfalab/core-components 48.11.0-beta.2 → 48.11.0-beta.3

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 (407) hide show

package/themes/compiled/mobile-dark-bluetint.css CHANGED Viewed

@@ -1,8 +1,4 @@
-.card-image__cardImage_1yy53 {
-    background: #e7e8ea;
-} .card-image__loaded_1yy53 {
-    background: transparent
-}.backdrop__backdrop_1gyiw {
+.backdrop__backdrop_1gyiw {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_1gyiw,
 .backdrop__enter_1gyiw {
@@ -19,6 +15,10 @@
     background-color: transparent;
 } .backdrop__transparent_1gyiw.backdrop__transparent_1gyiw {
     background-color: transparent;
+}.card-image__cardImage_1yy53 {
+    background: #e7e8ea;
+} .card-image__loaded_1yy53 {
+    background: transparent
 }.badge__component_7d1bi.badge__background-accent_7d1bi {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -318,7 +318,25 @@
     100% {
         background: rgba(15, 25, 55, 0.1);
     }
-}.segmented-control__wrapper_1v034 {
+}.slider__component_1s4x1 .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_1s4x1 .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_1s4x1 .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_1s4x1 .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_1s4x1 .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_1s4x1 .noUi-connect {
+        background: #f83a2a;
+    } .slider__component_1s4x1 .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_1s4x1 .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_1s4x1 .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.segmented-control__wrapper_1v034 {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_1v034.segmented-control__selected_1v034 {
     color: rgba(255, 255, 255, 0.94);
@@ -352,24 +370,6 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_m4d5l:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_1s4x1 .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_1s4x1 .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_1s4x1 .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_1s4x1 .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_1s4x1 .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_1s4x1 .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_1s4x1 .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_1s4x1 .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_1s4x1 .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
     }.status__soft_1rx3o.status__green_1rx3o, .status__muted-alt_1rx3o.status__green_1rx3o {
             background: #d1f1d7;
             color: #0d9336;

package/themes/corp.css CHANGED Viewed

@@ -1743,6 +1743,12 @@
     --gap-128-neg: var(--gap-8xl-neg);
 }
 /* сбрасывает синюю подсветку при нажатии */
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
     --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),

package/themes/intranet.css CHANGED Viewed

@@ -1743,6 +1743,12 @@
     --gap-128-neg: var(--gap-8xl-neg);
 }
 /* сбрасывает синюю подсветку при нажатии */
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
     --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),

package/themes/mobile.css CHANGED Viewed

@@ -1743,6 +1743,12 @@
     --gap-128-neg: var(--gap-8xl-neg);
 }
 /* сбрасывает синюю подсветку при нажатии */
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
     --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),

package/themes/site.css CHANGED Viewed

@@ -1743,6 +1743,12 @@
     --gap-128-neg: var(--gap-8xl-neg);
 }
 /* сбрасывает синюю подсветку при нажатии */
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
     --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),

package/toast/Component.responsive.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../popover").PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
+} & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/components/base-toast/component.d.ts CHANGED Viewed

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../t
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/toast/moderncssm/Component.responsive.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../../popover").PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
+} & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/moderncssm/components/base-toast/component.d.ts CHANGED Viewed

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/vars/cssm/safe-area.css ADDED Viewed

@@ -0,0 +1,6 @@
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}

package/vars/moderncssm/safe-area.css ADDED Viewed

@@ -0,0 +1,6 @@
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}

package/vars/safe-area.css ADDED Viewed

@@ -0,0 +1,6 @@
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sar: env(safe-area-inset-right, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+    --sal: env(safe-area-inset-left, var(--gap-0));
+}