@skbkontur/react-ui 6.1.6 → 6.1.7-f9746.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 (33) hide show
  1. package/components/Checkbox/Checkbox.d.ts +5 -0
  2. package/components/Checkbox/Checkbox.js +42 -21
  3. package/components/Checkbox/Checkbox.js.map +1 -1
  4. package/components/Checkbox/Checkbox.mixins.d.ts +2 -0
  5. package/components/Checkbox/Checkbox.mixins.js +6 -0
  6. package/components/Checkbox/Checkbox.mixins.js.map +1 -1
  7. package/components/Checkbox/Checkbox.styles.d.ts +7 -0
  8. package/components/Checkbox/Checkbox.styles.js +23 -2
  9. package/components/Checkbox/Checkbox.styles.js.map +1 -1
  10. package/components/Radio/Radio.d.ts +4 -0
  11. package/components/Radio/Radio.js +20 -1
  12. package/components/Radio/Radio.js.map +1 -1
  13. package/components/Radio/Radio.mixins.d.ts +2 -0
  14. package/components/Radio/Radio.mixins.js +6 -0
  15. package/components/Radio/Radio.mixins.js.map +1 -1
  16. package/components/Radio/Radio.styles.d.ts +6 -0
  17. package/components/Radio/Radio.styles.js +22 -4
  18. package/components/Radio/Radio.styles.js.map +1 -1
  19. package/components/Toggle/Toggle.d.ts +5 -0
  20. package/components/Toggle/Toggle.js +46 -22
  21. package/components/Toggle/Toggle.js.map +1 -1
  22. package/components/Toggle/Toggle.mixins.d.ts +2 -0
  23. package/components/Toggle/Toggle.mixins.js +6 -0
  24. package/components/Toggle/Toggle.mixins.js.map +1 -1
  25. package/components/Toggle/Toggle.styles.d.ts +9 -0
  26. package/components/Toggle/Toggle.styles.js +29 -2
  27. package/components/Toggle/Toggle.styles.js.map +1 -1
  28. package/internal/themes/BasicTheme.d.ts +31 -0
  29. package/internal/themes/BasicTheme.js +157 -0
  30. package/internal/themes/BasicTheme.js.map +1 -1
  31. package/internal/themes/DarkTheme6_0.js +1 -0
  32. package/internal/themes/DarkTheme6_0.js.map +1 -1
  33. package/package.json +1 -1
@@ -2285,6 +2285,55 @@ var BasicThemeClass = /** @class */ (function () {
2285
2285
  enumerable: false,
2286
2286
  configurable: true
2287
2287
  });
