@skbkontur/react-ui 4.24.0 → 4.25.0

package/internal/themes/DefaultTheme.d.ts

@@ -1033,6 +1033,7 @@ export declare class DefaultTheme {
     static inputShadow: string;
     static inputBg: string;
     static inputIconColor: string;
+    static get inputIconColorDisabled(): string;
     static get inputFocusedIconColor(): string;
     static inputColor: string;
     static inputWidth: string;
@@ -1458,5 +1459,7 @@ export declare class DefaultTheme {
     static miniModalFooterPaddingMobile: string;
     static miniModalHeaderPaddingMobile: string;
     static miniModalBodyPaddingMobile: string;
+    static validationsTextColorError: string;
+    static validationsTextColorWarning: string;
 }
 export declare const DefaultThemeInternal: typeof DefaultTheme;

package/lib/theming/ThemeContext.md

@@ -41,8 +41,10 @@ public context: Theme = this.context;
 | `DARK_THEME_2022`       | Станет дефолтной темной в `5.0`                   |
 | `DEFAULT_THEME`         | Текущая дефолтная тема. Станет deprecated в `5.0` |
 | `DARK_THEME`            | Темная дефолтная. Станет deprecated в `5.0`       |
-| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в  `5.0`               |
+| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в `5.0`                |
 | `FLAT_THEME_8PX_OLD`    | Плоская тема 2021 г. Будет удалена в `5.0`        |
+| `THEME_2022_UPDATE_2024`| Тема 2022 г. с последними обновлениями цветов. В `5.0` будет влита в дефолтную|
+| `THEME_2022_DARK_UPDATE_2024`| Тёмная тема 2022 г. с последними обновлениями цветов. В `5.0` будет влита в дефолтную темную|
 
 ## Примеры использования
 

package/lib/theming/themes/Theme2022DarkUpdate2024/Theme2022DarkUpdate2024.js

@@ -0,0 +1,33 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { THEME_2022_DARK } from "../Theme2022Dark";
+export var THEME_2022_DARK_UPDATE_2024 = ThemeFactory.create({
+  green: '#23A14A',
+  greenDark: '#1C8A3F',
+  red: '#ED3F3F',
+  redDark: '#DD3333',
+  errorMain: '#ED3F3F',
+  linkSuccessColor: '#46CD68',
+  linkSuccessHoverColor: '#67D881',
+  linkSuccessActiveColor: '#23A14A',
+  linkDangerColor: '#FE6C6C',
+  linkDangerHoverColor: '#FE8C8C',
+  linkDangerActiveColor: '#ED3F3F',
+  btnSuccessBg: '#23A14A',
+  btnSuccessBorderColor: '#23A14A',
+  btnSuccessHoverBg: '#26AD50',
+  btnSuccessHoverBorderColor: '#26AD50',
+  btnSuccessActiveBg: '#1C8A3F',
+  btnSuccessActiveBorderColor: '#1C8A3F',
+  btnDangerBg: '#ED3F3F',
+  btnDangerBorderColor: '#ED3F3F',
+  btnDangerHoverBg: '#FE4C4C',
+  btnDangerHoverBorderColor: '#FE4C4C',
+  btnDangerActiveBg: '#CC2626',
+  btnDangerActiveBorderColor: '#CC2626',
+  calendarCellWeekendColor: '#FE6C6C',
+  fileUploaderBorderColorError: '#ED3F3F',
+  inputBorderColorError: '#FE6C6C',
+  validationsTextColorError: '#ED3F3F',
+  // error background for button use=link
+  btnErrorSecondary: '#AB0D0D'
+}, THEME_2022_DARK);

package/lib/theming/themes/Theme2022DarkUpdate2024/Theme2022DarkUpdate2024.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022DarkUpdate2024.ts"],"names":["ThemeFactory","THEME_2022_DARK","THEME_2022_DARK_UPDATE_2024","create","green","greenDark","red","redDark","errorMain","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnSuccessBg","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","calendarCellWeekendColor","fileUploaderBorderColorError","inputBorderColorError","validationsTextColorError","btnErrorSecondary"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,SAASC,eAAT,QAAgC,iBAAhC;;AAEA,OAAO,IAAMC,2BAA2B,GAAGF,YAAY,CAACG,MAAb;AACzC;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,SAAS,EAAE,SAFb;;AAIEC,EAAAA,GAAG,EAAE,SAJP;AAKEC,EAAAA,OAAO,EAAE,SALX;AAMEC,EAAAA,SAAS,EAAE,SANb;;AAQEC,EAAAA,gBAAgB,EAAE,SARpB;AASEC,EAAAA,qBAAqB,EAAE,SATzB;AAUEC,EAAAA,sBAAsB,EAAE,SAV1B;;AAYEC,EAAAA,eAAe,EAAE,SAZnB;AAaEC,EAAAA,oBAAoB,EAAE,SAbxB;AAcEC,EAAAA,qBAAqB,EAAE,SAdzB;;AAgBEC,EAAAA,YAAY,EAAE,SAhBhB;AAiBEC,EAAAA,qBAAqB,EAAE,SAjBzB;;AAmBEC,EAAAA,iBAAiB,EAAE,SAnBrB;AAoBEC,EAAAA,0BAA0B,EAAE,SApB9B;;AAsBEC,EAAAA,kBAAkB,EAAE,SAtBtB;AAuBEC,EAAAA,2BAA2B,EAAE,SAvB/B;;AAyBEC,EAAAA,WAAW,EAAE,SAzBf;AA0BEC,EAAAA,oBAAoB,EAAE,SA1BxB;;AA4BEC,EAAAA,gBAAgB,EAAE,SA5BpB;AA6BEC,EAAAA,yBAAyB,EAAE,SA7B7B;;AA+BEC,EAAAA,iBAAiB,EAAE,SA/BrB;AAgCEC,EAAAA,0BAA0B,EAAE,SAhC9B;;AAkCEC,EAAAA,wBAAwB,EAAE,SAlC5B;;AAoCEC,EAAAA,4BAA4B,EAAE,SApChC;;AAsCEC,EAAAA,qBAAqB,EAAE,SAtCzB;;AAwCEC,EAAAA,yBAAyB,EAAE,SAxC7B;AAyCE;AACAC,EAAAA,iBAAiB,EAAE,SA1CrB,EADyC;;AA6CzC9B,eA7CyC,CAApC","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { THEME_2022_DARK } from './Theme2022Dark';\n\nexport const THEME_2022_DARK_UPDATE_2024 = ThemeFactory.create(\n  {\n    green: '#23A14A',\n    greenDark: '#1C8A3F',\n\n    red: '#ED3F3F',\n    redDark: '#DD3333',\n    errorMain: '#ED3F3F',\n\n    linkSuccessColor: '#46CD68',\n    linkSuccessHoverColor: '#67D881',\n    linkSuccessActiveColor: '#23A14A',\n\n    linkDangerColor: '#FE6C6C',\n    linkDangerHoverColor: '#FE8C8C',\n    linkDangerActiveColor: '#ED3F3F',\n\n    btnSuccessBg: '#23A14A',\n    btnSuccessBorderColor: '#23A14A',\n\n    btnSuccessHoverBg: '#26AD50',\n    btnSuccessHoverBorderColor: '#26AD50',\n\n    btnSuccessActiveBg: '#1C8A3F',\n    btnSuccessActiveBorderColor: '#1C8A3F',\n\n    btnDangerBg: '#ED3F3F',\n    btnDangerBorderColor: '#ED3F3F',\n\n    btnDangerHoverBg: '#FE4C4C',\n    btnDangerHoverBorderColor: '#FE4C4C',\n\n    btnDangerActiveBg: '#CC2626',\n    btnDangerActiveBorderColor: '#CC2626',\n\n    calendarCellWeekendColor: '#FE6C6C',\n\n    fileUploaderBorderColorError: '#ED3F3F',\n\n    inputBorderColorError: '#FE6C6C',\n\n    validationsTextColorError: '#ED3F3F',\n    // error background for button use=link\n    btnErrorSecondary: '#AB0D0D',\n  },\n  THEME_2022_DARK,\n);\n"]}

