@skbkontur/react-ui 4.11.0 → 4.12.0-theme2022.6

package/cjs/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/cjs/lib/styles/ColorObject.d.ts

@@ -1,52 +1,52 @@
-import { ColorKeywords } from './ColorKeywords';
-export declare type RGBTuple = [number, number, number];
-export declare type ColorKeywordsType = keyof typeof ColorKeywords;
-export declare 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 { ColorKeywords } from './ColorKeywords';
+export declare type RGBTuple = [number, number, number];
+export declare type ColorKeywordsType = keyof typeof ColorKeywords;
+export declare 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/cjs/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/cjs/lib/styles/HoldSelectionColor.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/cjs/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/cjs/lib/styles/getLabGrotesqueBaselineCompensation.d.ts

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

package/cjs/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/cjs/lib/theming/AnimationKeyframes.d.ts

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

package/cjs/lib/theming/Emotion.d.ts

@@ -1,15 +1,15 @@
-import { 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/css/create-instance").CSSInterpolation[]): void;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
-}, keyframes: {
-    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-}, css: {
-    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").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 { 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/css/create-instance").CSSInterpolation[]): void;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
+}, keyframes: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, css: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").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/cjs/lib/theming/Theme.d.ts

@@ -1,3 +1,3 @@
-import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';
-export declare type Theme = Readonly<typeof DefaultThemeInternal>;
-export declare type ThemeIn = Partial<typeof DefaultThemeInternal>;
+import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';
+export declare type Theme = Readonly<typeof DefaultThemeInternal>;
+export declare type ThemeIn = Partial<typeof DefaultThemeInternal>;

package/cjs/lib/theming/ThemeContext.d.ts

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

package/cjs/lib/theming/ThemeFactory.d.ts

@@ -1,7 +1,7 @@
-import { Theme, ThemeIn } from './Theme';
-export declare class ThemeFactory {
-    static create<T extends unknown>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
-    static overrideDefaultTheme(theme: Theme): void;
-    static getKeys<T extends Theme>(theme: T): (keyof T)[];
-    private static constructTheme;
-}
+import { Theme, ThemeIn } from './Theme';
+export declare class ThemeFactory {
+    static create<T extends unknown>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
+    static overrideDefaultTheme(theme: Theme): void;
+    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    private static constructTheme;
+}

package/cjs/lib/theming/ThemeHelpers.d.ts

@@ -1,15 +1,21 @@
-import { Theme, ThemeIn } from './Theme';
-export declare type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;
-export declare type Markers = Marker[];
-export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
-export declare const REACT_UI_THEME_MARKERS: {
-    darkTheme: {
-        key: string;
-        value: boolean;
-    };
-};
-export declare const REACT_UI_DARK_THEME_KEY: string;
-export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAsDarkTheme: Marker;
-export declare function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor;
-export declare function applyMarkers(theme: Readonly<Theme>, markers: Markers): Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>;
+import { Theme, ThemeIn } from './Theme';
+export declare type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;
+export declare type Markers = Marker[];
+export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
+export declare const REACT_UI_THEME_MARKERS: {
+    darkTheme: {
+        key: string;
+        value: boolean;
+    };
+    theme2022: {
+        key: string;
+        value: boolean;
+    };
+};
+export declare const REACT_UI_DARK_THEME_KEY: string;
+export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
+export declare const markAsDarkTheme: Marker;
+export declare const markAsTheme2022: Marker;
+export declare const isTheme2022: (theme: Theme | ThemeIn) => boolean;
+export declare function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor;
+export declare function applyMarkers(theme: Readonly<Theme>, markers: Markers): Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>;

package/cjs/lib/theming/ThemeHelpers.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.REACT_UI_THEME_MARKERS = exports.REACT_UI_DARK_THEME_KEY = void 0;exports.applyMarkers = applyMarkers;exports.exposeGetters = void 0;exports.findPropertyDescriptor = findPropertyDescriptor;exports.markAsDarkTheme = exports.isDarkTheme = void 0;var _utils = require("../utils");
+"use strict";exports.__esModule = true;exports.REACT_UI_THEME_MARKERS = exports.REACT_UI_DARK_THEME_KEY = void 0;exports.applyMarkers = applyMarkers;exports.exposeGetters = void 0;exports.findPropertyDescriptor = findPropertyDescriptor;exports.markAsTheme2022 = exports.markAsDarkTheme = exports.isTheme2022 = exports.isDarkTheme = void 0;var _utils = require("../utils");
 
 
 
