npm - @alfalab/core-components - Versions diffs - 42.2.1-beta.0 → 42.3.0 - Mend

@alfalab/core-components 42.2.1-beta.0 → 42.3.0

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

package/calendar-input/esm/useSkeleton-1b036d4b.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/calendar-input/modern/Component-63dec22f.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/calendar-input/modern/components/calendar-input/Component.js CHANGED Viewed

@@ -32,7 +32,6 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, po
             !offDays.includes(dateValue));
     };
     const inputDisabled = disabled || readOnly;
-    const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
     const calendarRef = useRef(null);
     const openCalendar = () => {
@@ -59,9 +58,6 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, po
     const handleClick = () => {
         if (!open)
             openCalendar();
-        if (view === 'desktop' && inputRef.current) {
-            inputRef.current.focus();
-        }
     };
     const handleFocus = (event) => {
         if (view === 'desktop') {
@@ -81,7 +77,7 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, po
     };
     const handleInputKeyDown = (event) => {
         const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
+        if (disableUserInput && !isCopy) {
             event.preventDefault();
         }
         if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {
@@ -134,7 +130,7 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, po
     React.createElement("div", { className: cn(styles.component, className, {
             [styles.block]: block,
         }), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React.createElement(DateInput, { ...restProps, ref: mergeRefs([inputRef, ref]), wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(DateInput, { ...restProps, ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 shouldRenderPopover && (React.createElement(CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true }),
         shouldRenderStatic && renderCalendar(),

package/calendar-input/modern/types-1b036d4b.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/calendar-input/modern/useSkeleton-1b036d4b.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/calendar-input/types-1b036d4b.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/calendar-input/useSkeleton-1b036d4b.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/checkbox-group/components/base-checkbox-group/index.css CHANGED Viewed

@@ -2,7 +2,6 @@
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b;
-    --color-light-text-primary: #0e0e0e;
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -25,7 +24,6 @@
 } :root {
     --checkbox-group-error-color: var(--color-light-text-negative);
     --checkbox-group-hint-color: var(--color-light-text-secondary);
-    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-error-padding-left: var(--gap-s);
     --checkbox-group-error-border-left: 1px solid var(--color-light-text-negative);
@@ -59,11 +57,7 @@
 .checkbox-group__horizontal_zvwlp .checkbox-group__tagLabel_zvwlp:last-child {
     margin-right: 0;
 } .checkbox-group__label_zvwlp {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
     margin-bottom: var(--gap-s);
-    color: var(--checkbox-group-label-color);
 } .checkbox-group__sub_zvwlp {
     font-size: 14px;
     line-height: 18px;

package/checkbox-group/cssm/components/base-checkbox-group/index.module.css CHANGED Viewed

@@ -1,7 +1,6 @@
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b;
-    --color-light-text-primary: #0e0e0e;
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -24,7 +23,6 @@
 } :root {
     --checkbox-group-error-color: var(--color-light-text-negative);
     --checkbox-group-hint-color: var(--color-light-text-secondary);
-    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-error-padding-left: var(--gap-s);
     --checkbox-group-error-border-left: 1px solid var(--color-light-text-negative);
@@ -58,11 +56,7 @@
 .horizontal .tagLabel:last-child {
     margin-right: 0;
 } .label {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
     margin-bottom: var(--gap-s);
-    color: var(--checkbox-group-label-color);
 } .sub {
     font-size: 14px;
     line-height: 18px;

package/checkbox-group/cssm/desktop.module.css CHANGED Viewed

@@ -1,5 +1,6 @@
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -14,6 +15,7 @@
 } :root {
 } :root {
 } :root {
+    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-sub-padding-left: 0;
     --checkbox-group-list-padding-left: 0;
@@ -21,6 +23,10 @@
 } .checkboxList {
     padding-left: var(--checkbox-group-list-padding-left);
 } .label {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
 } .sub {
     padding-left: var(--checkbox-group-sub-padding-left);

package/checkbox-group/cssm/mobile.module.css CHANGED Viewed

@@ -1,5 +1,6 @@
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -20,9 +21,14 @@
     /* mobile */
     --checkbox-group-mobile-sub-padding-left: var(--gap-2xs);
     --checkbox-group-mobile-list-padding-left: var(--gap-3xs);
+    --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
 } .checkboxList {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
 } .label {
+    font-size: 14px;
+    line-height: 18px;
+    font-weight: 400;
+    color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 } .sub {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);

package/checkbox-group/desktop.css CHANGED Viewed

@@ -1,6 +1,7 @@
 /* hash: 195mc */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -15,6 +16,7 @@
 } :root {
 } :root {
 } :root {
+    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-sub-padding-left: 0;
     --checkbox-group-list-padding-left: 0;
@@ -22,6 +24,10 @@
 } .checkbox-group__checkboxList_155vq {
     padding-left: var(--checkbox-group-list-padding-left);
 } .checkbox-group__label_155vq {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
 } .checkbox-group__sub_155vq {
     padding-left: var(--checkbox-group-sub-padding-left);

package/checkbox-group/esm/components/base-checkbox-group/index.css CHANGED Viewed

@@ -2,7 +2,6 @@
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b;
-    --color-light-text-primary: #0e0e0e;
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -25,7 +24,6 @@
 } :root {
     --checkbox-group-error-color: var(--color-light-text-negative);
     --checkbox-group-hint-color: var(--color-light-text-secondary);
-    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-error-padding-left: var(--gap-s);
     --checkbox-group-error-border-left: 1px solid var(--color-light-text-negative);
@@ -59,11 +57,7 @@
 .checkbox-group__horizontal_zvwlp .checkbox-group__tagLabel_zvwlp:last-child {
     margin-right: 0;
 } .checkbox-group__label_zvwlp {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
     margin-bottom: var(--gap-s);
-    color: var(--checkbox-group-label-color);
 } .checkbox-group__sub_zvwlp {
     font-size: 14px;
     line-height: 18px;

package/checkbox-group/esm/desktop.css CHANGED Viewed

@@ -1,6 +1,7 @@
 /* hash: 195mc */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -15,6 +16,7 @@
 } :root {
 } :root {
 } :root {
+    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-sub-padding-left: 0;
     --checkbox-group-list-padding-left: 0;
@@ -22,6 +24,10 @@
 } .checkbox-group__checkboxList_155vq {
     padding-left: var(--checkbox-group-list-padding-left);
 } .checkbox-group__label_155vq {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
 } .checkbox-group__sub_155vq {
     padding-left: var(--checkbox-group-sub-padding-left);

package/checkbox-group/esm/mobile.css CHANGED Viewed

@@ -1,6 +1,7 @@
 /* hash: 1q0kc */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -21,9 +22,14 @@
     /* mobile */
     --checkbox-group-mobile-sub-padding-left: var(--gap-2xs);
     --checkbox-group-mobile-list-padding-left: var(--gap-3xs);
+    --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
 } .checkbox-group__checkboxList_utudh {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
 } .checkbox-group__label_utudh {
+    font-size: 14px;
+    line-height: 18px;
+    font-weight: 400;
+    color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 } .checkbox-group__sub_utudh {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);

package/checkbox-group/mobile.css CHANGED Viewed

@@ -1,6 +1,7 @@
 /* hash: 1q0kc */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -21,9 +22,14 @@
     /* mobile */
     --checkbox-group-mobile-sub-padding-left: var(--gap-2xs);
     --checkbox-group-mobile-list-padding-left: var(--gap-3xs);
+    --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
 } .checkbox-group__checkboxList_utudh {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
 } .checkbox-group__label_utudh {
+    font-size: 14px;
+    line-height: 18px;
+    font-weight: 400;
+    color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 } .checkbox-group__sub_utudh {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);

package/checkbox-group/modern/components/base-checkbox-group/index.css CHANGED Viewed

@@ -2,7 +2,6 @@
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b;
-    --color-light-text-primary: #0e0e0e;
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -25,7 +24,6 @@
 } :root {
     --checkbox-group-error-color: var(--color-light-text-negative);
     --checkbox-group-hint-color: var(--color-light-text-secondary);
-    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-error-padding-left: var(--gap-s);
     --checkbox-group-error-border-left: 1px solid var(--color-light-text-negative);
@@ -59,11 +57,7 @@
 .checkbox-group__horizontal_zvwlp .checkbox-group__tagLabel_zvwlp:last-child {
     margin-right: 0;
 } .checkbox-group__label_zvwlp {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
     margin-bottom: var(--gap-s);
-    color: var(--checkbox-group-label-color);
 } .checkbox-group__sub_zvwlp {
     font-size: 14px;
     line-height: 18px;

package/checkbox-group/modern/desktop.css CHANGED Viewed

@@ -1,6 +1,7 @@
 /* hash: 195mc */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -15,6 +16,7 @@
 } :root {
 } :root {
 } :root {
+    --checkbox-group-label-color: var(--color-light-text-primary);
     --checkbox-group-sub-padding-left: 0;
     --checkbox-group-list-padding-left: 0;
@@ -22,6 +24,10 @@
 } .checkbox-group__checkboxList_155vq {
     padding-left: var(--checkbox-group-list-padding-left);
 } .checkbox-group__label_155vq {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--checkbox-group-label-color);
     padding-left: var(--checkbox-group-sub-padding-left);
 } .checkbox-group__sub_155vq {
     padding-left: var(--checkbox-group-sub-padding-left);

package/checkbox-group/modern/mobile.css CHANGED Viewed

@@ -1,6 +1,7 @@
 /* hash: 1q0kc */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -21,9 +22,14 @@
     /* mobile */
     --checkbox-group-mobile-sub-padding-left: var(--gap-2xs);
     --checkbox-group-mobile-list-padding-left: var(--gap-3xs);
+    --checkbox-group-mobile-label-color: var(--color-light-text-secondary);
 } .checkbox-group__checkboxList_utudh {
     padding-left: var(--checkbox-group-mobile-list-padding-left);
 } .checkbox-group__label_utudh {
+    font-size: 14px;
+    line-height: 18px;
+    font-weight: 400;
+    color: var(--checkbox-group-mobile-label-color);
     padding-left: var(--checkbox-group-mobile-sub-padding-left);
 } .checkbox-group__sub_utudh {
     padding-left: var(--checkbox-group-mobile-sub-padding-left);

package/confirmation/component.desktop.js CHANGED Viewed

@@ -15,7 +15,7 @@ require('../code-input/mobile');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a115a90d.js');
+require('./countdown-section-3c6c4c16.js');
 require('../button');
 require('../spinner');
 require('./components/screens/hint/component.js');

package/confirmation/component.mobile.js CHANGED Viewed

@@ -15,7 +15,7 @@ require('../code-input/mobile');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a115a90d.js');
+require('./countdown-section-3c6c4c16.js');
 require('../button');
 require('../spinner');
 require('./components/screens/hint/component.js');

package/confirmation/component.responsive.js CHANGED Viewed

@@ -18,7 +18,7 @@ require('../code-input/mobile');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a115a90d.js');
+require('./countdown-section-3c6c4c16.js');
 require('../button');
 require('../spinner');
 require('./components/screens/hint/component.js');