package/lib/theming/themes/Theme2022DarkUpdate2024/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/Theme2022DarkUpdate2024.js",
+  "module": "Theme2022DarkUpdate2024",
+  "types": "../Theme2022DarkUpdate2024.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/Theme2022DarkUpdate2024.d.ts

@@ -0,0 +1,30 @@
+export declare const THEME_2022_DARK_UPDATE_2024: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    green: string;
+    greenDark: string;
+    red: string;
+    redDark: string;
+    errorMain: string;
+    linkSuccessColor: string;
+    linkSuccessHoverColor: string;
+    linkSuccessActiveColor: string;
+    linkDangerColor: string;
+    linkDangerHoverColor: string;
+    linkDangerActiveColor: string;
+    btnSuccessBg: string;
+    btnSuccessBorderColor: string;
+    btnSuccessHoverBg: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveBorderColor: string;
+    btnDangerBg: string;
+    btnDangerBorderColor: string;
+    btnDangerHoverBg: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveBorderColor: string;
+    calendarCellWeekendColor: string;
+    fileUploaderBorderColorError: string;
+    inputBorderColorError: string;
+    validationsTextColorError: string;
+    btnErrorSecondary: string;
+}>;

package/lib/theming/themes/Theme2022Update2024/Theme2022Update2024.js