@@ -20,6 +20,10 @@ var exposeGetters = function exposeGetters(theme) {
 var REACT_UI_THEME_MARKERS = {
   darkTheme: {
     key: '__IS_REACT_UI_DARK_THEME__',
+    value: true },
+
+  theme2022: {
+    key: '__IS_REACT_UI_THEME_2022__',
     value: true } };
 
 
@@ -43,6 +47,22 @@ var markAsDarkTheme = function markAsDarkTheme(theme) {var _Object$create;
 
 };exports.markAsDarkTheme = markAsDarkTheme;
 
+var markAsTheme2022 = function markAsTheme2022(theme) {var _Object$create2;
+  return Object.create(theme, (_Object$create2 = {}, _Object$create2[
+  REACT_UI_THEME_MARKERS.theme2022.key] = {
+    value: REACT_UI_THEME_MARKERS.theme2022.value,
+    writable: false,
+    enumerable: false,
+    configurable: false }, _Object$create2));
+
+
+};exports.markAsTheme2022 = markAsTheme2022;
+
+var isTheme2022 = function isTheme2022(theme) {
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+};exports.isTheme2022 = isTheme2022;
+
 function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.

package/cjs/lib/theming/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","writable","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"mappings":"mSAAA;;;;;;;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAgCC,KAAhC,EAAgD;AAC3E,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM,C;;AAYA,IAAMY,sBAAsB,GAAG;AACpCC,EAAAA,SAAS,EAAE;AACTP,IAAAA,GAAG,EAAE,4BADI;AAETQ,IAAAA,KAAK,EAAE,IAFE,EADyB,EAA/B;;;;AAOP;wDACO,IAAMC,uBAAuB,GAAGH,sBAAsB,CAACC,SAAvB,CAAiCP,GAAjE,C;;AAEA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAAChB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,sBAAsB,CAACC,SAAvB,CAAiCP,GAAlC,CAAL,KAAgDM,sBAAsB,CAACC,SAAvB,CAAiCC,KAAxF;AACD,CAHM,C;;AAKA,IAAMG,eAAuB,GAAG,SAA1BA,eAA0B,CAACjB,KAAD,EAAW;AAChD,SAAOE,MAAM,CAACgB,MAAP,CAAclB,KAAd;AACJY,EAAAA,sBAAsB,CAACC,SAAvB,CAAiCP,GAD7B,IACmC;AACtCQ,IAAAA,KAAK,EAAEF,sBAAsB,CAACC,SAAvB,CAAiCC,KADF;AAEtCK,IAAAA,QAAQ,EAAE,KAF4B;AAGtCT,IAAAA,UAAU,EAAE,KAH0B;AAItCD,IAAAA,YAAY,EAAE,KAJwB,EADnC,kBAAP;;;AAQD,CATM,C;;AAWA,SAASW,sBAAT,CAAgCpB,KAAhC,EAA8CqB,QAA9C,EAAgE;AACrE;AACA;AACA;AACA,SAAO,0BAAcrB,KAAd,CAAP,EAA6BA,KAAK,GAAGE,MAAM,CAACoB,cAAP,CAAsBtB,KAAtB,CAArC,EAAmE;AACjE,QAAIE,MAAM,CAACqB,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCzB,KAArC,EAA4CqB,QAA5C,CAAJ,EAA2D;AACzD,aAAOnB,MAAM,CAACwB,wBAAP,CAAgC1B,KAAhC,EAAuCqB,QAAvC,KAAoD,EAA3D;AACD;AACF;AACD,SAAO,EAAP;AACD;;AAEM,SAASM,YAAT,CAAsB3B,KAAtB,EAA8C4B,OAA9C,EAAgE;AACrE,MAAIC,WAA4B,GAAG7B,KAAnC;AACA4B,EAAAA,OAAO,CAACvB,OAAR,CAAgB,UAACyB,MAAD,EAAY;AAC1BD,IAAAA,WAAW,GAAGC,MAAM,CAAC9B,KAAD,CAApB;AACD,GAFD;AAGA,SAAO6B,WAAP;AACD","sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;\nexport type Markers = Marker[];\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\nexport function applyMarkers(theme: Readonly<Theme>, markers: Markers) {\n  let markedTheme: Readonly<Theme> = theme;\n  markers.forEach((marker) => {\n    markedTheme = marker(theme);\n  });\n  return markedTheme;\n}\n"]}
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","theme2022","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","writable","markAsTheme2022","isTheme2022","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"mappings":"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","sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;\nexport type Markers = Marker[];\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  theme2022: {\n    key: '__IS_REACT_UI_THEME_2022__',\n    value: true,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const markAsTheme2022: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.theme2022.key]: {\n      value: REACT_UI_THEME_MARKERS.theme2022.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isTheme2022 = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\nexport function applyMarkers(theme: Readonly<Theme>, markers: Markers) {\n  let markedTheme: Readonly<Theme> = theme;\n  markers.forEach((marker) => {\n    markedTheme = marker(theme);\n  });\n  return markedTheme;\n}\n"]}

package/cjs/lib/theming/themes/DarkTheme.d.ts

@@ -1 +1 @@
-export declare const DARK_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;
+export declare const DARK_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;