@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/DesignTokens/DesignTokenUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesignTokenUtils.js","sources":["../../../src/components/DesignTokens/DesignTokenUtils.ts"],"sourcesContent":["import { defaultsDeep } from \"lodash-es\";\nimport {\n    TDesignTokens,\n    TDesignTokensComponentsWithIndex,\n    TDesignTokensGroupAbstract,\n    TDesignTokensPartial,\n} from \"./types/DesignTokensTypes\";\nimport { ETriplexNextTheme } from \"../ThemeProvider/ETriplexNextTheme\";\nimport { DesignTokensCore } from \"./DesignTokensCore\";\nimport { DesignTokensCoreThemeDark } from \"./DesignTokensCoreThemeDark\";\nimport { DesignTokensComponents } from \"./DesignTokensComponents\";\nimport { DesignTokensComponentsThemeDark } from \"./DesignTokensComponentsThemeDark\";\nimport { TDesignTokenValue } from \"./types/DesignTokenTypes\";\n\nexport interface IDesignTokenUtils {\n    // Возвращает строку с css-переменными группы токенов, вида `--variable-name-1: '#fff'; --variable-name-2: '#0ed'`.\n    getCSSVariableByTokenGroup: (tokenGroup: TDesignTokensGroupAbstract, tokens: TDesignTokens) => string;\n    // Возвращает токены, которые использует компонент.\n    getComponentTokens: (componentName: string) => { core: string[]; components: string[] };\n    // Возвращает строку с css-переменными на основе темы и токенов.\n    getStyle: (theme: ETriplexNextTheme | undefined, tokens: TDesignTokensPartial) => string;\n    // Возвращает строку с css-переменными.\n    getStyleByTokens: (tokens: TDesignTokens) => string;\n    // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.\n    getTokenValue: (tokenValue: TDesignTokenValue, tokens: TDesignTokens) => string;\n}\n\nexport const DesignTokenUtils: IDesignTokenUtils = {\n    getCSSVariableByTokenGroup: (tokenGroup, tokens) => {\n        const tokenGroupTitle = Object.keys(tokenGroup)[0];\n\n        const tokenPrefix = \"triplex-next\";\n        // Не объединять в одну строку  const tokenVersion = process.env.npm_package_version!.replace(/\\./g, '-');\n        // Иначе rollup не заменяет process.env.npm_package_version на значение.\n        let tokenVersion = process.env.npm_package_version;\n        tokenVersion = tokenVersion!.replace(/\\./g, \"-\");\n\n        return Object.keys(tokenGroup[tokenGroupTitle])\n            .map(\n                (tokenTitle) =>\n                    `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion!}: ${DesignTokenUtils.getTokenValue(\n                        tokenGroup[tokenGroupTitle][tokenTitle],\n                        tokens,\n                    )};`,\n            )\n            .join(\"\\n\");\n    },\n    // Возвращает токены, которые использует компонент.\n    getComponentTokens: (componentName) => {\n        // Общие токены.\n        const coreTokens: string[] = [];\n        // Токены компонента.\n        const componentsTokens: string[] = [];\n\n        Object.keys(DesignTokensComponents).forEach((tokenGroup) => {\n            Object.keys((DesignTokensComponents as TDesignTokensComponentsWithIndex)[tokenGroup]).forEach(\n                (tokenTitle) => {\n                    // Группа токенов соответствует имени файла.\n                    if (tokenGroup === componentName) {\n                        componentsTokens.push(`${tokenGroup}.${tokenTitle}`);\n                        return;\n                    }\n                },\n            );\n        });\n\n        return { components: componentsTokens, core: coreTokens };\n    },\n\n    getStyle: (theme = ETriplexNextTheme.LIGHT, tokens) => {\n        let style = \"\";\n        switch (theme) {\n            case ETriplexNextTheme.LIGHT: {\n                const nextTokens = defaultsDeep({}, tokens, DesignTokensCore, DesignTokensComponents) as TDesignTokens;\n                style = DesignTokenUtils.getStyleByTokens(nextTokens);\n                break;\n            }\n            case ETriplexNextTheme.DARK: {\n                const nextTokens = defaultsDeep(\n                    {},\n                    tokens,\n                    DesignTokensCoreThemeDark,\n                    DesignTokensComponentsThemeDark,\n                ) as TDesignTokens;\n                style = DesignTokenUtils.getStyleByTokens(nextTokens);\n                break;\n            }\n        }\n        return style;\n    },\n    // Возвращает строку с css-переменными.\n    getStyleByTokens: (tokens) => {\n        // Convert to css variables\n        const cssList = Object.keys(tokens).map((token) =>\n            DesignTokenUtils.getCSSVariableByTokenGroup(\n                {\n                    [token]: tokens[token as keyof TDesignTokensPartial],\n                } as TDesignTokensGroupAbstract,\n                tokens,\n            ),\n        );\n\n        return cssList.join(\"\\n\").trim();\n    },\n    // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.\n    getTokenValue: (tokenValue, tokens) => {\n        let value = \"\";\n        if (tokenValue.value) {\n            value = tokenValue.value;\n        } else if (tokenValue.ref) {\n            const refArr = tokenValue.ref.split(\".\");\n            const nextValue = (tokens as TDesignTokensGroupAbstract)[refArr[0]][refArr[1]].value;\n            if (nextValue) {\n                value = nextValue;\n            } else if ((tokens as TDesignTokensGroupAbstract)[refArr[0]][refArr[1]].ref) {\n                value = DesignTokenUtils.getTokenValue(\n                    (tokens as TDesignTokensGroupAbstract)[refArr[0]][refArr[1]],\n                    tokens,\n                );\n            }\n        }\n\n        return value;\n    },\n};\n"],"names":[],"mappings":";;;;;;AA2BO,MAAM,mBAAsC;AAAA,EAC/C,4BAA4B,CAAC,YAAY,WAAW;AAChD,UAAM,kBAAkB,OAAO,KAAK,UAAU,EAAE,CAAC;AAEjD,UAAM,cAAc;AAGpB,QAAI,eAAe;AACnB,mBAAe,aAAc,QAAQ,OAAO,GAAG;AAE/C,WAAO,OAAO,KAAK,WAAW,eAAe,CAAC,EACzC;AAAA,MACG,CAAC,eACG,KAAK,WAAW,IAAI,eAAe,IAAI,UAAU,IAAI,YAAa,KAAK,iBAAiB;AAAA,QACpF,WAAW,eAAe,EAAE,UAAU;AAAA,QACtC;AAAA,MAAA,CACH;AAAA,IAAA,EAER,KAAK,IAAI;AAAA,EAClB;AAAA;AAAA,EAEA,oBAAoB,CAAC,kBAAkB;AAEnC,UAAM,aAAuB,CAAA;AAE7B,UAAM,mBAA6B,CAAA;AAEnC,WAAO,KAAK,sBAAsB,EAAE,QAAQ,CAAC,eAAe;AACxD,aAAO,KAAM,uBAA4D,UAAU,CAAC,EAAE;AAAA,QAClF,CAAC,eAAe;AAEZ,cAAI,eAAe,eAAe;AAC9B,6BAAiB,KAAK,GAAG,UAAU,IAAI,UAAU,EAAE;AACnD;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA;AAAA,IAER,CAAC;AAED,WAAO,EAAE,YAAY,kBAAkB,MAAM,WAAA;AAAA,EACjD;AAAA,EAEA,UAAU,CAAC,QAAQ,kBAAkB,OAAO,WAAW;AACnD,QAAI,QAAQ;AACZ,YAAQ,OAAA;AAAA,MACJ,KAAK,kBAAkB,OAAO;AAC1B,cAAM,aAAa,aAAa,CAAA,GAAI,QAAQ,kBAAkB,sBAAsB;AACpF,gBAAQ,iBAAiB,iBAAiB,UAAU;AACpD;AAAA,MACJ;AAAA,MACA,KAAK,kBAAkB,MAAM;AACzB,cAAM,aAAa;AAAA,UACf,CAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAEJ,gBAAQ,iBAAiB,iBAAiB,UAAU;AACpD;AAAA,MACJ;AAAA,IAAA;AAEJ,WAAO;AAAA,EACX;AAAA;AAAA,EAEA,kBAAkB,CAAC,WAAW;AAE1B,UAAM,UAAU,OAAO,KAAK,MAAM,EAAE;AAAA,MAAI,CAAC,UACrC,iBAAiB;AAAA,QACb;AAAA,UACI,CAAC,KAAK,GAAG,OAAO,KAAmC;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAAA,IACJ;AAGJ,WAAO,QAAQ,KAAK,IAAI,EAAE,KAAA;AAAA,EAC9B;AAAA;AAAA,EAEA,eAAe,CAAC,YAAY,WAAW;AACnC,QAAI,QAAQ;AACZ,QAAI,WAAW,OAAO;AAClB,cAAQ,WAAW;AAAA,IACvB,WAAW,WAAW,KAAK;AACvB,YAAM,SAAS,WAAW,IAAI,MAAM,GAAG;AACvC,YAAM,YAAa,OAAsC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE;AAC/E,UAAI,WAAW;AACX,gBAAQ;AAAA,MACZ,WAAY,OAAsC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK;AACzE,gBAAQ,iBAAiB;AAAA,UACpB,OAAsC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAAA,UAC3D;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AACJ;"}
+{"version":3,"file":"DesignTokenUtils.js","sources":["../../../src/components/DesignTokens/DesignTokenUtils.ts"],"sourcesContent":["import { defaultsDeep } from \"lodash-es\";\nimport {\n    TDesignTokens,\n    TDesignTokensComponentsWithIndex,\n    TDesignTokensGroupAbstract,\n    TDesignTokensPartial,\n} from \"./types/DesignTokensTypes\";\nimport { ETriplexNextTheme } from \"../ThemeProvider/ETriplexNextTheme\";\nimport { DesignTokensCore } from \"./DesignTokensCore\";\nimport { DesignTokensCoreThemeDark } from \"./DesignTokensCoreThemeDark\";\nimport { DesignTokensComponents } from \"./DesignTokensComponents\";\nimport { DesignTokensComponentsThemeDark } from \"./DesignTokensComponentsThemeDark\";\nimport { TDesignTokenValue } from \"./types/DesignTokenTypes\";\n\nexport interface IDesignTokenUtils {\n    /** Возвращает строку с css-переменными группы токенов, вида `--variable-name-1: \"#000000\"; --variable-name-2: \"16px\"`. */\n    getCSSVariableByTokenGroup: (tokenGroup: TDesignTokensGroupAbstract, tokens: TDesignTokens) => string;\n    /** Возвращает токены, которые использует компонент. */\n    getComponentTokens: (componentName: string) => { core: string[]; components: string[] };\n    /** Возвращает строку с css-переменными на основе темы и токенов. */\n    getStyle: (theme: ETriplexNextTheme | undefined, tokens: TDesignTokensPartial) => string;\n    /** Возвращает строку с css-переменными. */\n    getStyleByTokens: (tokens: TDesignTokens) => string;\n    /** Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена. */\n    getTokenValue: (tokenValue: TDesignTokenValue, tokens: TDesignTokens) => string;\n}\n\n/** Внутренний помощник для безопасного рекурсивного разрешения значений токенов. */\nconst resolveTokenValue = (tokenValue: TDesignTokenValue, tokens: TDesignTokens, visitedRefs: Set<string>): string => {\n    if (tokenValue.value !== undefined) {\n        return tokenValue.value;\n    }\n\n    if (tokenValue.ref !== undefined) {\n        if (visitedRefs.has(tokenValue.ref)) {\n            return \"\";\n        }\n        visitedRefs.add(tokenValue.ref);\n\n        const [groupName, tokenName] = tokenValue.ref.split(\".\");\n        const abstractTokens: TDesignTokensGroupAbstract = tokens;\n\n        const tokenGroup = Object.prototype.hasOwnProperty.call(abstractTokens, groupName)\n            ? abstractTokens[groupName]\n            : undefined;\n\n        if (tokenGroup && Object.prototype.hasOwnProperty.call(tokenGroup, tokenName)) {\n            const nextToken = abstractTokens[groupName][tokenName];\n\n            if (nextToken.value !== undefined) {\n                return nextToken.value;\n            } else if (nextToken.ref !== undefined) {\n                return resolveTokenValue(nextToken, tokens, visitedRefs);\n            }\n        }\n    }\n\n    return \"\";\n};\n\nexport const DesignTokenUtils: IDesignTokenUtils = {\n    getCSSVariableByTokenGroup: (tokenGroup, tokens) => {\n        const tokenGroupTitle = Object.keys(tokenGroup)[0];\n        const tokenPrefix = \"triplex-next\";\n\n        // Безопасный fallback для Rollup, защищающий от отсутствия версии\n        let tokenVersion = process.env.npm_package_version || \"0.0.0\";\n        tokenVersion = tokenVersion.replace(/\\./g, \"-\");\n\n        return Object.keys(tokenGroup[tokenGroupTitle])\n            .map(\n                (tokenTitle) =>\n                    `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(\n                        tokenGroup[tokenGroupTitle][tokenTitle],\n                        tokens,\n                    )};`,\n            )\n            .join(\"\\n\");\n    },\n    getComponentTokens: (componentName) => {\n        // Общие токены.\n        const coreTokens: string[] = [];\n        // Токены компонента.\n        const componentsTokens: string[] = [];\n\n        Object.keys(DesignTokensComponents).forEach((tokenGroup) => {\n            Object.keys((DesignTokensComponents as TDesignTokensComponentsWithIndex)[tokenGroup]).forEach(\n                (tokenTitle) => {\n                    // Группа токенов соответствует имени файла.\n                    if (tokenGroup === componentName) {\n                        componentsTokens.push(`${tokenGroup}.${tokenTitle}`);\n                        return;\n                    }\n                },\n            );\n        });\n\n        return { components: componentsTokens, core: coreTokens };\n    },\n    getStyle: (theme = ETriplexNextTheme.LIGHT, tokens) => {\n        let style = \"\";\n        switch (theme) {\n            case ETriplexNextTheme.LIGHT: {\n                const nextTokens = defaultsDeep({}, tokens, DesignTokensCore, DesignTokensComponents) as TDesignTokens;\n                style = DesignTokenUtils.getStyleByTokens(nextTokens);\n                break;\n            }\n            case ETriplexNextTheme.DARK: {\n                const nextTokens = defaultsDeep(\n                    {},\n                    tokens,\n                    DesignTokensCoreThemeDark,\n                    DesignTokensComponentsThemeDark,\n                ) as TDesignTokens;\n                style = DesignTokenUtils.getStyleByTokens(nextTokens);\n                break;\n            }\n        }\n        return style;\n    },\n    getStyleByTokens: (tokens) => {\n        // Convert to css variables\n        const cssList = Object.keys(tokens).map((token) =>\n            DesignTokenUtils.getCSSVariableByTokenGroup(\n                {\n                    [token]: tokens[token as keyof TDesignTokensPartial],\n                } as TDesignTokensGroupAbstract,\n                tokens,\n            ),\n        );\n\n        return cssList.join(\"\\n\").trim();\n    },\n    getTokenValue: (tokenValue, tokens) => {\n        return resolveTokenValue(tokenValue, tokens, new Set<string>());\n    },\n};\n"],"names":[],"mappings":";;;;;;AA4BA,MAAM,oBAAoB,CAAC,YAA+B,QAAuB,gBAAqC;AAClH,MAAI,WAAW,UAAU,QAAW;AAChC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,WAAW,QAAQ,QAAW;AAC9B,QAAI,YAAY,IAAI,WAAW,GAAG,GAAG;AACjC,aAAO;AAAA,IACX;AACA,gBAAY,IAAI,WAAW,GAAG;AAE9B,UAAM,CAAC,WAAW,SAAS,IAAI,WAAW,IAAI,MAAM,GAAG;AACvD,UAAM,iBAA6C;AAEnD,UAAM,aAAa,OAAO,UAAU,eAAe,KAAK,gBAAgB,SAAS,IAC3E,eAAe,SAAS,IACxB;AAEN,QAAI,cAAc,OAAO,UAAU,eAAe,KAAK,YAAY,SAAS,GAAG;AAC3E,YAAM,YAAY,eAAe,SAAS,EAAE,SAAS;AAErD,UAAI,UAAU,UAAU,QAAW;AAC/B,eAAO,UAAU;AAAA,MACrB,WAAW,UAAU,QAAQ,QAAW;AACpC,eAAO,kBAAkB,WAAW,QAAQ,WAAW;AAAA,MAC3D;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AACX;AAEO,MAAM,mBAAsC;AAAA,EAC/C,4BAA4B,CAAC,YAAY,WAAW;AAChD,UAAM,kBAAkB,OAAO,KAAK,UAAU,EAAE,CAAC;AACjD,UAAM,cAAc;AAGpB,QAAI,eAAe;AACnB,mBAAe,aAAa,QAAQ,OAAO,GAAG;AAE9C,WAAO,OAAO,KAAK,WAAW,eAAe,CAAC,EACzC;AAAA,MACG,CAAC,eACG,KAAK,WAAW,IAAI,eAAe,IAAI,UAAU,IAAI,YAAY,KAAK,iBAAiB;AAAA,QACnF,WAAW,eAAe,EAAE,UAAU;AAAA,QACtC;AAAA,MAAA,CACH;AAAA,IAAA,EAER,KAAK,IAAI;AAAA,EAClB;AAAA,EACA,oBAAoB,CAAC,kBAAkB;AAEnC,UAAM,aAAuB,CAAA;AAE7B,UAAM,mBAA6B,CAAA;AAEnC,WAAO,KAAK,sBAAsB,EAAE,QAAQ,CAAC,eAAe;AACxD,aAAO,KAAM,uBAA4D,UAAU,CAAC,EAAE;AAAA,QAClF,CAAC,eAAe;AAEZ,cAAI,eAAe,eAAe;AAC9B,6BAAiB,KAAK,GAAG,UAAU,IAAI,UAAU,EAAE;AACnD;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA;AAAA,IAER,CAAC;AAED,WAAO,EAAE,YAAY,kBAAkB,MAAM,WAAA;AAAA,EACjD;AAAA,EACA,UAAU,CAAC,QAAQ,kBAAkB,OAAO,WAAW;AACnD,QAAI,QAAQ;AACZ,YAAQ,OAAA;AAAA,MACJ,KAAK,kBAAkB,OAAO;AAC1B,cAAM,aAAa,aAAa,CAAA,GAAI,QAAQ,kBAAkB,sBAAsB;AACpF,gBAAQ,iBAAiB,iBAAiB,UAAU;AACpD;AAAA,MACJ;AAAA,MACA,KAAK,kBAAkB,MAAM;AACzB,cAAM,aAAa;AAAA,UACf,CAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAEJ,gBAAQ,iBAAiB,iBAAiB,UAAU;AACpD;AAAA,MACJ;AAAA,IAAA;AAEJ,WAAO;AAAA,EACX;AAAA,EACA,kBAAkB,CAAC,WAAW;AAE1B,UAAM,UAAU,OAAO,KAAK,MAAM,EAAE;AAAA,MAAI,CAAC,UACrC,iBAAiB;AAAA,QACb;AAAA,UACI,CAAC,KAAK,GAAG,OAAO,KAAmC;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAAA,IACJ;AAGJ,WAAO,QAAQ,KAAK,IAAI,EAAE,KAAA;AAAA,EAC9B;AAAA,EACA,eAAe,CAAC,YAAY,WAAW;AACnC,WAAO,kBAAkB,YAAY,QAAQ,oBAAI,KAAa;AAAA,EAClE;AACJ;"}

