@salutejs/plasma-new-hope 0.337.0-canary.2237.17801180282.0 → 0.337.0-canary.2237.17941275054.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 (53) hide show
  1. package/cjs/components/Modal/Modal.js +4 -2
  2. package/cjs/components/Modal/Modal.js.map +1 -1
  3. package/cjs/hooks/useFocusTrap.js +11 -5
  4. package/cjs/hooks/useFocusTrap.js.map +1 -1
  5. package/cjs/utils/scopeTab.js +2 -2
  6. package/cjs/utils/scopeTab.js.map +1 -1
  7. package/emotion/cjs/components/Modal/Modal.js +3 -2
  8. package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
  9. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  10. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  11. package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
  12. package/emotion/cjs/hooks/useFocusTrap.js +12 -5
  13. package/emotion/cjs/utils/scopeTab.js +2 -2
  14. package/emotion/es/components/Modal/Modal.js +3 -2
  15. package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
  16. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  17. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  18. package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
  19. package/emotion/es/hooks/useFocusTrap.js +12 -5
  20. package/emotion/es/utils/scopeTab.js +2 -2
  21. package/es/components/Modal/Modal.js +4 -2
  22. package/es/components/Modal/Modal.js.map +1 -1
  23. package/es/hooks/useFocusTrap.js +11 -5
  24. package/es/hooks/useFocusTrap.js.map +1 -1
  25. package/es/utils/scopeTab.js +2 -2
  26. package/es/utils/scopeTab.js.map +1 -1
  27. package/package.json +5 -5
  28. package/styled-components/cjs/components/Modal/Modal.js +3 -2
  29. package/styled-components/cjs/examples/components/Chip/Chip.config.js +6 -6
  30. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -4
  31. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  32. package/styled-components/cjs/examples/components/Select/Select.config.js +1 -1
  33. package/styled-components/cjs/examples/components/TextField/TextField.config.js +7 -6
  34. package/styled-components/cjs/hooks/useFocusTrap.js +12 -5
  35. package/styled-components/cjs/utils/scopeTab.js +2 -2
  36. package/styled-components/es/components/Modal/Modal.js +3 -2
  37. package/styled-components/es/examples/components/Chip/Chip.config.js +6 -6
  38. package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -4
  39. package/styled-components/es/examples/components/Select/Select.config.js +1 -1
  40. package/styled-components/es/examples/components/TextField/TextField.config.js +7 -6
  41. package/styled-components/es/hooks/useFocusTrap.js +12 -5
  42. package/styled-components/es/utils/scopeTab.js +2 -2
  43. package/types/components/Avatar/Avatar.types.d.ts +26 -1
  44. package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
  45. package/types/components/Modal/Modal.d.ts.map +1 -1
  46. package/types/components/Modal/Modal.types.d.ts +5 -0
  47. package/types/components/Modal/Modal.types.d.ts.map +1 -1
  48. package/types/examples/components/Avatar/Avatar.d.ts +4 -4
  49. package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
  50. package/types/hooks/useFocusTrap.d.ts +1 -1
  51. package/types/hooks/useFocusTrap.d.ts.map +1 -1
  52. package/types/utils/scopeTab.d.ts +1 -1
  53. package/types/utils/scopeTab.d.ts.map +1 -1
