@skbkontur/react-ui 6.3.4 → 6.3.5-4fa10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/components/Autocomplete/Autocomplete.d.ts +4 -1
  2. package/components/Autocomplete/Autocomplete.js +15 -7
  3. package/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/components/Button/Button.js +9 -3
  5. package/components/Button/Button.js.map +1 -1
  6. package/components/Button/Button.styles.d.ts +3 -0
  7. package/components/Button/Button.styles.js +62 -50
  8. package/components/Button/Button.styles.js.map +1 -1
  9. package/components/Checkbox/Checkbox.d.ts +1 -0
  10. package/components/Checkbox/Checkbox.js +12 -1
  11. package/components/Checkbox/Checkbox.js.map +1 -1
  12. package/components/Checkbox/Checkbox.styles.d.ts +3 -0
  13. package/components/Checkbox/Checkbox.styles.js +27 -18
  14. package/components/Checkbox/Checkbox.styles.js.map +1 -1
  15. package/components/ComboBox/ComboBox.d.ts +5 -1
  16. package/components/ComboBox/ComboBox.js.map +1 -1
  17. package/components/DropdownMenu/DropdownMenu.d.ts +3 -0
  18. package/components/DropdownMenu/DropdownMenu.js +1 -1
  19. package/components/DropdownMenu/DropdownMenu.js.map +1 -1
  20. package/components/FileUploader/FileUploader.js +8 -3
  21. package/components/FileUploader/FileUploader.js.map +1 -1
  22. package/components/FileUploader/FileUploader.styles.d.ts +3 -0
  23. package/components/FileUploader/FileUploader.styles.js +73 -64
  24. package/components/FileUploader/FileUploader.styles.js.map +1 -1
  25. package/components/FileUploader/FileUploaderFile.styles.js +12 -12
  26. package/components/FileUploader/FileUploaderFile.styles.js.map +1 -1
  27. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js +13 -13
  28. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js.map +1 -1
  29. package/components/Input/InputLayout/InputLayout.styles.d.ts +1 -0
  30. package/components/Input/InputLayout/InputLayout.styles.js +11 -8
  31. package/components/Input/InputLayout/InputLayout.styles.js.map +1 -1
  32. package/components/Input/InputLayout/InputLayoutAsideText.js +3 -1
  33. package/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
  34. package/components/Kebab/Kebab.js +1 -1
  35. package/components/Kebab/Kebab.js.map +1 -1
  36. package/components/MenuItem/MenuItem.styles.js +3 -3
  37. package/components/MenuItem/MenuItem.styles.js.map +1 -1
  38. package/components/Radio/Radio.js +18 -22
  39. package/components/Radio/Radio.js.map +1 -1
  40. package/components/Radio/Radio.styles.js +1 -1
  41. package/components/Radio/Radio.styles.js.map +1 -1
  42. package/components/Select/Select.js +5 -4
  43. package/components/Select/Select.js.map +1 -1
  44. package/components/SidePage/SidePage.styles.d.ts +1 -0
  45. package/components/SidePage/SidePage.styles.js +19 -16
  46. package/components/SidePage/SidePage.styles.js.map +1 -1
  47. package/components/SidePage/SidePageHeader.js +3 -0
  48. package/components/SidePage/SidePageHeader.js.map +1 -1
  49. package/components/Textarea/Textarea.styles.js +4 -4
  50. package/components/Textarea/Textarea.styles.js.map +1 -1
  51. package/components/TokenInput/TokenInput.d.ts +17 -16
  52. package/components/TokenInput/TokenInput.js +202 -59
  53. package/components/TokenInput/TokenInput.js.map +1 -1
  54. package/components/TokenInput/TokenInputFailedMenu.d.ts +17 -0
  55. package/components/TokenInput/TokenInputFailedMenu.js +30 -0
  56. package/components/TokenInput/TokenInputFailedMenu.js.map +1 -0
  57. package/components/TokenInput/TokenInputMenu.d.ts +13 -2
  58. package/components/TokenInput/TokenInputMenu.js +150 -22
  59. package/components/TokenInput/TokenInputMenu.js.map +1 -1
  60. package/components/TokenInput/TokenInputMobileMenu.js +3 -2
  61. package/components/TokenInput/TokenInputMobileMenu.js.map +1 -1
  62. package/components/TokenInput/TokenInputReducer.d.ts +6 -1
  63. package/components/TokenInput/TokenInputReducer.js +14 -3
  64. package/components/TokenInput/TokenInputReducer.js.map +1 -1
  65. package/components/TokenInput/locale/locales/en.js +1 -0
  66. package/components/TokenInput/locale/locales/en.js.map +1 -1
  67. package/components/TokenInput/locale/locales/ru.js +1 -0
  68. package/components/TokenInput/locale/locales/ru.js.map +1 -1
  69. package/components/TokenInput/locale/types.d.ts +1 -0
  70. package/components/TokenInput/locale/types.js.map +1 -1
  71. package/components/TooltipMenu/TooltipMenu.d.ts +3 -0
  72. package/components/TooltipMenu/TooltipMenu.js +1 -1
  73. package/components/TooltipMenu/TooltipMenu.js.map +1 -1
  74. package/internal/CustomComboBox/ComboBoxView.d.ts +1 -0
  75. package/internal/CustomComboBox/ComboBoxView.js +8 -4
  76. package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  77. package/internal/CustomComboBox/CustomComboBox.d.ts +1 -0
  78. package/internal/CustomComboBox/CustomComboBox.js +1 -0
  79. package/internal/CustomComboBox/CustomComboBox.js.map +1 -1
  80. package/internal/Popup/Popup.js.map +1 -1
  81. package/internal/PopupMenu/PopupMenu.d.ts +4 -0
  82. package/internal/PopupMenu/PopupMenu.js +7 -4
  83. package/internal/PopupMenu/PopupMenu.js.map +1 -1
  84. package/internal/themes/BasicTheme.d.ts +36 -0
  85. package/internal/themes/BasicTheme.js +42 -0
  86. package/internal/themes/BasicTheme.js.map +1 -1
  87. package/internal/themes/DarkTheme6_0.js +1 -0
  88. package/internal/themes/DarkTheme6_0.js.map +1 -1
  89. package/internal/themes/DarkTheme6_4.d.ts +1 -0
  90. package/internal/themes/DarkTheme6_4.js +44 -0
  91. package/internal/themes/DarkTheme6_4.js.map +1 -0
  92. package/internal/themes/DarkTheme6_5.d.ts +1 -0
  93. package/internal/themes/DarkTheme6_5.js +63 -0
  94. package/internal/themes/DarkTheme6_5.js.map +1 -0
  95. package/internal/themes/LightTheme6_4.d.ts +1 -0
  96. package/internal/themes/LightTheme6_4.js +44 -0
  97. package/internal/themes/LightTheme6_4.js.map +1 -0
  98. package/internal/themes/LightTheme6_5.d.ts +1 -0
  99. package/internal/themes/LightTheme6_5.js +63 -0
  100. package/internal/themes/LightTheme6_5.js.map +1 -0
  101. package/lib/theming/ThemeVersions.d.ts +1 -1
  102. package/lib/theming/ThemeVersions.js.map +1 -1
  103. package/lib/theming/getMenuProgressiveRadius.d.ts +8 -0
  104. package/lib/theming/getMenuProgressiveRadius.js +23 -0
  105. package/lib/theming/getMenuProgressiveRadius.js.map +1 -0
  106. package/lib/theming/themes/DarkTheme.d.ts +2 -0
  107. package/lib/theming/themes/DarkTheme.js +5 -1
  108. package/lib/theming/themes/DarkTheme.js.map +1 -1
  109. package/lib/theming/themes/LightTheme.d.ts +2 -0
  110. package/lib/theming/themes/LightTheme.js +5 -1
  111. package/lib/theming/themes/LightTheme.js.map +1 -1
  112. package/package.json +1 -1