2288
+ Object.defineProperty(BasicThemeClass, "toggleCommentFontSizeSmall", {
2289
+ get: function () {
2290
+ return this.commentFontSizeSmall;
2291
+ },
2292
+ enumerable: false,
2293
+ configurable: true
2294
+ });
2295
+ Object.defineProperty(BasicThemeClass, "toggleCommentFontSizeMedium", {
2296
+ get: function () {
2297
+ return this.commentFontSizeMedium;
2298
+ },
2299
+ enumerable: false,
2300
+ configurable: true
2301
+ });
2302
+ Object.defineProperty(BasicThemeClass, "toggleCommentFontSizeLarge", {
2303
+ get: function () {
2304
+ return this.commentFontSizeLarge;
2305
+ },
2306
+ enumerable: false,
2307
+ configurable: true
2308
+ });
2309
+ Object.defineProperty(BasicThemeClass, "toggleCommentLineHeightSmall", {
2310
+ get: function () {
2311
+ return this.commentLineHeightSmall;
2312
+ },
2313
+ enumerable: false,
2314
+ configurable: true
2315
+ });
2316
+ Object.defineProperty(BasicThemeClass, "toggleCommentLineHeightMedium", {
2317
+ get: function () {
2318
+ return this.commentLineHeightMedium;
2319
+ },
2320
+ enumerable: false,
2321
+ configurable: true
2322
+ });
2323
+ Object.defineProperty(BasicThemeClass, "toggleCommentLineHeightLarge", {
2324
+ get: function () {
2325
+ return this.commentLineHeightLarge;
2326
+ },
2327
+ enumerable: false,
2328
+ configurable: true
2329
+ });
2330
+ Object.defineProperty(BasicThemeClass, "toggleCommentTextColor", {
2331
+ get: function () {
2332
+ return this.commentTextColor;
2333
+ },
2334
+ enumerable: false,
2335
+ configurable: true
2336
+ });
2288
2337
  Object.defineProperty(BasicThemeClass, "toggleOutlineColorFocus", {
2289
2338
  get: function () {
2290
2339
  return this.outlineColorFocus;
@@ -2599,6 +2648,55 @@ var BasicThemeClass = /** @class */ (function () {
2599
2648
  enumerable: false,
2600
2649
  configurable: true
2601
2650
  });
2651
+ Object.defineProperty(BasicThemeClass, "checkboxCommentFontSizeSmall", {
2652
+ get: function () {
2653
+ return this.commentFontSizeSmall;
2654
+ },
2655
+ enumerable: false,
2656
+ configurable: true
2657
+ });
2658
+ Object.defineProperty(BasicThemeClass, "checkboxCommentFontSizeMedium", {
2659
+ get: function () {
2660
+ return this.commentFontSizeMedium;
2661
+ },
2662
+ enumerable: false,
2663
+ configurable: true
2664
+ });
2665
+ Object.defineProperty(BasicThemeClass, "checkboxCommentFontSizeLarge", {
2666
+ get: function () {
2667
+ return this.commentFontSizeLarge;
2668
+ },
2669
+ enumerable: false,
2670
+ configurable: true
2671
+ });
2672
+ Object.defineProperty(BasicThemeClass, "checkboxCommentLineHeightSmall", {
2673
+ get: function () {
2674
+ return this.commentLineHeightSmall;
2675
+ },
2676
+ enumerable: false,
2677
+ configurable: true
2678
+ });
2679
+ Object.defineProperty(BasicThemeClass, "checkboxCommentLineHeightMedium", {
2680
+ get: function () {
2681
+ return this.commentLineHeightMedium;
2682
+ },
2683
+ enumerable: false,
2684
+ configurable: true
2685
+ });
2686
+ Object.defineProperty(BasicThemeClass, "checkboxCommentLineHeightLarge", {
2687
+ get: function () {
2688
+ return this.commentLineHeightLarge;
2689
+ },
2690
+ enumerable: false,
2691
+ configurable: true
2692
+ });
2693
+ Object.defineProperty(BasicThemeClass, "checkboxCommentTextColor", {
2694
+ get: function () {
2695
+ return this.commentTextColor;
2696
+ },
2697
+ enumerable: false,
2698
+ configurable: true
2699
+ });
2602
2700
  Object.defineProperty(BasicThemeClass, "checkboxPaddingYSmall", {
2603
2701
  get: function () {
2604
2702
  var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
@@ -2980,6 +3078,55 @@ var BasicThemeClass = /** @class */ (function () {
2980
3078
  enumerable: false,
2981
3079
  configurable: true
2982
3080
  });
3081
+ Object.defineProperty(BasicThemeClass, "radioCommentFontSizeSmall", {
3082
+ get: function () {
3083
+ return this.commentFontSizeSmall;
3084
+ },
3085
+ enumerable: false,
3086
+ configurable: true
3087
+ });
3088
+ Object.defineProperty(BasicThemeClass, "radioCommentFontSizeMedium", {
3089
+ get: function () {
3090
+ return this.commentFontSizeMedium;
3091
+ },
3092
+ enumerable: false,
3093
+ configurable: true
3094
+ });
3095
+ Object.defineProperty(BasicThemeClass, "radioCommentFontSizeLarge", {
3096
+ get: function () {
3097
+ return this.commentFontSizeLarge;
3098
+ },
3099
+ enumerable: false,
3100
+ configurable: true
3101
+ });
3102
+ Object.defineProperty(BasicThemeClass, "radioCommentLineHeightSmall", {
3103
+ get: function () {
3104
+ return this.commentLineHeightSmall;
3105
+ },
3106
+ enumerable: false,
3107
+ configurable: true
3108
+ });
3109
+ Object.defineProperty(BasicThemeClass, "radioCommentLineHeightMedium", {
3110
+ get: function () {
3111
+ return this.commentLineHeightMedium;
3112
+ },
3113
+ enumerable: false,
3114
+ configurable: true
3115
+ });
3116
+ Object.defineProperty(BasicThemeClass, "radioCommentLineHeightLarge", {
3117
+ get: function () {
3118
+ return this.commentLineHeightLarge;
3119
+ },
3120
+ enumerable: false,
3121
+ configurable: true
3122
+ });
3123
+ Object.defineProperty(BasicThemeClass, "radioCommentTextColor", {
3124
+ get: function () {
3125
+ return this.commentTextColor;
3126
+ },
3127
+ enumerable: false,
3128
+ configurable: true
3129
+ });
2983
3130
  Object.defineProperty(BasicThemeClass, "radioPaddingYSmall", {
2984
3131
  get: function () {
2985
3132
  var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
@@ -3867,6 +4014,13 @@ var BasicThemeClass = /** @class */ (function () {
3867
4014
  BasicThemeClass.mobileMediaQuery = '(max-width: 576px)';
3868
4015
  BasicThemeClass.transitionDuration = '100ms';
3869
4016
  BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)';
4017
+ BasicThemeClass.commentFontSizeSmall = '12px';
4018
+ BasicThemeClass.commentFontSizeMedium = '14px';
4019
+ BasicThemeClass.commentFontSizeLarge = '16px';
4020
+ BasicThemeClass.commentLineHeightSmall = '16px';
4021
+ BasicThemeClass.commentLineHeightMedium = '20px';
4022
+ BasicThemeClass.commentLineHeightLarge = '22px';
4023
+ BasicThemeClass.commentTextColor = colors.textNeutralSoft;
3870
4024
  //#endregion Common variables
3871
4025
  //#region Link
3872
4026
  BasicThemeClass.linkColor = colors.textAccentHeavy;
@@ -4617,6 +4771,9 @@ var BasicThemeClass = /** @class */ (function () {
4617
4771
  BasicThemeClass.radioHoverShadow = 'none';
4618
4772
  BasicThemeClass.radioActiveShadow = 'none';
4619
4773
  BasicThemeClass.radioCheckedBorderColor = 'transparent';
4774
+ /**
4775
+ * @deprecated Не используется. Будет удалена в `7.0`.
4776
+ */
4620
4777
  BasicThemeClass.radioCaptionDisplay = 'inline-flex';
4621
4778
  BasicThemeClass.radioBorderWidthCompensation = '0px';
4622
4779
  BasicThemeClass.radioCircleOffsetY = '1px';