@@ -21,7 +21,7 @@ export var config = {
21
21
  ":var(--surface-solid-default);",
22
22
  ":var(--inverse-text-primary);",
23
23
  ":var(--inverse-text-secondary);",
24
- ":var(--inverse-text-primary);"
24
+ ":var(--inverse-text-secondary-hover);"
25
25
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
26
26
  secondary: css([
27
27
  "",
@@ -36,7 +36,7 @@ export var config = {
36
36
  ":var(--surface-transparent-secondary);",
37
37
  ":var(--text-primary);",
38
38
  ":var(--text-secondary);",
39
- ":var(--text-primary);"
39
+ ":var(--text-secondary-hover);"
40
40
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
41
41
  accent: css([
42
42
  "",
@@ -51,7 +51,7 @@ export var config = {
51
51
  ":var(--surface-accent);",
52
52
  ":var(--on-dark-text-primary);",
53
53
  ":var(--on-dark-text-secondary);",
54
- ":var(--on-dark-text-primary);"
54
+ ":var(--on-dark-text-secondary-hover);"
55
55
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
56
56
  positive: css([
57
57
  "",
@@ -66,7 +66,7 @@ export var config = {
66
66
  ":var(--surface-positive);",
67
67
  ":var(--on-dark-text-primary);",
68
68
  ":var(--on-dark-text-secondary);",
69
- ":var(--on-dark-text-primary);"
69
+ ":var(--on-dark-text-secondary-hover);"
70
70
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
71
71
  warning: css([
72
72
  "",
@@ -81,7 +81,7 @@ export var config = {
81
81
  ":var(--surface-warning);",
82
82
  ":var(--on-dark-text-primary);",
83
83
  ":var(--on-dark-text-secondary);",
84
- ":var(--on-dark-text-primary);"
84
+ ":var(--on-dark-text-secondary-hover);"
85
85
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
86
86
  negative: css([
87
87
  "",
@@ -96,7 +96,7 @@ export var config = {
96
96
  ":var(--surface-negative);",
97
97
  ":var(--on-dark-text-primary);",
98
98
  ":var(--on-dark-text-secondary);",
99
- ":var(--on-dark-text-primary);"
99
+ ":var(--on-dark-text-secondary-hover);"
100
100
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover)
101
101
  },
102
102
  size: {
@@ -30,7 +30,7 @@ export var config = {
30
30
  ":var(--surface-negative);",
31
31
  ":var(--text-tertiary);",
32
32
  ":var(--text-secondary);",
33
- ":var(--text-primary);",
33
+ ":var(--text-secondary-hover);",
34
34
  ":var(--text-primary);",
35
35
  ":var(--surface-transparent-secondary);",
36
36
  ":var(--text-primary);",
@@ -75,7 +75,7 @@ export var config = {
75
75
  ":var(--surface-negative);",
76
76
  ":var(--text-tertiary);",
77
77
  ":var(--text-secondary);",
78
- ":var(--text-primary);",
78
+ ":var(--text-secondary-hover);",
79
79
  ":var(--text-primary);",
80
80
  ":var(--surface-transparent-secondary);",
81
81
  ":var(--text-primary);",
@@ -120,7 +120,7 @@ export var config = {
120
120
  ":var(--surface-negative);",
121
121
  ":var(--text-tertiary);",
122
122
  ":var(--text-secondary);",
123
- ":var(--text-primary);",
123
+ ":var(--text-secondary-hover);",
124
124
  ":var(--text-primary);",
125
125
  ":var(--surface-transparent-secondary);",
126
126
  ":var(--text-primary);",
@@ -165,7 +165,7 @@ export var config = {
165
165
  ":var(--surface-negative);",
166
166
  ":var(--text-tertiary);",
167
167
  ":var(--text-secondary);",
168
- ":var(--text-primary);",
168
+ ":var(--text-secondary-hover);",
169
169
  ":var(--text-primary);",
170
170
  ":var(--surface-transparent-secondary);",
171
171
  ":var(--text-primary);",
@@ -761,7 +761,7 @@ export var config = {
761
761
  ":var(--surface-transparent-secondary);",
762
762
  ":var(--surface-transparent-secondary-hover);",
763
763
  ":var(--text-secondary);",
764
- ":var(--text-primary);",
764
+ ":var(--text-secondary-hover);",
765
765
  ":var(--surface-transparent-secondary);",
766
766
  ":var(--text-primary);",
767
767
  ":var(--surface-transparent-secondary);",
@@ -520,7 +520,7 @@ export var config = {
520
520
  ":var(--surface-solid-default);",
521
521
  ":var(--inverse-text-primary);",
522
522
  ":var(--inverse-text-secondary);",
523
- ":var(--inverse-text-primary);",
523
+ ":var(--inverse-text-secondary-hover);",
524
524
  ":1;"
525
525
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
526
526
  secondary: css([
@@ -536,8 +536,9 @@ export var config = {
536
536
  ":var(--surface-transparent-secondary);",
537
537
  ":var(--text-primary);",
538
538
  ":var(--text-secondary);",
539
+ ":var(--text-secondary-hover);",
539
540
  ":1;"
540
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
541
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
541
542
  accent: css([
542
543
  "",
543
544
  ":var(--on-dark-text-primary);",
@@ -551,7 +552,7 @@ export var config = {
551
552
  ":var(--surface-accent);",
552
553
  ":var(--on-dark-text-primary);",
553
554
  ":var(--on-dark-text-secondary);",
554
- ":var(--on-dark-text-primary);",
555
+ ":var(--on-dark-text-secondary-hover);",
555
556
  ":1;"
556
557
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
557
558
  positive: css([
@@ -567,7 +568,7 @@ export var config = {
567
568
  ":var(--surface-positive);",
568
569
  ":var(--on-dark-text-primary);",
569
570
  ":var(--on-dark-text-secondary);",
570
- ":var(--on-dark-text-primary);",
571
+ ":var(--on-dark-text-secondary-hover);",
571
572
  ":1;"
572
573
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
573
574
  warning: css([
@@ -583,7 +584,7 @@ export var config = {
583
584
  ":var(--surface-warning);",
584
585
  ":var(--on-dark-text-primary);",
585
586
  ":var(--on-dark-text-secondary);",
586
- ":var(--on-dark-text-primary);",
587
+ ":var(--on-dark-text-secondary-hover);",
587
588
  ":1;"
588
589
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
589
590
  negative: css([
@@ -599,7 +600,7 @@ export var config = {
599
600
  ":var(--surface-negative);",
600
601
  ":var(--on-dark-text-primary);",
601
602
  ":var(--on-dark-text-secondary);",
602
- ":var(--on-dark-text-primary);",
603
+ ":var(--on-dark-text-secondary-hover);",
603
604
  ":1;"
604
605
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
605
606
  },
@@ -39,14 +39,14 @@ var focusManager = new FocusManager();
39
39
  /**
40
40
  * Захватывает фокус внутри DOM node.
41
41
  * */ export var useFocusTrap = function() {
42
- var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
42
+ var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
43
43
  var ref = useRef();
44
44
  var setRef = useCallback(function(node) {
45
45
  if (ref.current) {
46
46
  focusManager.teardownScopedFocus();
47
47
  focusManager.returnFocus();
48
48
  }
49
- if (active && node) {
49
+ if ((active || enableOnFirstMount) && node) {
50
50
  focusManager.setupScopedFocus(node);
51
51
  focusManager.markForFocusAfter(focusAfterNode);
52
52
  // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -65,15 +65,21 @@ var focusManager = new FocusManager();
65
65
  ref.current = null;
66
66
  }, [
67
67
  active,
68
+ enableOnFirstMount,
68
69
  firstFocusSelector
69
70
  ]);
70
71
  useEffect(function() {
71
- if (!active) {
72
+ if (!active && !enableOnFirstMount) {
72
73
  return;
73
74
  }
74
75
  var handleKeyDown = function(event) {
75
76
  if (event.key === 'Tab' && ref.current) {
76
- scopeTab(ref.current, event);
77
+ scopeTab(ref.current, event, active);
78
+ if (enableOnFirstMount) {
79
+ setTimeout(function() {
80
+ focusManager.teardownScopedFocus();
81
+ });
82
+ }
77
83
  }
78
84
  };
79
85
  document.addEventListener('keydown', handleKeyDown);
@@ -81,7 +87,8 @@ var focusManager = new FocusManager();
81
87
  document.removeEventListener('keydown', handleKeyDown);
82
88
  };
83
89
  }, [
84
- active
90
+ active,
91
+ enableOnFirstMount
85
92
  ]);
86
93
  return setRef;
87
94
  };
@@ -3,7 +3,7 @@ import { findTabbableDescendants } from "./tabbable";
3
3
  * Управлление фокусом лишь внутри ноды через tab
4
4
  * @param node
5
5
  * @param event
6
- */ export var scopeTab = function(node, event) {
6
+ */ export var scopeTab = function(node, event, activeFocusTrap) {
7
7
  var tabbable = findTabbableDescendants(node);
8
8
  if (!tabbable.length) {
9
9
  event.preventDefault();
@@ -13,7 +13,7 @@ import { findTabbableDescendants } from "./tabbable";
13
13
  var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
14
14
  var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
15
15
  // если не является, то передаем обработку таба самому браузеру
16
- if (!leavingFinalTabbable) {
16
+ if (!leavingFinalTabbable || !activeFocusTrap) {
17
17
  return;
18
18
  }
19
19
  // иначе зацкливаемся
@@ -33,13 +33,38 @@ type ExtraCounterProps = {
33
33
  } & Omit<CustomCounterProps, 'size' | 'view' | 'count'>;
34
34
  type ExtraProps = OneOf<ExtraBadgeProps, ExtraCounterProps>;
35
35
  type CustomAvatarProps = {
36
- shape?: 'string';
36
+ /**
37
+ * Форма аватара. Возможные значения: 'circled', 'rounded'.
38
+ * @default circled
39
+ */
40
+ shape?: string;
41
+ /**
42
+ * Размер аватара
43
+ */
37
44
  size?: string;
45
+ /**
46
+ * ФИО человека
47
+ */
38
48
  name?: string;
49
+ /**
50
+ * Ссылка на фотографию
51
+ */
39
52
  url?: string;
53
+ /**
54
+ * Кастомный текст вместо фотографии
55
+ */
40
56
  customText?: string;
57
+ /**
58
+ * Статус профиля
59
+ */
41
60
  status?: 'active' | 'inactive';
61
+ /**
62
+ * Масштабируемый при наведении
63
+ */
42
64
  isScalable?: boolean;
65
+ /**
66
+ * Фокус
67
+ */
43
68
  focused?: boolean;
44
69
  /**
45
70
  * Словарь для озвучивания значений свойства status [a11y]
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IAErB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAiHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAnHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAgIpE,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAkHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBApHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAiIpE,CAAC"}
@@ -33,6 +33,11 @@ export interface CommonModalProps extends PopupProps {
33
33
  * Обработчик клика при нажатии вне области модального окна(если не передан, то при нажатии используется onClose).
34
34
  */
35
35
  onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
36
+ /**
37
+ * Фокус элементов будет происходить только внутри модального окна
38
+ * @default true
39
+ */
40
+ isFocusTrapped?: boolean;
36
41
  /**
37
42
  * Первый элемент для фокуса внутри модального окна.
38
43
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GACD;IACI,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
1
+ {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,cAAc,GACpB;IACI;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GACD;IACI,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC,GACjE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,GAC1E,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC,CAAC"}
@@ -71,7 +71,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
71
71
  light: import("@linaria/core").LinariaClassName;
72
72
  };
73
73
  }>, (import("react").HTMLAttributes<HTMLDivElement> & {
74
- shape?: "string";
74
+ shape?: string;
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
@@ -96,7 +96,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
96
96
  count?: undefined;
97
97
  maxCount?: undefined;
98
98
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
99
- shape?: "string";
99
+ shape?: string;
100
100
  size?: string;
101
101
  name?: string;
102
102
  url?: string;
@@ -158,7 +158,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
158
158
  light: import("@linaria/core").LinariaClassName;
159
159
  };
160
160
  }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
161
- shape?: "string";
161
+ shape?: string;
162
162
  size?: string;
163
163
  name?: string;
164
164
  url?: string;
@@ -183,7 +183,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
183
183
  count?: undefined;
184
184
  maxCount?: undefined;
185
185
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
186
- shape?: "string";
186
+ shape?: string;
187
187
  size?: string;
188
188
  name?: string;
189
189
  url?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmuBlB,CAAC"}
1
+ {"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAouBlB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Захватывает фокус внутри DOM node.
3
3
  * */
4
- export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | React.RefObject<HTMLElement>, focusAfterNode?: React.RefObject<HTMLElement>, focusAfterAnimation?: boolean) => ((instance: HTMLElement | null) => void);
4
+ export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | React.RefObject<HTMLElement>, focusAfterNode?: React.RefObject<HTMLElement>, focusAfterAnimation?: boolean, enableOnFirstMount?: boolean) => ((instance: HTMLElement | null) => void);
5
5
  //# sourceMappingURL=useFocusTrap.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,0CAEA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,mBACzC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,wBACvB,OAAO,KAC9B,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAoDzC,CAAC"}
1
+ {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,0CAEA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,mBACzC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,wBACvB,OAAO,uBACR,OAAO,KAC7B,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CA0DzC,CAAC"}
@@ -3,5 +3,5 @@
3
3
  * @param node
4
4
  * @param event
5
5
  */
6
- export declare const scopeTab: (node: HTMLElement, event: KeyboardEvent) => void;
6
+ export declare const scopeTab: (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => void;
7
7
  //# sourceMappingURL=scopeTab.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,SAsB/D,CAAC"}
1
+ {"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,oBAAoB,OAAO,SAsB1F,CAAC"}