@skbkontur/react-ui 5.2.0 → 5.2.1

package/lib/styles/ColorFunctions.d.ts

@@ -1,11 +1,11 @@
-type MethodType = 'absolute' | 'relative';
-export declare function lighten(colorString: string, amount: number | string, method?: MethodType): string;
-export declare function darken(colorString: string, amount: number | string, method?: MethodType): string;
-export declare function contrast(colorString: string, darkString?: string, lightString?: string, threshold?: number): string;
-export declare const red: (colorString: string) => number;
-export declare const green: (colorString: string) => number;
-export declare const blue: (colorString: string) => number;
-export declare const alpha: (colorString: string) => number;
-export declare const isValid: (colorString: string) => boolean;
-export declare const fade: (colorString: string, alpha: number) => string;
-export {};
+type MethodType = 'absolute' | 'relative';
+export declare function lighten(colorString: string, amount: number | string, method?: MethodType): string;
+export declare function darken(colorString: string, amount: number | string, method?: MethodType): string;
+export declare function contrast(colorString: string, darkString?: string, lightString?: string, threshold?: number): string;
+export declare const red: (colorString: string) => number;
+export declare const green: (colorString: string) => number;
+export declare const blue: (colorString: string) => number;
+export declare const alpha: (colorString: string) => number;
+export declare const isValid: (colorString: string) => boolean;
+export declare const fade: (colorString: string, alpha: number) => string;
+export {};

package/lib/styles/ColorHelpers.d.ts