package/components/DesignTokens/components/Calendar.js

@@ -54,9 +54,9 @@ const Calendar_Tokens = {
   // var(--triplex-next-Calendar-View_Item_Color_Default)
   View_Item_Color_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Calendar-View_Item_Color_Hover)
-  View_Item_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  View_Item_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-Calendar-View_Item_Color_Disabled)
-  View_Item_Color_Muted: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  View_Item_Color_Muted: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-Calendar-View_Item_Color_Muted)
   View_Item_Color_Selected: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Calendar-View_Item_Color_Selected)

package/components/DesignTokens/components/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../src/components/DesignTokens/components/Calendar.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Calendar.\nexport const designTokensComponentsCalendarKeys = [\n    \"Background\",\n    \"View_Header_Color\",\n    \"View_Item_Background_Default\",\n    \"View_Item_Background_Hover\",\n    \"View_Item_Background_Selected_Default\",\n    \"View_Item_Background_Selected_Hover\",\n    \"View_Item_Background_Selected_Muted_Default\",\n    \"View_Item_Background_Selected_Muted_Hover\",\n    \"View_Item_BorderColor_Default\",\n    \"View_Item_BorderColor_Focus\",\n    \"View_Item_Color_Default\",\n    \"View_Item_Color_Hover\",\n    \"View_Item_Color_Disabled\",\n    \"View_Item_Color_Muted\",\n    \"View_Item_Color_Selected\",\n    \"View_Item_Color_Selected_Muted_Default\",\n    \"View_Item_Color_Selected_Muted_Hover\",\n    \"View_Item_Mark_Basic_Background_Default\",\n    \"View_Item_Mark_Basic_Background_Selected_Default\",\n    \"View_Item_Mark_Basic_Background_Selected_Hover\",\n    \"View_Item_Mark_Standard_Background_Default\",\n    \"View_Item_Mark_Standard_Background_Selected_Default\",\n    \"View_Item_Mark_Standard_Background_Selected_Hover\",\n    \"View_Item_Mark_Attention_Background_Default\",\n    \"View_Item_Mark_Attention_Background_Selected_Default\",\n    \"View_Item_Mark_Attention_Background_Selected_Hover\",\n    \"View_Item_Mark_Critical_Background_Default\",\n    \"View_Item_Mark_Critical_Background_Selected_Default\",\n    \"View_Item_Mark_Critical_Background_Selected_Hover\",\n] as const;\n// Тип, содержащий названия токенов компонента Calendar.\nexport type TDesignTokensComponentsCalendarKeys = (typeof designTokensComponentsCalendarKeys)[number];\n// Тип, содержащий названия токенов компонента Calendar и их значения.\nexport type TDesignTokensComponentsCalendarValue = Record<TDesignTokensComponentsCalendarKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Calendar и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsCalendarValues = Record<TDesignTokensComponentsCalendarKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Calendar.\nexport type TDesignTokensComponentsCalendar = { Calendar: TDesignTokensComponentsCalendarValue };\n\n// Токены компонента Calendar в светлой и темной темах.\nexport const Calendar_Tokens: TDesignTokensComponentsCalendarValues = {\n    Background: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Calendar-Background)\n\n    View_Header_Color: [{ ref: \"ColorDarkNeutralAlpha.50\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-Calendar-View_Header_Color)\n\n    View_Item_Background_Default: [{ value: \"none\" }, { value: \"none\" }], // var(--triplex-next-Calendar-View_Item_Background_Default)\n    View_Item_Background_Hover: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Calendar-View_Item_Background_Hover)\n    View_Item_Background_Selected_Default: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.50\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Default)\n    View_Item_Background_Selected_Hover: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.30\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Hover)\n    View_Item_Background_Selected_Muted_Default: [{ ref: \"ColorBrand.100\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Muted_Default)\n    View_Item_Background_Selected_Muted_Hover: [{ ref: \"ColorBrand.90\" }, { ref: \"ColorBrand.10\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Muted_Hover)\n    View_Item_BorderColor_Default: [{ value: \"transparent\" }, { value: \"transparent\" }], // var(--triplex-next-Calendar-View_Item_BorderColor_Default)\n    View_Item_BorderColor_Focus: [{ ref: \"ColorWarning.80\" }, { ref: \"ColorWarning.80\" }], // var(--triplex-next-Calendar-View_Item_BorderColor_Focus)\n    View_Item_Color_Default: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Calendar-View_Item_Color_Default)\n    View_Item_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Calendar-View_Item_Color_Hover)\n    View_Item_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.70\" }], // var(--triplex-next-Calendar-View_Item_Color_Disabled)\n    View_Item_Color_Muted: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.70\" }], // var(--triplex-next-Calendar-View_Item_Color_Muted)\n    View_Item_Color_Selected: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Calendar-View_Item_Color_Selected)\n    View_Item_Color_Selected_Muted_Default: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Calendar-View_Item_Color_Selected_Muted_Default)\n    View_Item_Color_Selected_Muted_Hover: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Calendar-View_Item_Color_Selected_Muted_Hover)\n\n    View_Item_Mark_Basic_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Default)\n    View_Item_Mark_Basic_Background_Selected_Default: [\n        { ref: \"ColorDarkNeutralAlpha.70\" },\n        { ref: \"ColorNeutralAlpha.50\" },\n    ], // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Selected_Default)\n    View_Item_Mark_Basic_Background_Selected_Hover: [\n        { ref: \"ColorDarkNeutralAlpha.70\" },\n        { ref: \"ColorNeutralAlpha.50\" },\n    ], // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Selected_Hover)\n    View_Item_Mark_Standard_Background_Default: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Default)\n    View_Item_Mark_Standard_Background_Selected_Default: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Selected_Default)\n    View_Item_Mark_Standard_Background_Selected_Hover: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Selected_Hover)\n    View_Item_Mark_Attention_Background_Default: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Default)\n    View_Item_Mark_Attention_Background_Selected_Default: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Selected_Default)\n    View_Item_Mark_Attention_Background_Selected_Hover: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Selected_Hover)\n    View_Item_Mark_Critical_Background_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Default)\n    View_Item_Mark_Critical_Background_Selected_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Selected_Default)\n    View_Item_Mark_Critical_Background_Selected_Hover: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Selected_Hover)\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/DesignTokens/components/Calendar.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Calendar.\nexport const designTokensComponentsCalendarKeys = [\n    \"Background\",\n    \"View_Header_Color\",\n    \"View_Item_Background_Default\",\n    \"View_Item_Background_Hover\",\n    \"View_Item_Background_Selected_Default\",\n    \"View_Item_Background_Selected_Hover\",\n    \"View_Item_Background_Selected_Muted_Default\",\n    \"View_Item_Background_Selected_Muted_Hover\",\n    \"View_Item_BorderColor_Default\",\n    \"View_Item_BorderColor_Focus\",\n    \"View_Item_Color_Default\",\n    \"View_Item_Color_Hover\",\n    \"View_Item_Color_Disabled\",\n    \"View_Item_Color_Muted\",\n    \"View_Item_Color_Selected\",\n    \"View_Item_Color_Selected_Muted_Default\",\n    \"View_Item_Color_Selected_Muted_Hover\",\n    \"View_Item_Mark_Basic_Background_Default\",\n    \"View_Item_Mark_Basic_Background_Selected_Default\",\n    \"View_Item_Mark_Basic_Background_Selected_Hover\",\n    \"View_Item_Mark_Standard_Background_Default\",\n    \"View_Item_Mark_Standard_Background_Selected_Default\",\n    \"View_Item_Mark_Standard_Background_Selected_Hover\",\n    \"View_Item_Mark_Attention_Background_Default\",\n    \"View_Item_Mark_Attention_Background_Selected_Default\",\n    \"View_Item_Mark_Attention_Background_Selected_Hover\",\n    \"View_Item_Mark_Critical_Background_Default\",\n    \"View_Item_Mark_Critical_Background_Selected_Default\",\n    \"View_Item_Mark_Critical_Background_Selected_Hover\",\n] as const;\n// Тип, содержащий названия токенов компонента Calendar.\nexport type TDesignTokensComponentsCalendarKeys = (typeof designTokensComponentsCalendarKeys)[number];\n// Тип, содержащий названия токенов компонента Calendar и их значения.\nexport type TDesignTokensComponentsCalendarValue = Record<TDesignTokensComponentsCalendarKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Calendar и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsCalendarValues = Record<TDesignTokensComponentsCalendarKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Calendar.\nexport type TDesignTokensComponentsCalendar = { Calendar: TDesignTokensComponentsCalendarValue };\n\n// Токены компонента Calendar в светлой и темной темах.\nexport const Calendar_Tokens: TDesignTokensComponentsCalendarValues = {\n    Background: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Calendar-Background)\n\n    View_Header_Color: [{ ref: \"ColorDarkNeutralAlpha.50\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-Calendar-View_Header_Color)\n\n    View_Item_Background_Default: [{ value: \"none\" }, { value: \"none\" }], // var(--triplex-next-Calendar-View_Item_Background_Default)\n    View_Item_Background_Hover: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Calendar-View_Item_Background_Hover)\n    View_Item_Background_Selected_Default: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.50\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Default)\n    View_Item_Background_Selected_Hover: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.30\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Hover)\n    View_Item_Background_Selected_Muted_Default: [{ ref: \"ColorBrand.100\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Muted_Default)\n    View_Item_Background_Selected_Muted_Hover: [{ ref: \"ColorBrand.90\" }, { ref: \"ColorBrand.10\" }], // var(--triplex-next-Calendar-View_Item_Background_Selected_Muted_Hover)\n    View_Item_BorderColor_Default: [{ value: \"transparent\" }, { value: \"transparent\" }], // var(--triplex-next-Calendar-View_Item_BorderColor_Default)\n    View_Item_BorderColor_Focus: [{ ref: \"ColorWarning.80\" }, { ref: \"ColorWarning.80\" }], // var(--triplex-next-Calendar-View_Item_BorderColor_Focus)\n    View_Item_Color_Default: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Calendar-View_Item_Color_Default)\n    View_Item_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Calendar-View_Item_Color_Hover)\n    View_Item_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Calendar-View_Item_Color_Disabled)\n    View_Item_Color_Muted: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Calendar-View_Item_Color_Muted)\n    View_Item_Color_Selected: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Calendar-View_Item_Color_Selected)\n    View_Item_Color_Selected_Muted_Default: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Calendar-View_Item_Color_Selected_Muted_Default)\n    View_Item_Color_Selected_Muted_Hover: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Calendar-View_Item_Color_Selected_Muted_Hover)\n\n    View_Item_Mark_Basic_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Default)\n    View_Item_Mark_Basic_Background_Selected_Default: [\n        { ref: \"ColorDarkNeutralAlpha.70\" },\n        { ref: \"ColorNeutralAlpha.50\" },\n    ], // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Selected_Default)\n    View_Item_Mark_Basic_Background_Selected_Hover: [\n        { ref: \"ColorDarkNeutralAlpha.70\" },\n        { ref: \"ColorNeutralAlpha.50\" },\n    ], // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Selected_Hover)\n    View_Item_Mark_Standard_Background_Default: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Default)\n    View_Item_Mark_Standard_Background_Selected_Default: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Selected_Default)\n    View_Item_Mark_Standard_Background_Selected_Hover: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Selected_Hover)\n    View_Item_Mark_Attention_Background_Default: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Default)\n    View_Item_Mark_Attention_Background_Selected_Default: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Selected_Default)\n    View_Item_Mark_Attention_Background_Selected_Hover: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Selected_Hover)\n    View_Item_Mark_Critical_Background_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Default)\n    View_Item_Mark_Critical_Background_Selected_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Selected_Default)\n    View_Item_Mark_Critical_Background_Selected_Hover: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Selected_Hover)\n};\n"],"names":[],"mappings":"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"}