@@ -182,9 +182,22 @@ export declare class BasicThemeClass {
182
182
  static tokenInputPaddingYLarge: string;
183
183
  static tokenInputPaddingXLarge: string;
184
184
  static tokenInputPopupOffset: string;
185
+ /**
186
+ * @deprecated Не работает с версии => `6.4` и будет удалена в `7.0`.
187
+ * @see {@link tokenInputMenuOffsetY}
188
+ */
185
189
  static tokenInputPopupMarginSmall: string;
190
+ /**
191
+ * @deprecated Не работает с версии => `6.4` и будет удалена в `7.0`.
192
+ * @see {@link tokenInputMenuOffsetY}
193
+ */
186
194
  static tokenInputPopupMarginMedium: string;
195
+ /**
196
+ * @deprecated Не работает с версии => `6.4` и будет удалена в `7.0`.
197
+ * @see {@link tokenInputMenuOffsetY}
198
+ */
187
199
  static tokenInputPopupMarginLarge: string;
200
+ static get tokenInputMenuOffsetY(): string;
188
201
  static loaderBg: string;
189
202
  static loaderOpacity: string;
190
203
  static loaderBorderRadius: string;
@@ -932,6 +945,9 @@ export declare class BasicThemeClass {
932
945
  static get dropdownTextColorDisabled(): string;
933
946
  static get menuBgDefault(): string;
934
947
  static menuBorderRadius: string;
948
+ static menuBorderRadiusSmall: string;
949
+ static menuBorderRadiusMedium: string;
950
+ static menuBorderRadiusLarge: string;
935
951
  static menuBorder: string;
936
952
  static menuShadow: string;
937
953
  static menuPaddingY: string;
@@ -966,6 +982,9 @@ export declare class BasicThemeClass {
966
982
  static menuItemPaddingXLarge: string;
967
983
  static menuItemPaddingYLarge: string;
968
984
  static menuItemBorderRadius: string;
985
+ static menuItemBorderRadiusSmall: string;
986
+ static menuItemBorderRadiusMedium: string;
987
+ static menuItemBorderRadiusLarge: string;
969
988
  static menuItemCommentColor: string;
970
989
  static menuItemCommentOpacity: string;
971
990
  static menuItemCommentOpacityHover: string;
@@ -1146,6 +1165,9 @@ export declare class BasicThemeClass {
1146
1165
  static get toggleBorderColorDisabledChecked(): string;
1147
1166
  static popupBorder: string;
1148
1167
  static popupBorderRadius: string;
1168
+ static popupBorderRadiusSmall: string;
1169
+ static popupBorderRadiusMedium: string;
1170
+ static popupBorderRadiusLarge: string;
1149
1171
  static popupBorderColor: string;
1150
1172
  static popupDropShadow: string;
1151
1173
  static popupBoxShadow: string;
@@ -1207,6 +1229,7 @@ export declare class BasicThemeClass {
1207
1229
  static get inputBorderColorWarning(): string;
1208
1230
  static get inputBorderTopColor(): string;
1209
1231
  static get inputPlaceholderColor(): string;
1232
+ static inputAffixColor: string;
1210
1233
  static get inputPlaceholderColorLight(): string;
1211
1234
  static inputBlinkColor: string;
1212
1235
  static inputColorScheme: string;
@@ -1256,6 +1279,9 @@ export declare class BasicThemeClass {
1256
1279
  static get checkboxBorderColorError(): string;
1257
1280
  static get checkboxCheckedHoverShadow(): string;
1258
1281
  static checkboxBorderRadius: string;
1282
+ static checkboxBorderRadiusSmall: string;
1283
+ static checkboxBorderRadiusMedium: string;
1284
+ static checkboxBorderRadiusLarge: string;
1259
1285
  static get checkboxOutlineWidth(): string;
1260
1286
  static get checkboxCheckedShadow(): string;
1261
1287
  static get checkboxCheckedActiveShadow(): string;
@@ -1284,6 +1310,9 @@ export declare class BasicThemeClass {
1284
1310
  static get textareaLineHeightMedium(): string;
1285
1311
  static get textareaLineHeightLarge(): string;
1286
1312
  static textareaBorderRadius: string;
1313
+ static textareaBorderRadiusSmall: string;
1314
+ static textareaBorderRadiusMedium: string;
1315
+ static textareaBorderRadiusLarge: string;
1287
1316
  static get textareaBorderWidth(): string;
1288
1317
  static get textareaOutlineWidth(): string;
1289
1318
  static get textareaMinHeightSmall(): string;
@@ -1356,6 +1385,7 @@ export declare class BasicThemeClass {
1356
1385
  static get radioCheckedBulletColor(): string;
1357
1386
  static get radioCheckedHoverBgColor(): string;
1358
1387
  static get radioDisabledBg(): string;
1388
+ static radioDisabledBorderColor: string;
1359
1389
  static get radioDisabledShadow(): string;
1360
1390
  /**
1361
1391
  * @deprecated Не используется. Будет удалена в `7.0`.
@@ -1526,6 +1556,12 @@ export declare class BasicThemeClass {
1526
1556
  static get fileUploaderLineHeightLarge(): string;
1527
1557
  static get fileUploaderTextColorDefault(): string;
1528
1558
  static fileUploaderBorderRadius: string;
1559
+ static fileUploaderBorderRadiusSmall: string;
1560
+ static fileUploaderBorderRadiusMedium: string;
1561
+ static fileUploaderBorderRadiusLarge: string;
1562
+ static fileUploaderFileBorderRadiusSmall: string;
1563
+ static fileUploaderFileBorderRadiusMedium: string;
1564
+ static fileUploaderFileBorderRadiusLarge: string;
1529
1565
  static fileUploaderBorderColor: string;
1530
1566
  static get fileUploaderBorderWidth(): string;
1531
1567
  static get fileUploaderDisabledBorder(): string;
@@ -292,6 +292,13 @@ var BasicThemeClass = /** @class */ (function () {
292
292
  enumerable: false,
293
293
  configurable: true
294
294
  });
295
+ Object.defineProperty(BasicThemeClass, "tokenInputMenuOffsetY", {
296
+ get: function () {
297
+ return this.menuOffsetY;
298
+ },
299
+ enumerable: false,
300
+ configurable: true
301
+ });
295
302
  Object.defineProperty(BasicThemeClass, "btnCheckedDisabledBorderColor", {
296
303
  get: function () {
297
304
  return this.btnCheckedDisabledBg;
@@ -4163,8 +4170,20 @@ var BasicThemeClass = /** @class */ (function () {
4163
4170
  BasicThemeClass.tokenInputPaddingYLarge = '5px';
4164
4171
  BasicThemeClass.tokenInputPaddingXLarge = '4px';
4165
4172
  BasicThemeClass.tokenInputPopupOffset = '2px';
4173
+ /**
4174
+ * @deprecated Не работает с версии => `6.4` и будет удалена в `7.0`.
4175
+ * @see {@link tokenInputMenuOffsetY}
4176
+ */
4166
4177
  BasicThemeClass.tokenInputPopupMarginSmall = '7px';
4178
+ /**
4179
+ * @deprecated Не работает с версии => `6.4` и будет удалена в `7.0`.
4180
+ * @see {@link tokenInputMenuOffsetY}
4181
+ */
4167
4182
  BasicThemeClass.tokenInputPopupMarginMedium = '10px';
4183
+ /**
4184
+ * @deprecated Не работает с версии => `6.4` и будет удалена в `7.0`.
4185
+ * @see {@link tokenInputMenuOffsetY}
4186
+ */
4168
4187
  BasicThemeClass.tokenInputPopupMarginLarge = '13px';
4169
4188
  //#endregion TokenInput
4170
4189
  //#region Loader
@@ -4653,6 +4672,9 @@ var BasicThemeClass = /** @class */ (function () {
4653
4672
  BasicThemeClass.dropdownButtonBorderRadiusMedium = '8px';
4654
4673
  BasicThemeClass.dropdownButtonBorderRadiusLarge = '8px';
4655
4674
  BasicThemeClass.menuBorderRadius = '8px';
4675
+ BasicThemeClass.menuBorderRadiusSmall = '8px';
4676
+ BasicThemeClass.menuBorderRadiusMedium = '8px';
4677
+ BasicThemeClass.menuBorderRadiusLarge = '8px';
4656
4678
  BasicThemeClass.menuBorder = 'none';
4657
4679
  BasicThemeClass.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
4658
4680
  BasicThemeClass.menuPaddingY = '0px';
@@ -4676,6 +4698,9 @@ var BasicThemeClass = /** @class */ (function () {
4676
4698
  BasicThemeClass.menuItemPaddingXLarge = '16px';
4677
4699
  BasicThemeClass.menuItemPaddingYLarge = '12px';
4678
4700
  BasicThemeClass.menuItemBorderRadius = '6px';
4701
+ BasicThemeClass.menuItemBorderRadiusSmall = '6px';
4702
+ BasicThemeClass.menuItemBorderRadiusMedium = '6px';
4703
+ BasicThemeClass.menuItemBorderRadiusLarge = '6px';
4679
4704
  BasicThemeClass.menuItemCommentColor = colors.textNeutralSoft;
4680
4705
  BasicThemeClass.menuItemCommentOpacity = '1';
4681
4706
  BasicThemeClass.menuItemCommentOpacityHover = '0.6';
@@ -4774,6 +4799,9 @@ var BasicThemeClass = /** @class */ (function () {
4774
4799
  //#region Popup
4775
4800
  BasicThemeClass.popupBorder = 'none';
4776
4801
  BasicThemeClass.popupBorderRadius = '8px';
4802
+ BasicThemeClass.popupBorderRadiusSmall = '8px';
4803
+ BasicThemeClass.popupBorderRadiusMedium = '8px';
4804
+ BasicThemeClass.popupBorderRadiusLarge = '8px';
4777
4805
  BasicThemeClass.popupBorderColor = 'transparent';
4778
4806
  BasicThemeClass.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';
4779
4807
  BasicThemeClass.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
@@ -4805,6 +4833,7 @@ var BasicThemeClass = /** @class */ (function () {
4805
4833
  BasicThemeClass.inputDisabledBackgroundClip = 'padding-box';
4806
4834
  BasicThemeClass.inputBorderColor = colors.lineNeutralPale;
4807
4835
  BasicThemeClass.inputBorderColorHover = colors.lineNeutralPaleHover;
4836
+ BasicThemeClass.inputAffixColor = colors.textNeutralSoft;
4808
4837
  BasicThemeClass.inputBlinkColor = colors.shapeFaintNeutralAlpha;
4809
4838
  BasicThemeClass.inputColorScheme = 'light';
4810
4839
  BasicThemeClass.inputCounterColor = colors.textNeutralSoft;
@@ -4826,6 +4855,9 @@ var BasicThemeClass = /** @class */ (function () {
4826
4855
  BasicThemeClass.checkboxBorder = 'none';
4827
4856
  BasicThemeClass.checkboxCheckedColor = colors.shapeInvertedNeutralHeavy;
4828
4857
  BasicThemeClass.checkboxBorderRadius = '4px';
4858
+ BasicThemeClass.checkboxBorderRadiusSmall = '4px';
4859
+ BasicThemeClass.checkboxBorderRadiusMedium = '4px';
4860
+ BasicThemeClass.checkboxBorderRadiusLarge = '4px';
4829
4861
  BasicThemeClass.checkboxBg = colors.shapeOtherField;
4830
4862
  BasicThemeClass.checkboxHoverBg = colors.shapeOtherFieldHover;
4831
4863
  BasicThemeClass.checkboxActiveBg = colors.shapeOtherFieldPressed;
@@ -4840,6 +4872,9 @@ var BasicThemeClass = /** @class */ (function () {
4840
4872
  BasicThemeClass.textareaBorderColor = colors.lineNeutralPale;
4841
4873
  BasicThemeClass.textareaBackgroundClip = 'padding-box';
4842
4874
  BasicThemeClass.textareaBorderRadius = '2px';
4875
+ BasicThemeClass.textareaBorderRadiusSmall = '2px';
4876
+ BasicThemeClass.textareaBorderRadiusMedium = '2px';
4877
+ BasicThemeClass.textareaBorderRadiusLarge = '2px';
4843
4878
  BasicThemeClass.textareaPaddingXSmall = '7px';
4844
4879
  BasicThemeClass.textareaPaddingXMedium = '11px';
4845
4880
  BasicThemeClass.textareaPaddingXLarge = '15px';
@@ -4868,6 +4903,7 @@ var BasicThemeClass = /** @class */ (function () {
4868
4903
  BasicThemeClass.radioHoverShadow = 'none';
4869
4904
  BasicThemeClass.radioActiveShadow = 'none';
4870
4905
  BasicThemeClass.radioCheckedBorderColor = 'transparent';
4906
+ BasicThemeClass.radioDisabledBorderColor = 'transparent';
4871
4907
  /**
4872
4908
  * @deprecated Не используется. Будет удалена в `7.0`.
4873
4909
  */
@@ -4984,6 +5020,12 @@ var BasicThemeClass = /** @class */ (function () {
4984
5020
  BasicThemeClass.fileUploaderTileIconActionPaddingMedium = '6px';
4985
5021
  BasicThemeClass.fileUploaderTileIconActionPaddingLarge = '8px';
4986
5022
  BasicThemeClass.fileUploaderBorderRadius = '8px';
5023
+ BasicThemeClass.fileUploaderBorderRadiusSmall = '8px';
5024
+ BasicThemeClass.fileUploaderBorderRadiusMedium = '8px';
5025
+ BasicThemeClass.fileUploaderBorderRadiusLarge = '8px';
5026
+ BasicThemeClass.fileUploaderFileBorderRadiusSmall = '8px';
5027
+ BasicThemeClass.fileUploaderFileBorderRadiusMedium = '8px';
5028
+ BasicThemeClass.fileUploaderFileBorderRadiusLarge = '8px';
4987
5029
  BasicThemeClass.fileUploaderBorderColor = colors.lineNeutralPale;
4988
5030
  BasicThemeClass.fileUploaderBorderStyle = 'dashed';
4989
5031
  BasicThemeClass.fileUploaderIconSize = '14px';