@@ -0,0 +1,50 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { THEME_2022 } from "../Theme2022";
+export var THEME_2022_UPDATE_2024 = ThemeFactory.create({
+  green: '#1C8A3F',
+  greenXxLight: '#C7F9CC',
+  greenDark: '#197F39',
+  red: '#DD3333',
+  redXxLight: '#FFEBEB',
+  redDark: '#CC2626',
+  errorMain: '#FE4C4C',
+  errorText: '#CC2626',
+  linkSuccessColor: '#1C8A3F',
+  linkSuccessHoverColor: '#197F39',
+  linkSuccessActiveColor: '#167333',
+  linkDangerColor: '#CC2626',
+  linkDangerHoverColor: '#BB1919',
+  linkDangerActiveColor: '#AB0D0D',
+  btnSuccessBg: '#26AD50',
+  btnSuccessBorderColor: '#26AD50',
+  btnSuccessHoverBg: '#23A14A',
+  btnSuccessHoverBorderColor: '#23A14A',
+  btnSuccessActiveBg: '#209644',
+  btnSuccessActiveBorderColor: '#209644',
+  btnDangerBg: '#FE4C4C',
+  btnDangerBorderColor: '#FE4C4C',
+  btnDangerHoverBg: '#ED3F3F',
+  btnDangerHoverBorderColor: '#ED3F3F',
+  btnDangerActiveBg: '#DD3333',
+  btnDangerActiveBorderColor: '#DD3333',
+  calendarCellWeekendColor: '#CC2626',
+  inputBorderColorError: '#DD3333',
+  validationsTextColorError: '#CC2626',
+  // error background for button use=link
+  btnErrorSecondary: '#FFEBEB',
+  // disabled colors
+  btnDisabledTextColor: '#ADADAD',
+  inputIconColorDisabled: '#ADADAD',
+  inputTextColorDisabled: '#ADADAD',
+  inputPlaceholderColorDisabled: '#ADADAD',
+  textareaTextColorDisabled: '#ADADAD',
+  textareaPlaceholderColorDisabled: '#ADADAD',
+  tokenTextColorDisabled: '#ADADAD',
+  selectPlaceholderColorDisabled: '#ADADAD',
+  selectMenuArrowColorDisabled: '#ADADAD',
+  menuItemDisabledColor: '#ADADAD',
+  linkDisabledColor: '#ADADAD',
+  fileUploaderDisabledTextColor: '#ADADAD',
+  fileUploaderDisabledLinkColor: '#ADADAD',
+  fileUploaderDisabledIconColor: '#ADADAD'
+}, THEME_2022);