@@ -1,21 +1,21 @@
-export declare function clamp(val: number, max?: number): number;
-export declare function integerFromPercent(n: string, size: number): number;
-export declare function floatFromPercent(n: string): number;
-export declare function roundToPrecision(n: number, precision?: number): number;
-export declare function extractColorParts(input: string, regex: RegExp): RegExpExecArray;
-export declare function parseRGBParts(parts: string[]): {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare function parseHSLParts(parts: string[]): {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare function parseToInteger(part: string, size: number): number;
-export declare function parseToFloat(part: string): number;
-export declare function hue2rgb(hue: number, t1: number, t2: number): number;
-export declare const isColor: (input: string) => boolean;
+export declare function clamp(val: number, max?: number): number;
+export declare function integerFromPercent(n: string, size: number): number;
+export declare function floatFromPercent(n: string): number;
+export declare function roundToPrecision(n: number, precision?: number): number;
+export declare function extractColorParts(input: string, regex: RegExp): RegExpExecArray;
+export declare function parseRGBParts(parts: string[]): {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare function parseHSLParts(parts: string[]): {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare function parseToInteger(part: string, size: number): number;
+export declare function parseToFloat(part: string): number;
+export declare function hue2rgb(hue: number, t1: number, t2: number): number;
+export declare const isColor: (input: string) => boolean;

package/lib/styles/ColorKeywords.d.ts

@@ -1,150 +1,150 @@
-export declare const ColorKeywords: {
-    aliceblue: string;
-    antiquewhite: string;
-    aqua: string;
-    aquamarine: string;
-    azure: string;
-    beige: string;
-    bisque: string;
-    black: string;
-    blanchedalmond: string;
-    blue: string;
-    blueviolet: string;
-    brown: string;
-    burlywood: string;
-    cadetblue: string;
-    chartreuse: string;
-    chocolate: string;
-    coral: string;
-    cornflowerblue: string;
-    cornsilk: string;
-    crimson: string;
-    cyan: string;
-    darkblue: string;
-    darkcyan: string;
-    darkgoldenrod: string;
-    darkgray: string;
-    darkgrey: string;
-    darkgreen: string;
-    darkkhaki: string;
-    darkmagenta: string;
-    darkolivegreen: string;
-    darkorange: string;
-    darkorchid: string;
-    darkred: string;
-    darksalmon: string;
-    darkseagreen: string;
-    darkslateblue: string;
-    darkslategray: string;
-    darkslategrey: string;
-    darkturquoise: string;
-    darkviolet: string;
-    deeppink: string;
-    deepskyblue: string;
-    dimgray: string;
-    dimgrey: string;
-    dodgerblue: string;
-    firebrick: string;
-    floralwhite: string;
-    forestgreen: string;
-    fuchsia: string;
-    gainsboro: string;
-    ghostwhite: string;
-    gold: string;
-    goldenrod: string;
-    gray: string;
-    grey: string;
-    green: string;
-    greenyellow: string;
-    honeydew: string;
-    hotpink: string;
-    indianred: string;
-    indigo: string;
-    ivory: string;
-    khaki: string;
-    lavender: string;
-    lavenderblush: string;
-    lawngreen: string;
-    lemonchiffon: string;
-    lightblue: string;
-    lightcoral: string;
-    lightcyan: string;
-    lightgoldenrodyellow: string;
-    lightgray: string;
-    lightgrey: string;
-    lightgreen: string;
-    lightpink: string;
-    lightsalmon: string;
-    lightseagreen: string;
-    lightskyblue: string;
-    lightslategray: string;
-    lightslategrey: string;
-    lightsteelblue: string;
-    lightyellow: string;
-    lime: string;
-    limegreen: string;
-    linen: string;
-    magenta: string;
-    maroon: string;
-    mediumaquamarine: string;
-    mediumblue: string;
-    mediumorchid: string;
-    mediumpurple: string;
-    mediumseagreen: string;
-    mediumslateblue: string;
-    mediumspringgreen: string;
-    mediumturquoise: string;
-    mediumvioletred: string;
-    midnightblue: string;
-    mintcream: string;
-    mistyrose: string;
-    moccasin: string;
-    navajowhite: string;
-    navy: string;
-    oldlace: string;
-    olive: string;
-    olivedrab: string;
-    orange: string;
-    orangered: string;
-    orchid: string;
-    palegoldenrod: string;
-    palegreen: string;
-    paleturquoise: string;
-    palevioletred: string;
-    papayawhip: string;
-    peachpuff: string;
-    peru: string;
-    pink: string;
-    plum: string;
-    powderblue: string;
-    purple: string;
-    rebeccapurple: string;
-    red: string;
-    rosybrown: string;
-    royalblue: string;
-    saddlebrown: string;
-    salmon: string;
-    sandybrown: string;
-    seagreen: string;
-    seashell: string;
-    sienna: string;
-    silver: string;
-    skyblue: string;
-    slateblue: string;
-    slategray: string;
-    slategrey: string;
-    snow: string;
-    springgreen: string;
-    steelblue: string;
-    tan: string;
-    teal: string;
-    thistle: string;
-    tomato: string;
-    turquoise: string;
-    violet: string;
-    wheat: string;
-    white: string;
-    whitesmoke: string;
-    yellow: string;
-    yellowgreen: string;
-};
+export declare const ColorKeywords: {
+    aliceblue: string;
+    antiquewhite: string;
+    aqua: string;
+    aquamarine: string;
+    azure: string;
+    beige: string;
+    bisque: string;
+    black: string;
+    blanchedalmond: string;
+    blue: string;
+    blueviolet: string;
+    brown: string;
+    burlywood: string;
+    cadetblue: string;
+    chartreuse: string;
+    chocolate: string;
+    coral: string;
+    cornflowerblue: string;
+    cornsilk: string;
+    crimson: string;
+    cyan: string;
+    darkblue: string;
+    darkcyan: string;
+    darkgoldenrod: string;
+    darkgray: string;
+    darkgrey: string;
+    darkgreen: string;
+    darkkhaki: string;
+    darkmagenta: string;
+    darkolivegreen: string;
+    darkorange: string;
+    darkorchid: string;
+    darkred: string;
+    darksalmon: string;
+    darkseagreen: string;
+    darkslateblue: string;
+    darkslategray: string;
+    darkslategrey: string;
+    darkturquoise: string;
+    darkviolet: string;
+    deeppink: string;
+    deepskyblue: string;
+    dimgray: string;
+    dimgrey: string;
+    dodgerblue: string;
+    firebrick: string;
+    floralwhite: string;
+    forestgreen: string;
+    fuchsia: string;
+    gainsboro: string;
+    ghostwhite: string;
+    gold: string;
+    goldenrod: string;
+    gray: string;
+    grey: string;
+    green: string;
+    greenyellow: string;
+    honeydew: string;
+    hotpink: string;
+    indianred: string;
+    indigo: string;
+    ivory: string;
+    khaki: string;
+    lavender: string;
+    lavenderblush: string;
+    lawngreen: string;
+    lemonchiffon: string;
+    lightblue: string;
+    lightcoral: string;
+    lightcyan: string;
+    lightgoldenrodyellow: string;
+    lightgray: string;
+    lightgrey: string;
+    lightgreen: string;
+    lightpink: string;
+    lightsalmon: string;
+    lightseagreen: string;
+    lightskyblue: string;
+    lightslategray: string;
+    lightslategrey: string;
+    lightsteelblue: string;
+    lightyellow: string;
+    lime: string;
+    limegreen: string;
+    linen: string;
+    magenta: string;
+    maroon: string;
+    mediumaquamarine: string;
+    mediumblue: string;
+    mediumorchid: string;
+    mediumpurple: string;
+    mediumseagreen: string;
+    mediumslateblue: string;
+    mediumspringgreen: string;
+    mediumturquoise: string;
+    mediumvioletred: string;
+    midnightblue: string;
+    mintcream: string;
+    mistyrose: string;
+    moccasin: string;
+    navajowhite: string;
+    navy: string;
+    oldlace: string;
+    olive: string;
+    olivedrab: string;
+    orange: string;
+    orangered: string;
+    orchid: string;
+    palegoldenrod: string;
+    palegreen: string;
+    paleturquoise: string;
+    palevioletred: string;
+    papayawhip: string;
+    peachpuff: string;
+    peru: string;
+    pink: string;
+    plum: string;
+    powderblue: string;
+    purple: string;
+    rebeccapurple: string;
+    red: string;
+    rosybrown: string;
+    royalblue: string;
+    saddlebrown: string;
+    salmon: string;
+    sandybrown: string;
+    seagreen: string;
+    seashell: string;
+    sienna: string;
+    silver: string;
+    skyblue: string;
+    slateblue: string;
+    slategray: string;
+    slategrey: string;
+    snow: string;
+    springgreen: string;
+    steelblue: string;
+    tan: string;
+    teal: string;
+    thistle: string;
+    tomato: string;
+    turquoise: string;
+    violet: string;
+    wheat: string;
+    white: string;
+    whitesmoke: string;
+    yellow: string;
+    yellowgreen: string;
+};

package/lib/styles/ColorObject.d.ts

@@ -1,52 +1,52 @@
-import type { ColorKeywords } from './ColorKeywords';
-export type RGBTuple = [number, number, number];
-export type ColorKeywordsType = keyof typeof ColorKeywords;
-export type ColorType = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'transparent' | ColorKeywordsType;
-interface ColorHSLA {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-}
-interface ColorRGBA {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}
-export interface ColorObjectType {
-    rgb: RGBTuple;
-    alpha: number;
-    type: ColorType;
-    luma(): number;
-    toRGB(): ColorRGBA;
-    toHSL(): ColorHSLA;
-    toHEXString(): string;
-    toRGBString(): string;
-    toHSLString(): string;
-}
-export declare class ColorObject implements ColorObjectType {
-    rgb: RGBTuple;
-    alpha: number;
-    type: ColorType;
-    constructor(rgb: RGBTuple, alpha: number, type: ColorType);
-    luma(): number;
-    toHEXString(): string;
-    toRGB(): {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    toRGBString(): string;
-    toHSL(): {
-        h: number;
-        s: number;
-        l: number;
-        a: number;
-    };
-    toHSLString(): string;
-    toColorString(type?: ColorType): string;
-    clone(): ColorObject;
-}
-export {};
+import type { ColorKeywords } from './ColorKeywords';
+export type RGBTuple = [number, number, number];
+export type ColorKeywordsType = keyof typeof ColorKeywords;
+export type ColorType = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'transparent' | ColorKeywordsType;
+interface ColorHSLA {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}
+interface ColorRGBA {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface ColorObjectType {
+    rgb: RGBTuple;
+    alpha: number;
+    type: ColorType;
+    luma(): number;
+    toRGB(): ColorRGBA;
+    toHSL(): ColorHSLA;
+    toHEXString(): string;
+    toRGBString(): string;
+    toHSLString(): string;
+}
+export declare class ColorObject implements ColorObjectType {
+    rgb: RGBTuple;
+    alpha: number;
+    type: ColorType;
+    constructor(rgb: RGBTuple, alpha: number, type: ColorType);
+    luma(): number;
+    toHEXString(): string;
+    toRGB(): {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    toRGBString(): string;
+    toHSL(): {
+        h: number;
+        s: number;
+        l: number;
+        a: number;
+    };
+    toHSLString(): string;
+    toColorString(type?: ColorType): string;
+    clone(): ColorObject;
+}
+export {};

package/lib/styles/DimensionFunctions.d.ts

@@ -1 +1 @@
-export declare const shift: (value: string, shift: string) => string;
+export declare const shift: (value: string, shift: string) => string;

package/lib/styles/Mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const resetButton: () => string;
-export declare const resetText: () => string;
+export declare const resetButton: () => string;
+export declare const resetText: () => string;

package/lib/styles/UiFont.d.ts

@@ -1 +1 @@
-export declare const UI_FONT_NAME = "ui";
+export declare const UI_FONT_NAME = "ui";

package/lib/styles/getLabGrotesqueBaselineCompensation.d.ts

@@ -1 +1 @@
-export declare const getLabGrotesqueBaselineCompensation: (fontSize: number, compensation: number, isChrome: boolean, isFirefox: boolean) => number;
+export declare const getLabGrotesqueBaselineCompensation: (fontSize: number, compensation: number, isChrome: boolean, isFirefox: boolean) => number;

package/lib/taskWithDelayAndMinimalDuration.d.ts

@@ -1,21 +1,21 @@
-export interface TaskWithDelayAndMinimalDurationProps {
-    delayBeforeTaskStart: number;
-    durationOfTask: number;
-    taskStartCallback: () => void;
-    taskStopCallback: () => void;
-}
-export declare class TaskWithDelayAndMinimalDuration {
-    private timeoutBeforeTaskStart;
-    private timeoutBeforeTaskStop;
-    private taskParams;
-    private isTaskActive;
-    constructor(initialValues: TaskWithDelayAndMinimalDurationProps);
-    private setTimeoutBeforeTaskStart;
-    private setTimeoutBeforeTaskStop;
-    private clearTimeoutBeforeTaskStart;
-    private clearTimeoutBeforeTaskStop;
-    start: () => void;
-    update: (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => void;
-    stop: () => void;
-    clearTask: () => void;
-}
+export interface TaskWithDelayAndMinimalDurationProps {
+    delayBeforeTaskStart: number;
+    durationOfTask: number;
+    taskStartCallback: () => void;
+    taskStopCallback: () => void;
+}
+export declare class TaskWithDelayAndMinimalDuration {
+    private timeoutBeforeTaskStart;
+    private timeoutBeforeTaskStop;
+    private taskParams;
+    private isTaskActive;
+    constructor(initialValues: TaskWithDelayAndMinimalDurationProps);
+    private setTimeoutBeforeTaskStart;
+    private setTimeoutBeforeTaskStop;
+    private clearTimeoutBeforeTaskStart;
+    private clearTimeoutBeforeTaskStop;
+    start: () => void;
+    update: (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => void;
+    stop: () => void;
+    clearTask: () => void;
+}

package/lib/theming/AnimationKeyframes.d.ts

@@ -1,7 +1,7 @@
-import type { Theme } from './Theme';
-export declare const AnimationKeyframes: {
-    spinnerCircleOffset(): string;
-    spinnerCircleLength(): string;
-    spinnerCircleRotate(): string;
-    spinnerColor(t: Theme): string;
-};
+import type { Theme } from './Theme';
+export declare const AnimationKeyframes: {
+    spinnerCircleOffset(): string;
+    spinnerCircleLength(): string;
+    spinnerCircleRotate(): string;
+    spinnerColor(t: Theme): string;
+};

package/lib/theming/Emotion.d.ts

@@ -1,15 +1,15 @@
-import type { Theme } from './Theme';
-export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): void;
-}, keyframes: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, css: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").EmotionCache;
-export declare const memoizeStyle: <S extends {
-    [className: string]: (() => string) | ((t: Theme) => string);
-}>(styles: S) => S;
-export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;
+import type { Theme } from './Theme';
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): void;
+}, keyframes: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+}, css: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").EmotionCache;
+export declare const memoizeStyle: <S extends {
+    [className: string]: (() => string) | ((t: Theme) => string);
+}>(styles: S) => S;
+export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;

package/lib/theming/Theme.d.ts

@@ -1,5 +1,5 @@
-import type { BasicThemeClass } from '../../internal/themes/BasicTheme';
-import { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme';
-export type Theme = Readonly<typeof BasicThemeClass>;
-export type ThemeIn = Partial<typeof BasicThemeClass>;
-export { BasicThemeClassForExtension };
+import type { BasicThemeClass } from '../../internal/themes/BasicTheme';
+import { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme';
+export type Theme = Readonly<typeof BasicThemeClass>;
+export type ThemeIn = Partial<typeof BasicThemeClass>;
+export { BasicThemeClassForExtension };

package/lib/theming/ThemeContext.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ThemeContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;
+import React from 'react';
+export declare const ThemeContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;

package/lib/theming/ThemeFactory.d.ts

@@ -1,17 +1,17 @@
-import type { NoInfer } from '../utils';
-import type { Theme, ThemeIn } from './Theme';
-export declare class ThemeFactory {
-    /**
-     * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
-     *
-     * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
-     * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
-     * but allows to apply Object.defineProperty to his own properties.
-     */
-    private static readonly overridableDefaultTheme;
-    static get defaultTheme(): Theme;
-    static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>>;
-    static overrideBaseTheme(theme: Theme): void;
-    static getKeys<T extends Theme>(theme: T): (keyof T)[];
-    private static constructTheme;
-}
+import type { NoInfer } from '../utils';
+import type { Theme, ThemeIn } from './Theme';
+export declare class ThemeFactory {
+    /**
+     * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
+     *
+     * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
+     * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
+     * but allows to apply Object.defineProperty to his own properties.
+     */
+    private static readonly overridableDefaultTheme;
+    static get defaultTheme(): Theme;
+    static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>>;
+    static overrideBaseTheme(theme: Theme): void;
+    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    private static constructTheme;
+}