package/components/DesignTokens/components/StatusTracker.js

@@ -1,16 +1,20 @@
 const designTokensComponentsStatusTrackerKeys = [
+  "Background",
   "Draft_Background",
   "Warning_Background",
   "Waiting_Background",
   "Rejected_Background",
   "Approved_Background",
+  "Draft_Color",
   "Waiting_Color",
   "Rejected_Color",
   "Approved_Color",
   "Border_Color"
 ];
 const StatusTracker_Tokens = {
-  Draft_Background: [{ ref: "ColorNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.100" }],
+  Background: [{ ref: "ColorNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.100" }],
+  // var(--triplex-next-StatusTracker-Background)
+  Draft_Background: [{ ref: "ColorSystem.80" }, { ref: "ColorNeutralAlpha.60" }],
   // var(--triplex-next-StatusTracker-Draft_Background)
   Warning_Background: [{ ref: "ColorWarning.60" }, { ref: "ColorWarning.20" }],
   // var(--triplex-next-StatusTracker-Warning_Background)
@@ -20,9 +24,11 @@ const StatusTracker_Tokens = {
   // var(--triplex-next-StatusTracker-Rejected_Background)
   Approved_Background: [{ ref: "ColorSuccess.60" }, { ref: "ColorSuccess.50" }],
   // var(--triplex-next-StatusTracker-Approved_Background)
+  Draft_Color: [{ ref: "ColorSystem.70" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-StatusTracker-Draft_Color)
   Waiting_Color: [{ ref: "ColorSystem.70" }, { ref: "ColorNeutralAlpha.50" }],
   // var(--triplex-next-StatusTracker-Waiting_Color)
-  Rejected_Color: [{ ref: "ColorError.80" }, { ref: "ColorError.20" }],
+  Rejected_Color: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
   // var(--triplex-next-StatusTracker-Rejected_Color)
   Approved_Color: [{ ref: "ColorSuccess.60" }, { ref: "ColorSuccess.30" }],
   // var(--triplex-next-StatusTracker-Approved_Color)

package/components/DesignTokens/components/StatusTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTracker.js","sources":["../../../../src/components/DesignTokens/components/StatusTracker.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента StatusTracker.\nexport const designTokensComponentsStatusTrackerKeys = [\n    \"Draft_Background\",\n    \"Warning_Background\",\n    \"Waiting_Background\",\n    \"Rejected_Background\",\n    \"Approved_Background\",\n    \"Waiting_Color\",\n    \"Rejected_Color\",\n    \"Approved_Color\",\n    \"Border_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента StatusTracker.\nexport type TDesignTokensComponentsStatusTrackerKeys = (typeof designTokensComponentsStatusTrackerKeys)[number];\n// Тип, содержащий названия токенов компонента StatusTracker и их значения.\nexport type TDesignTokensComponentsStatusTrackerValue = Record<\n    TDesignTokensComponentsStatusTrackerKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов компонента StatusTracker и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStatusTrackerValues = Record<\n    TDesignTokensComponentsStatusTrackerKeys,\n    TDesignTokenValues\n>;\n// Тип локальных токенов компонента StatusTracker.\nexport type TDesignTokensComponentsStatusTracker = { StatusTracker: TDesignTokensComponentsStatusTrackerValue };\n\n// Токены компонента StatusTracker в светлой и темной темах.\nexport const StatusTracker_Tokens: TDesignTokensComponentsStatusTrackerValues = {\n    Draft_Background: [{ ref: \"ColorNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.100\" }], // var(--triplex-next-StatusTracker-Draft_Background)\n\n    Warning_Background: [{ ref: \"ColorWarning.60\" }, { ref: \"ColorWarning.20\" }], // var(--triplex-next-StatusTracker-Warning_Background)\n\n    Waiting_Background: [{ ref: \"ColorSystem.80\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-StatusTracker-Waiting_Background)\n\n    Rejected_Background: [{ ref: \"ColorError.70\" }, { ref: \"ColorError.30\" }], // var(--triplex-next-StatusTracker-Rejected_Background)\n\n    Approved_Background: [{ ref: \"ColorSuccess.60\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-StatusTracker-Approved_Background)\n\n    Waiting_Color: [{ ref: \"ColorSystem.70\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-StatusTracker-Waiting_Color)\n\n    Rejected_Color: [{ ref: \"ColorError.80\" }, { ref: \"ColorError.20\" }], // var(--triplex-next-StatusTracker-Rejected_Color)\n\n    Approved_Color: [{ ref: \"ColorSuccess.60\" }, { ref: \"ColorSuccess.30\" }], // var(--triplex-next-StatusTracker-Approved_Color)\n\n    Border_Color: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-StatusTracker-Border_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,0CAA0C;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAiBO,MAAM,uBAAmE;AAAA,EAC5E,kBAAkB,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,yBAAyB;AAAA;AAAA,EAEpF,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAE3E,oBAAoB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAE/E,qBAAqB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAExE,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAE5E,eAAe,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAE1E,gBAAgB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAEnE,gBAAgB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAEvE,cAAc,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,uBAAA,CAAwB;AAAA;AAC/E;"}
+{"version":3,"file":"StatusTracker.js","sources":["../../../../src/components/DesignTokens/components/StatusTracker.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента StatusTracker.\nexport const designTokensComponentsStatusTrackerKeys = [\n    \"Background\",\n    \"Draft_Background\",\n    \"Warning_Background\",\n    \"Waiting_Background\",\n    \"Rejected_Background\",\n    \"Approved_Background\",\n    \"Draft_Color\",\n    \"Waiting_Color\",\n    \"Rejected_Color\",\n    \"Approved_Color\",\n    \"Border_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента StatusTracker.\nexport type TDesignTokensComponentsStatusTrackerKeys = (typeof designTokensComponentsStatusTrackerKeys)[number];\n// Тип, содержащий названия токенов компонента StatusTracker и их значения.\nexport type TDesignTokensComponentsStatusTrackerValue = Record<\n    TDesignTokensComponentsStatusTrackerKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов компонента StatusTracker и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStatusTrackerValues = Record<\n    TDesignTokensComponentsStatusTrackerKeys,\n    TDesignTokenValues\n>;\n// Тип локальных токенов компонента StatusTracker.\nexport type TDesignTokensComponentsStatusTracker = { StatusTracker: TDesignTokensComponentsStatusTrackerValue };\n\n// Токены компонента StatusTracker в светлой и темной темах.\nexport const StatusTracker_Tokens: TDesignTokensComponentsStatusTrackerValues = {\n    Background: [{ ref: \"ColorNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.100\" }], // var(--triplex-next-StatusTracker-Background)\n\n    Draft_Background: [{ ref: \"ColorSystem.80\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-StatusTracker-Draft_Background)\n\n    Warning_Background: [{ ref: \"ColorWarning.60\" }, { ref: \"ColorWarning.20\" }], // var(--triplex-next-StatusTracker-Warning_Background)\n\n    Waiting_Background: [{ ref: \"ColorSystem.80\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-StatusTracker-Waiting_Background)\n\n    Rejected_Background: [{ ref: \"ColorError.70\" }, { ref: \"ColorError.30\" }], // var(--triplex-next-StatusTracker-Rejected_Background)\n\n    Approved_Background: [{ ref: \"ColorSuccess.60\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-StatusTracker-Approved_Background)\n\n    Draft_Color: [{ ref: \"ColorSystem.70\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-StatusTracker-Draft_Color)\n\n    Waiting_Color: [{ ref: \"ColorSystem.70\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-StatusTracker-Waiting_Color)\n\n    Rejected_Color: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-StatusTracker-Rejected_Color)\n\n    Approved_Color: [{ ref: \"ColorSuccess.60\" }, { ref: \"ColorSuccess.30\" }], // var(--triplex-next-StatusTracker-Approved_Color)\n\n    Border_Color: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-StatusTracker-Border_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,0CAA0C;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAiBO,MAAM,uBAAmE;AAAA,EAC5E,YAAY,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,yBAAyB;AAAA;AAAA,EAE9E,kBAAkB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAE7E,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAE3E,oBAAoB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAE/E,qBAAqB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAExE,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAE5E,aAAa,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAExE,eAAe,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAE1E,gBAAgB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAEvE,gBAAgB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAEvE,cAAc,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,uBAAA,CAAwB;AAAA;AAC/E;"}

package/components/Divider/Divider.js

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const divider = "divider__b7e28bfa";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const divider = "divider__edc10aef";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__01ad8f5c",
-  "marginBottomSize-4": "marginBottomSize-4__7c446476",
-  "marginTopSize-8": "marginTopSize-8__8e5dc3b6",
-  "marginBottomSize-8": "marginBottomSize-8__a79b6f41",
-  "marginTopSize-12": "marginTopSize-12__841ecb7d",
-  "marginBottomSize-12": "marginBottomSize-12__66c18edb",
-  "marginTopSize-16": "marginTopSize-16__fb0af19a",
-  "marginBottomSize-16": "marginBottomSize-16__1e66c4c7",
-  "marginTopSize-20": "marginTopSize-20__5260c842",
-  "marginBottomSize-20": "marginBottomSize-20__e054c82d",
-  "marginTopSize-24": "marginTopSize-24__9e8a5749",
-  "marginBottomSize-24": "marginBottomSize-24__3f0f251d",
-  "marginTopSize-28": "marginTopSize-28__7621b296",
-  "marginBottomSize-28": "marginBottomSize-28__aee1c853",
-  "marginTopSize-32": "marginTopSize-32__d9ff90aa",
-  "marginBottomSize-32": "marginBottomSize-32__9686b67a"
+  "marginTopSize-4": "marginTopSize-4__c34986eb",
+  "marginBottomSize-4": "marginBottomSize-4__a9f2637f",
+  "marginTopSize-8": "marginTopSize-8__d4b77628",
+  "marginBottomSize-8": "marginBottomSize-8__c847ab82",
+  "marginTopSize-12": "marginTopSize-12__623c67bd",
+  "marginBottomSize-12": "marginBottomSize-12__c04bd454",
+  "marginTopSize-16": "marginTopSize-16__fee20d92",
+  "marginBottomSize-16": "marginBottomSize-16__227f079d",
+  "marginTopSize-20": "marginTopSize-20__2d7b6377",
+  "marginBottomSize-20": "marginBottomSize-20__8869b499",
+  "marginTopSize-24": "marginTopSize-24__5f3285eb",
+  "marginBottomSize-24": "marginBottomSize-24__903524a5",
+  "marginTopSize-28": "marginTopSize-28__0a435656",
+  "marginBottomSize-28": "marginBottomSize-28__ded39edd",
+  "marginTopSize-32": "marginTopSize-32__427b1af8",
+  "marginBottomSize-32": "marginBottomSize-32__3d390a4f"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -6,11 +6,11 @@ import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__fb4e3098";
-const label = "label__c76a2c48";
-const inputEditWrapper = "inputEditWrapper__536ebf0f";
+const documentNumberEdit = "documentNumberEdit__b54a4434";
+const label = "label__0d990e9a";
+const inputEditWrapper = "inputEditWrapper__55e23c5e";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/Dropdown.js

@@ -6,21 +6,28 @@ import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { MobileView } from "../MobileView/MobileView.js";
 const Dropdown = React.forwardRef(
   ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {
-    const mountedRef = useRef(false);
+    const prevOpenedRef = useRef(opened);
+    const callbacksRef = useRef({ onOpen, onClose });
     useEffect(() => {
-      if (!mountedRef.current) {
-        mountedRef.current = true;
-      } else if (opened) {
-        onOpen == null ? void 0 : onOpen();
+      callbacksRef.current = { onOpen, onClose };
+    });
+    useEffect(() => {
+      var _a, _b, _c, _d;
+      if (prevOpenedRef.current === opened) {
+        return;
+      }
+      prevOpenedRef.current = opened;
+      if (opened) {
+        (_b = (_a = callbacksRef.current).onOpen) == null ? void 0 : _b.call(_a);
       } else {
-        onClose == null ? void 0 : onClose();
+        (_d = (_c = callbacksRef.current).onClose) == null ? void 0 : _d.call(_c);
       }
     }, [opened]);
     return /* @__PURE__ */ jsx(Portal, { container: document.body, children: mobileViewProps ? /* @__PURE__ */ jsx(
       MobileView,
       {
         fallback: /* @__PURE__ */ jsx(DropdownDesktop, { opened, setOpened, ...desktopProps, ref, children }),
-        children: /* @__PURE__ */ jsx(DropdownMobile, { opened, setOpened, ...mobileViewProps, ref, children: (mobileViewProps == null ? void 0 : mobileViewProps.children) || children })
+        children: /* @__PURE__ */ jsx(DropdownMobile, { opened, setOpened, ...mobileViewProps, ref, children: mobileViewProps.children || children })
       }
     ) : /* @__PURE__ */ jsx(DropdownDesktop, { opened, setOpened, ...desktopProps, ref, children }) });
   }

package/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport {\n    DropdownDesktop,\n    IDropdownDesktopProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownDesktop\";\nimport { DropdownMobile, IDropdownMobileProps } from \"./mobile/DropdownMobile\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\n\n/** Свойства компонента Dropdown. */\nexport interface IDropdownProps extends IDropdownDesktopProps {\n    /** Функция, вызывающаяся при открытии. */\n    onOpen?: () => void;\n    /** Функция, вызывающаяся при закрытии. */\n    onClose?: () => void;\n    /** Свойства отображения в адаптивном режиме. В этом режиме на мобильном устройстве Dropdown рендерится на весь экран. */\n    mobileViewProps?: Omit<IDropdownMobileProps, \"opened\" | \"setOpened\">;\n}\n\n/** Выпадающее меню. */\nexport const Dropdown = React.forwardRef<HTMLDivElement, IDropdownProps>(\n    ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {\n        const mountedRef = useRef(false);\n\n        useEffect(() => {\n            if (!mountedRef.current) {\n                mountedRef.current = true;\n            } else if (opened) {\n                onOpen?.();\n            } else {\n                onClose?.();\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [opened]);\n\n        return (\n            <Portal container={document.body}>\n                {mobileViewProps ? (\n                    <MobileView\n                        fallback={\n                            <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                                {children}\n                            </DropdownDesktop>\n                        }\n                    >\n                        <DropdownMobile opened={opened} setOpened={setOpened} {...mobileViewProps} ref={ref}>\n                            {mobileViewProps?.children || children}\n                        </DropdownMobile>\n                    </MobileView>\n                ) : (\n                    <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                        {children}\n                    </DropdownDesktop>\n                )}\n            </Portal>\n        );\n    },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"names":[],"mappings":";;;;;;AAoBO,MAAM,WAAW,MAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,QAAQ,WAAW,QAAQ,SAAS,iBAAiB,GAAG,aAAA,GAAgB,QAAQ;AACzF,UAAM,aAAa,OAAO,KAAK;AAE/B,cAAU,MAAM;AACZ,UAAI,CAAC,WAAW,SAAS;AACrB,mBAAW,UAAU;AAAA,MACzB,WAAW,QAAQ;AACf;AAAA,MACJ,OAAO;AACH;AAAA,MACJ;AAAA,IAEJ,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACvB,UAAA,kBACG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,8BACK,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,UACL;AAAA,QAGJ,UAAA,oBAAC,kBAAe,QAAgB,WAAuB,GAAG,iBAAiB,KACtE,WAAA,mDAAiB,aAAY,SAAA,CAClC;AAAA,MAAA;AAAA,IAAA,wBAGH,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,SAAA,CACL,GAER;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport {\n    DropdownDesktop,\n    IDropdownDesktopProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownDesktop\";\nimport { DropdownMobile, IDropdownMobileProps } from \"./mobile/DropdownMobile\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\n\n/** Свойства компонента Dropdown. */\nexport interface IDropdownProps extends IDropdownDesktopProps {\n    /** Функция, вызывающаяся при открытии. */\n    onOpen?: () => void;\n    /** Функция, вызывающаяся при закрытии. */\n    onClose?: () => void;\n    /** Свойства отображения в адаптивном режиме. В этом режиме на мобильном устройстве Dropdown рендерится на весь экран. */\n    mobileViewProps?: Omit<IDropdownMobileProps, \"opened\" | \"setOpened\">;\n}\n\n/**\n * Выпадающее меню.\n * Рендерится через Portal в document.body и позиционируется относительно targetRef.\n * Если передан mobileViewProps, на мобильной ширине экрана вместо десктопного меню рендерится\n * полноэкранная мобильная версия (DropdownMobile).\n */\nexport const Dropdown = React.forwardRef<HTMLDivElement, IDropdownProps>(\n    ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {\n        // Предыдущее состояние открытости. Сравнение со значением вместо флага \"смонтирован\"\n        // делает эффект идемпотентным: повторный маунт в StrictMode не вызывает колбэки.\n        const prevOpenedRef = useRef(opened);\n        // Актуальные колбэки хранятся в ref, чтобы эффект зависел только от opened\n        // и не вызывал onOpen/onClose при смене идентичности колбэков.\n        const callbacksRef = useRef({ onOpen, onClose });\n\n        useEffect(() => {\n            callbacksRef.current = { onOpen, onClose };\n        });\n\n        useEffect(() => {\n            // Колбэки вызываются только на смену состояния, но не на первом рендере.\n            if (prevOpenedRef.current === opened) {\n                return;\n            }\n\n            prevOpenedRef.current = opened;\n\n            if (opened) {\n                callbacksRef.current.onOpen?.();\n            } else {\n                callbacksRef.current.onClose?.();\n            }\n        }, [opened]);\n\n        return (\n            <Portal container={document.body}>\n                {mobileViewProps ? (\n                    <MobileView\n                        fallback={\n                            <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                                {children}\n                            </DropdownDesktop>\n                        }\n                    >\n                        <DropdownMobile opened={opened} setOpened={setOpened} {...mobileViewProps} ref={ref}>\n                            {mobileViewProps.children || children}\n                        </DropdownMobile>\n                    </MobileView>\n                ) : (\n                    <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                        {children}\n                    </DropdownDesktop>\n                )}\n            </Portal>\n        );\n    },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,WAAW,MAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,QAAQ,WAAW,QAAQ,SAAS,iBAAiB,GAAG,aAAA,GAAgB,QAAQ;AAGzF,UAAM,gBAAgB,OAAO,MAAM;AAGnC,UAAM,eAAe,OAAO,EAAE,QAAQ,SAAS;AAE/C,cAAU,MAAM;AACZ,mBAAa,UAAU,EAAE,QAAQ,QAAA;AAAA,IACrC,CAAC;AAED,cAAU,MAAM;;AAEZ,UAAI,cAAc,YAAY,QAAQ;AAClC;AAAA,MACJ;AAEA,oBAAc,UAAU;AAExB,UAAI,QAAQ;AACR,iCAAa,SAAQ,WAArB;AAAA,MACJ,OAAO;AACH,iCAAa,SAAQ,YAArB;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACvB,UAAA,kBACG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,8BACK,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,UACL;AAAA,QAGJ,UAAA,oBAAC,kBAAe,QAAgB,WAAuB,GAAG,iBAAiB,KACtE,UAAA,gBAAgB,YAAY,SAAA,CACjC;AAAA,MAAA;AAAA,IAAA,wBAGH,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,SAAA,CACL,GAER;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { EDropdownDirection, EDropdownAlignment, EDropdownWidth } from "./enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__24dc6a5d";
-const sm = "sm__dcb0ddff";
-const md = "md__d60308a5";
-const lg = "lg__878186ec";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__571e1f26";
+const dropdownDesktop = "dropdownDesktop__3d8ccfc1";
+const sm = "sm__0e1b045b";
+const md = "md__3d438abb";
+const lg = "lg__a31320a8";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__ada9a7d4";
 const styles = {
   dropdownDesktop,
   sm,
@@ -20,6 +20,7 @@ const styles = {
 };
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;
+const TARGET_OFFSET = 4;
 const DropdownDesktop = React.forwardRef((props, ref) => {
   const {
     children,
@@ -38,15 +39,12 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
   const dropdownRef = useRef(null);
   const { scopeClassName } = useToken();
   const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);
-  const wheelHandler = useCallback(
-    (event) => {
-      var _a;
-      if (!((_a = dropdownRef.current) == null ? void 0 : _a.contains(event.target))) {
-        event.preventDefault();
-      }
-    },
-    [dropdownRef]
-  );
+  const wheelHandler = useCallback((event) => {
+    var _a;
+    if (!((_a = dropdownRef.current) == null ? void 0 : _a.contains(event.target))) {
+      event.preventDefault();
+    }
+  }, []);
   const keyDownHandler = useCallback((event) => {
     if (event.target === document.body) {
       const key = event.code || event.keyCode;
@@ -56,7 +54,6 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
     }
   }, []);
   const toggleScrollEventListener = useCallback(
-    /** Запрет скролла всей страницы. */
     (add) => {
       if (add) {
         document.addEventListener("wheel", wheelHandler, { passive: false });
@@ -85,19 +82,18 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
   );
   const calculatePositionVertical = useCallback(
     (css, dropdownRect, targetRect) => {
-      const offset = 4;
       if (direction === EDropdownDirection.AUTO) {
-        if (targetRect.bottom + offset + dropdownRect.height < document.documentElement.clientHeight) {
-          css.top = targetRect.bottom + offset;
-        } else if (targetRect.top - offset - dropdownRect.height > 0) {
-          css.bottom = document.documentElement.clientHeight - targetRect.top + offset;
+        if (targetRect.bottom + TARGET_OFFSET + dropdownRect.height < document.documentElement.clientHeight) {
+          css.top = targetRect.bottom + TARGET_OFFSET;
+        } else if (targetRect.top - TARGET_OFFSET - dropdownRect.height > 0) {
+          css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;
         } else {
-          css.top = targetRect.bottom + offset;
+          css.top = targetRect.bottom + TARGET_OFFSET;
         }
       } else if (direction === EDropdownDirection.BOTTOM) {
-        css.top = targetRect.bottom + offset;
+        css.top = targetRect.bottom + TARGET_OFFSET;
       } else if (direction === EDropdownDirection.TOP) {
-        css.bottom = document.documentElement.clientHeight - targetRect.top + offset;
+        css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;
       }
     },
     [direction]
@@ -168,7 +164,7 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "0.39.0",
+      "data-tx": "0.41.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownDesktop.js","sources":["../../../../src/components/Dropdown/desktop/DropdownDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from \"./enums\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { useToken } from \"../../ThemeProvider/useToken\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport styles from \"../styles/DropdownDesktop.module.less\";\n\n/** Свойства компонента DropdownDesktop. */\nexport interface IDropdownDesktopProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n    /** Ссылка на управляющий элемент. */\n    targetRef: React.RefObject<HTMLElement>;\n    /** Размер дропдауна. */\n    size?: EComponentSize;\n    /** Направление выпадающего меню. */\n    direction?: EDropdownDirection;\n    /** Выравнивание списка относительно управляющего элемента. */\n    alignment?: EDropdownAlignment;\n    /** Вариант расчёта ширины выпадающего списка. */\n    width?: EDropdownWidth;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;\n\n/** Выпадающее меню. */\nexport const DropdownDesktop = React.forwardRef<HTMLDivElement, IDropdownDesktopProps>((props, ref) => {\n    const {\n        children,\n        className,\n        style: styleProp,\n        size = EComponentSize.MD,\n        direction = EDropdownDirection.AUTO,\n        alignment = EDropdownAlignment.LEFT,\n        width = EDropdownWidth.CONTENT,\n        opened,\n        targetRef,\n        setOpened,\n        ...rest\n    } = props;\n    const [styleState, setStyleState] = useState<React.CSSProperties>({ opacity: 0 });\n    const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n    const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);\n\n    /** Блокировка скролла вне дропдауна. */\n    const wheelHandler = useCallback(\n        (event: WheelEvent) => {\n            if (!dropdownRef.current?.contains(event.target as Node)) {\n                event.preventDefault();\n            }\n        },\n        [dropdownRef],\n    );\n\n    const keyDownHandler = useCallback((event: KeyboardEvent) => {\n        if (event.target === document.body) {\n            const key = event.code || event.keyCode;\n\n            if (\n                isKey(key, \"SPACE\") ||\n                isKey(key, \"PAGE_UP\") ||\n                isKey(key, \"PAGE_DOWN\") ||\n                isKey(key, \"END\") ||\n                isKey(key, \"HOME\") ||\n                isKey(key, \"ARROW_LEFT\") ||\n                isKey(key, \"ARROW_UP\") ||\n                isKey(key, \"ARROW_RIGHT\") ||\n                isKey(key, \"ARROW_DOWN\")\n            ) {\n                event.preventDefault();\n            }\n        }\n    }, []);\n\n    /** Управление скроллом внешней области.  */\n    const toggleScrollEventListener = useCallback(\n        /** Запрет скролла всей страницы. */\n        (add: boolean) => {\n            if (add) {\n                document.addEventListener(\"wheel\", wheelHandler, { passive: false });\n                document.addEventListener(\"keydown\", keyDownHandler);\n            } else {\n                document.removeEventListener(\"wheel\", wheelHandler);\n                document.removeEventListener(\"keydown\", keyDownHandler);\n            }\n        },\n        [wheelHandler, keyDownHandler],\n    );\n\n    /** Расчёт положения по горизонтали. */\n    const calculatePositionHorizontal = useCallback(\n        (css: React.CSSProperties, targetRect: DOMRect, expectedWidth: number) => {\n            const clientWidth = document.documentElement.clientWidth;\n\n            const leftPos = targetRect.left;\n            const rightPos = targetRect.right - expectedWidth;\n\n            if (alignment === EDropdownAlignment.LEFT) {\n                const fitsRightSide = leftPos + expectedWidth <= clientWidth;\n                css.left = fitsRightSide ? leftPos : Math.max(0, rightPos);\n            } else {\n                const fitsLeftSide = rightPos >= 0;\n                css.left = fitsLeftSide ? rightPos : Math.max(0, Math.min(leftPos, clientWidth - expectedWidth));\n            }\n        },\n        [alignment],\n    );\n\n    /** Расчёт положения по вертикали. */\n    const calculatePositionVertical = useCallback(\n        (css: React.CSSProperties, dropdownRect: DOMRect, targetRect: DOMRect) => {\n            // Отступ между target и dropdown.\n            const offset = 4;\n\n            if (direction === EDropdownDirection.AUTO) {\n                if (targetRect.bottom + offset + dropdownRect.height < document.documentElement.clientHeight) {\n                    // Если влезает снизу.\n                    css.top = targetRect.bottom + offset;\n                } else if (targetRect.top - offset - dropdownRect.height > 0) {\n                    // Если не влезает снизу, но влезает сверху.\n                    css.bottom = document.documentElement.clientHeight - targetRect.top + offset;\n                } else {\n                    // Если не влезает снизу и сверху.\n                    css.top = targetRect.bottom + offset;\n                }\n            } else if (direction === EDropdownDirection.BOTTOM) {\n                css.top = targetRect.bottom + offset;\n            } else if (direction === EDropdownDirection.TOP) {\n                css.bottom = document.documentElement.clientHeight - targetRect.top + offset;\n            }\n        },\n        [direction],\n    );\n\n    /** Установка положения меню. */\n    const setPosition = useCallback(() => {\n        if (dropdownRef.current === null || targetRef.current === null) return;\n\n        const dropdownRect = dropdownRef.current.getBoundingClientRect();\n        const targetRect = targetRef.current.getBoundingClientRect();\n        const css: React.CSSProperties = {};\n        let expectedWidth = dropdownRect.width;\n\n        if (width === EDropdownWidth.TARGET) {\n            expectedWidth = targetRect.width;\n            css.width = targetRect.width;\n        } else if (width === EDropdownWidth.MIN_TARGET) {\n            expectedWidth = Math.max(dropdownRect.width, targetRect.width);\n            css.minWidth = targetRect.width;\n        }\n\n        calculatePositionVertical(css, dropdownRect, targetRect);\n        calculatePositionHorizontal(css, targetRect, expectedWidth);\n\n        setStyleState(css);\n    }, [targetRef, width, calculatePositionVertical, calculatePositionHorizontal]);\n\n    useEffect(() => {\n        if (opened) {\n            // eslint-disable-next-line react-hooks/set-state-in-effect\n            setPosition();\n        } else {\n            setStyleState({ opacity: 0 });\n        }\n    }, [opened, setPosition]);\n\n    useEffect(() => {\n        if (!opened || dropdownRef.current === null || targetRef.current === null) return;\n\n        const observer = new ResizeObserver(setPosition);\n\n        observer.observe(dropdownRef.current);\n        observer.observe(targetRef.current);\n        return () => observer.disconnect();\n    }, [opened, targetRef, setPosition]);\n\n    /** Планирует перерасчет позиции дропдауна в следующем кадре. */\n    const updatePosition = useCallback(() => {\n        setTimeout(setPosition);\n    }, [setPosition]);\n\n    useEffect(() => {\n        if (opened) {\n            document.addEventListener(\"scroll\", updatePosition, true);\n            window.addEventListener(\"resize\", updatePosition);\n            toggleScrollEventListener(true);\n            document.body.classList.add(overflowHiddenClassName);\n            updatePosition();\n\n            return () => {\n                document.removeEventListener(\"scroll\", updatePosition, true);\n                window.removeEventListener(\"resize\", updatePosition);\n                toggleScrollEventListener(false);\n                document.body.classList.remove(overflowHiddenClassName);\n            };\n        }\n    }, [opened, updatePosition, toggleScrollEventListener]);\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        dropdownRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    if (!opened) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames}\n            style={{ ...styleState, ...styleProp }}\n            {...rest}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            {children}\n        </div>\n    );\n});\n\nDropdownDesktop.displayName = \"DropdownDesktop\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownDesktop.js","sources":["../../../../src/components/Dropdown/desktop/DropdownDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from \"./enums\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { useToken } from \"../../ThemeProvider/useToken\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport styles from \"../styles/DropdownDesktop.module.less\";\n\n/** Свойства компонента DropdownDesktop. */\nexport interface IDropdownDesktopProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n    /** Ссылка на управляющий элемент. */\n    targetRef: React.RefObject<HTMLElement>;\n    /** Размер дропдауна. */\n    size?: EComponentSize;\n    /** Направление выпадающего меню. */\n    direction?: EDropdownDirection;\n    /** Выравнивание списка относительно управляющего элемента. */\n    alignment?: EDropdownAlignment;\n    /** Вариант расчёта ширины выпадающего списка. */\n    width?: EDropdownWidth;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;\n\n/** Отступ между управляющим элементом и выпадающим меню, px. */\nconst TARGET_OFFSET = 4;\n\n/**\n * Десктопная версия выпадающего меню.\n * Позиционируется фиксированно относительно targetRef, пересчитывает положение при скролле,\n * ресайзе окна и изменении размеров меню или управляющего элемента. Пока меню открыто,\n * скролл страницы вне меню заблокирован. В закрытом состоянии ничего не рендерит.\n */\nexport const DropdownDesktop = React.forwardRef<HTMLDivElement, IDropdownDesktopProps>((props, ref) => {\n    const {\n        children,\n        className,\n        style: styleProp,\n        size = EComponentSize.MD,\n        direction = EDropdownDirection.AUTO,\n        alignment = EDropdownAlignment.LEFT,\n        width = EDropdownWidth.CONTENT,\n        opened,\n        targetRef,\n        setOpened,\n        ...rest\n    } = props;\n    const [styleState, setStyleState] = useState<React.CSSProperties>({ opacity: 0 });\n    const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n    const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);\n\n    /** Блокировка скролла вне дропдауна. */\n    const wheelHandler = useCallback((event: WheelEvent) => {\n        if (!dropdownRef.current?.contains(event.target as Node)) {\n            event.preventDefault();\n        }\n    }, []);\n\n    const keyDownHandler = useCallback((event: KeyboardEvent) => {\n        if (event.target === document.body) {\n            const key = event.code || event.keyCode;\n\n            if (\n                isKey(key, \"SPACE\") ||\n                isKey(key, \"PAGE_UP\") ||\n                isKey(key, \"PAGE_DOWN\") ||\n                isKey(key, \"END\") ||\n                isKey(key, \"HOME\") ||\n                isKey(key, \"ARROW_LEFT\") ||\n                isKey(key, \"ARROW_UP\") ||\n                isKey(key, \"ARROW_RIGHT\") ||\n                isKey(key, \"ARROW_DOWN\")\n            ) {\n                event.preventDefault();\n            }\n        }\n    }, []);\n\n    /** Управление подпиской на события, блокирующие скролл страницы вне дропдауна. */\n    const toggleScrollEventListener = useCallback(\n        (add: boolean) => {\n            if (add) {\n                document.addEventListener(\"wheel\", wheelHandler, { passive: false });\n                document.addEventListener(\"keydown\", keyDownHandler);\n            } else {\n                document.removeEventListener(\"wheel\", wheelHandler);\n                document.removeEventListener(\"keydown\", keyDownHandler);\n            }\n        },\n        [wheelHandler, keyDownHandler],\n    );\n\n    /** Расчёт положения по горизонтали. */\n    const calculatePositionHorizontal = useCallback(\n        (css: React.CSSProperties, targetRect: DOMRect, expectedWidth: number) => {\n            const clientWidth = document.documentElement.clientWidth;\n\n            const leftPos = targetRect.left;\n            const rightPos = targetRect.right - expectedWidth;\n\n            if (alignment === EDropdownAlignment.LEFT) {\n                const fitsRightSide = leftPos + expectedWidth <= clientWidth;\n                css.left = fitsRightSide ? leftPos : Math.max(0, rightPos);\n            } else {\n                const fitsLeftSide = rightPos >= 0;\n                css.left = fitsLeftSide ? rightPos : Math.max(0, Math.min(leftPos, clientWidth - expectedWidth));\n            }\n        },\n        [alignment],\n    );\n\n    /** Расчёт положения по вертикали. */\n    const calculatePositionVertical = useCallback(\n        (css: React.CSSProperties, dropdownRect: DOMRect, targetRect: DOMRect) => {\n            if (direction === EDropdownDirection.AUTO) {\n                if (targetRect.bottom + TARGET_OFFSET + dropdownRect.height < document.documentElement.clientHeight) {\n                    // Если влезает снизу.\n                    css.top = targetRect.bottom + TARGET_OFFSET;\n                } else if (targetRect.top - TARGET_OFFSET - dropdownRect.height > 0) {\n                    // Если не влезает снизу, но влезает сверху.\n                    css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;\n                } else {\n                    // Если не влезает снизу и сверху.\n                    css.top = targetRect.bottom + TARGET_OFFSET;\n                }\n            } else if (direction === EDropdownDirection.BOTTOM) {\n                css.top = targetRect.bottom + TARGET_OFFSET;\n            } else if (direction === EDropdownDirection.TOP) {\n                css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;\n            }\n        },\n        [direction],\n    );\n\n    /** Установка положения меню. */\n    const setPosition = useCallback(() => {\n        if (dropdownRef.current === null || targetRef.current === null) return;\n\n        const dropdownRect = dropdownRef.current.getBoundingClientRect();\n        const targetRect = targetRef.current.getBoundingClientRect();\n        const css: React.CSSProperties = {};\n        let expectedWidth = dropdownRect.width;\n\n        if (width === EDropdownWidth.TARGET) {\n            expectedWidth = targetRect.width;\n            css.width = targetRect.width;\n        } else if (width === EDropdownWidth.MIN_TARGET) {\n            expectedWidth = Math.max(dropdownRect.width, targetRect.width);\n            css.minWidth = targetRect.width;\n        }\n\n        calculatePositionVertical(css, dropdownRect, targetRect);\n        calculatePositionHorizontal(css, targetRect, expectedWidth);\n\n        setStyleState(css);\n    }, [targetRef, width, calculatePositionVertical, calculatePositionHorizontal]);\n\n    useEffect(() => {\n        if (opened) {\n            // Положение можно посчитать только после того, как меню отрендерено и его размеры измеримы.\n            setPosition();\n        } else {\n            setStyleState({ opacity: 0 });\n        }\n    }, [opened, setPosition]);\n\n    useEffect(() => {\n        if (!opened || dropdownRef.current === null || targetRef.current === null) return;\n\n        const observer = new ResizeObserver(setPosition);\n\n        observer.observe(dropdownRef.current);\n        observer.observe(targetRef.current);\n        return () => observer.disconnect();\n    }, [opened, targetRef, setPosition]);\n\n    /** Планирует перерасчет позиции дропдауна в следующем кадре. */\n    const updatePosition = useCallback(() => {\n        setTimeout(setPosition);\n    }, [setPosition]);\n\n    useEffect(() => {\n        if (opened) {\n            document.addEventListener(\"scroll\", updatePosition, true);\n            window.addEventListener(\"resize\", updatePosition);\n            toggleScrollEventListener(true);\n            document.body.classList.add(overflowHiddenClassName);\n            updatePosition();\n\n            return () => {\n                document.removeEventListener(\"scroll\", updatePosition, true);\n                window.removeEventListener(\"resize\", updatePosition);\n                toggleScrollEventListener(false);\n                document.body.classList.remove(overflowHiddenClassName);\n            };\n        }\n    }, [opened, updatePosition, toggleScrollEventListener]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        dropdownRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    if (!opened) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames}\n            style={{ ...styleState, ...styleProp }}\n            {...rest}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            {children}\n        </div>\n    );\n});\n\nDropdownDesktop.displayName = \"DropdownDesktop\";\n"],"names":[],"mappings":"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"}