package/lib/theming/themes/Theme2022Update2024/Theme2022Update2024.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022Update2024.ts"],"names":["ThemeFactory","THEME_2022","THEME_2022_UPDATE_2024","create","green","greenXxLight","greenDark","red","redXxLight","redDark","errorMain","errorText","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnSuccessBg","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","calendarCellWeekendColor","inputBorderColorError","validationsTextColorError","btnErrorSecondary","btnDisabledTextColor","inputIconColorDisabled","inputTextColorDisabled","inputPlaceholderColorDisabled","textareaTextColorDisabled","textareaPlaceholderColorDisabled","tokenTextColorDisabled","selectPlaceholderColorDisabled","selectMenuArrowColorDisabled","menuItemDisabledColor","linkDisabledColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,SAASC,UAAT,QAA2B,aAA3B;;AAEA,OAAO,IAAMC,sBAAsB,GAAGF,YAAY,CAACG,MAAb;AACpC;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,YAAY,EAAE,SAFhB;AAGEC,EAAAA,SAAS,EAAE,SAHb;;AAKEC,EAAAA,GAAG,EAAE,SALP;AAMEC,EAAAA,UAAU,EAAE,SANd;AAOEC,EAAAA,OAAO,EAAE,SAPX;;AASEC,EAAAA,SAAS,EAAE,SATb;AAUEC,EAAAA,SAAS,EAAE,SAVb;;AAYEC,EAAAA,gBAAgB,EAAE,SAZpB;AAaEC,EAAAA,qBAAqB,EAAE,SAbzB;AAcEC,EAAAA,sBAAsB,EAAE,SAd1B;;AAgBEC,EAAAA,eAAe,EAAE,SAhBnB;AAiBEC,EAAAA,oBAAoB,EAAE,SAjBxB;AAkBEC,EAAAA,qBAAqB,EAAE,SAlBzB;;AAoBEC,EAAAA,YAAY,EAAE,SApBhB;AAqBEC,EAAAA,qBAAqB,EAAE,SArBzB;;AAuBEC,EAAAA,iBAAiB,EAAE,SAvBrB;AAwBEC,EAAAA,0BAA0B,EAAE,SAxB9B;;AA0BEC,EAAAA,kBAAkB,EAAE,SA1BtB;AA2BEC,EAAAA,2BAA2B,EAAE,SA3B/B;;AA6BEC,EAAAA,WAAW,EAAE,SA7Bf;AA8BEC,EAAAA,oBAAoB,EAAE,SA9BxB;;AAgCEC,EAAAA,gBAAgB,EAAE,SAhCpB;AAiCEC,EAAAA,yBAAyB,EAAE,SAjC7B;;AAmCEC,EAAAA,iBAAiB,EAAE,SAnCrB;AAoCEC,EAAAA,0BAA0B,EAAE,SApC9B;;AAsCEC,EAAAA,wBAAwB,EAAE,SAtC5B;;AAwCEC,EAAAA,qBAAqB,EAAE,SAxCzB;;AA0CEC,EAAAA,yBAAyB,EAAE,SA1C7B;AA2CE;AACAC,EAAAA,iBAAiB,EAAE,SA5CrB;;AA8CE;AACAC,EAAAA,oBAAoB,EAAE,SA/CxB;;AAiDEC,EAAAA,sBAAsB,EAAE,SAjD1B;AAkDEC,EAAAA,sBAAsB,EAAE,SAlD1B;AAmDEC,EAAAA,6BAA6B,EAAE,SAnDjC;;AAqDEC,EAAAA,yBAAyB,EAAE,SArD7B;AAsDEC,EAAAA,gCAAgC,EAAE,SAtDpC;;AAwDEC,EAAAA,sBAAsB,EAAE,SAxD1B;;AA0DEC,EAAAA,8BAA8B,EAAE,SA1DlC;AA2DEC,EAAAA,4BAA4B,EAAE,SA3DhC;;AA6DEC,EAAAA,qBAAqB,EAAE,SA7DzB;;AA+DEC,EAAAA,iBAAiB,EAAE,SA/DrB;;AAiEEC,EAAAA,6BAA6B,EAAE,SAjEjC;AAkEEC,EAAAA,6BAA6B,EAAE,SAlEjC;AAmEEC,EAAAA,6BAA6B,EAAE,SAnEjC,EADoC;;AAsEpC9C,UAtEoC,CAA/B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { THEME_2022 } from './Theme2022';\n\nexport const THEME_2022_UPDATE_2024 = ThemeFactory.create(\n  {\n    green: '#1C8A3F',\n    greenXxLight: '#C7F9CC',\n    greenDark: '#197F39',\n\n    red: '#DD3333',\n    redXxLight: '#FFEBEB',\n    redDark: '#CC2626',\n\n    errorMain: '#FE4C4C',\n    errorText: '#CC2626',\n\n    linkSuccessColor: '#1C8A3F',\n    linkSuccessHoverColor: '#197F39',\n    linkSuccessActiveColor: '#167333',\n\n    linkDangerColor: '#CC2626',\n    linkDangerHoverColor: '#BB1919',\n    linkDangerActiveColor: '#AB0D0D',\n\n    btnSuccessBg: '#26AD50',\n    btnSuccessBorderColor: '#26AD50',\n\n    btnSuccessHoverBg: '#23A14A',\n    btnSuccessHoverBorderColor: '#23A14A',\n\n    btnSuccessActiveBg: '#209644',\n    btnSuccessActiveBorderColor: '#209644',\n\n    btnDangerBg: '#FE4C4C',\n    btnDangerBorderColor: '#FE4C4C',\n\n    btnDangerHoverBg: '#ED3F3F',\n    btnDangerHoverBorderColor: '#ED3F3F',\n\n    btnDangerActiveBg: '#DD3333',\n    btnDangerActiveBorderColor: '#DD3333',\n\n    calendarCellWeekendColor: '#CC2626',\n\n    inputBorderColorError: '#DD3333',\n\n    validationsTextColorError: '#CC2626',\n    // error background for button use=link\n    btnErrorSecondary: '#FFEBEB',\n\n    // disabled colors\n    btnDisabledTextColor: '#ADADAD',\n\n    inputIconColorDisabled: '#ADADAD',\n    inputTextColorDisabled: '#ADADAD',\n    inputPlaceholderColorDisabled: '#ADADAD',\n\n    textareaTextColorDisabled: '#ADADAD',\n    textareaPlaceholderColorDisabled: '#ADADAD',\n\n    tokenTextColorDisabled: '#ADADAD',\n\n    selectPlaceholderColorDisabled: '#ADADAD',\n    selectMenuArrowColorDisabled: '#ADADAD',\n\n    menuItemDisabledColor: '#ADADAD',\n\n    linkDisabledColor: '#ADADAD',\n\n    fileUploaderDisabledTextColor: '#ADADAD',\n    fileUploaderDisabledLinkColor: '#ADADAD',\n    fileUploaderDisabledIconColor: '#ADADAD',\n  },\n  THEME_2022,\n);\n"]}

package/lib/theming/themes/Theme2022Update2024/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/Theme2022Update2024.js",
+  "module": "Theme2022Update2024",
+  "types": "../Theme2022Update2024.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/Theme2022Update2024.d.ts

@@ -0,0 +1,46 @@
+export declare const THEME_2022_UPDATE_2024: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    green: string;
+    greenXxLight: string;
+    greenDark: string;
+    red: string;
+    redXxLight: string;
+    redDark: string;
+    errorMain: string;
+    errorText: string;
+    linkSuccessColor: string;
+    linkSuccessHoverColor: string;
+    linkSuccessActiveColor: string;
+    linkDangerColor: string;
+    linkDangerHoverColor: string;
+    linkDangerActiveColor: string;
+    btnSuccessBg: string;
+    btnSuccessBorderColor: string;
+    btnSuccessHoverBg: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveBorderColor: string;
+    btnDangerBg: string;
+    btnDangerBorderColor: string;
+    btnDangerHoverBg: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveBorderColor: string;
+    calendarCellWeekendColor: string;
+    inputBorderColorError: string;
+    validationsTextColorError: string;
+    btnErrorSecondary: string;
+    btnDisabledTextColor: string;
+    inputIconColorDisabled: string;
+    inputTextColorDisabled: string;
+    inputPlaceholderColorDisabled: string;
+    textareaTextColorDisabled: string;
+    textareaPlaceholderColorDisabled: string;
+    tokenTextColorDisabled: string;
+    selectPlaceholderColorDisabled: string;
+    selectMenuArrowColorDisabled: string;
+    menuItemDisabledColor: string;
+    linkDisabledColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
+}>;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "4.24.0",
+  "version": "4.25.0",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/4.24.0/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/4.25.0/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"