@salutejs/plasma-new-hope 0.114.0-canary.1332.10195467656.0 → 0.115.0-canary.1335.10199765951.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (186) hide show
  1. package/cjs/components/Combobox/Combobox.js +16 -13
  2. package/cjs/components/Combobox/Combobox.js.map +1 -1
  3. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  4. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  5. package/cjs/components/DatePicker/DatePickerBase.styles_192va2p.css +1 -0
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js +13 -9
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  8. package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.js +13 -5
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  12. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  13. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
  14. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  15. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
  16. package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  17. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +30 -0
  18. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
  19. package/cjs/components/Select/Select.js +1 -1
  20. package/cjs/components/Select/Select.js.map +1 -1
  21. package/cjs/components/Select/ui/Target/Target.js +3 -3
  22. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  23. package/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
  24. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  25. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -4
  26. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  27. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  28. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  29. package/cjs/components/Sheet/Sheet.js +8 -6
  30. package/cjs/components/Sheet/Sheet.js.map +1 -1
  31. package/cjs/components/Sheet/hooks/useOverflow.js +3 -3
  32. package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
  33. package/cjs/components/Sheet/utils/handleTransition.js.map +1 -1
  34. package/cjs/index.css +4 -4
  35. package/emotion/cjs/components/Combobox/Combobox.js +16 -13
  36. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  37. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +13 -9
  38. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +13 -5
  39. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +14 -5
  40. package/emotion/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  41. package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
  42. package/emotion/cjs/components/Select/Select.js +1 -1
  43. package/emotion/cjs/components/Select/ui/Target/Target.js +3 -3
  44. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
  45. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -4
  46. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +14 -14
  47. package/emotion/cjs/components/Sheet/Sheet.js +8 -6
  48. package/emotion/cjs/components/Sheet/Sheet.template-doc.mdx +6 -6
  49. package/emotion/cjs/components/Sheet/hooks/useOverflow.js +3 -3
  50. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  51. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  52. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  53. package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  54. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  55. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  56. package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  57. package/emotion/es/components/Combobox/Combobox.js +16 -13
  58. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  59. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +13 -9
  60. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +13 -5
  61. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +15 -6
  62. package/emotion/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  63. package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
  64. package/emotion/es/components/Select/Select.js +1 -1
  65. package/emotion/es/components/Select/ui/Target/Target.js +3 -3
  66. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
  67. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -4
  68. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +14 -14
  69. package/emotion/es/components/Sheet/Sheet.js +8 -6
  70. package/emotion/es/components/Sheet/Sheet.template-doc.mdx +6 -6
  71. package/emotion/es/components/Sheet/hooks/useOverflow.js +3 -3
  72. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  73. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  74. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  75. package/emotion/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  76. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  77. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  78. package/emotion/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  79. package/es/components/Combobox/Combobox.js +16 -13
  80. package/es/components/Combobox/Combobox.js.map +1 -1
  81. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  82. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  83. package/es/components/DatePicker/DatePickerBase.styles_192va2p.css +1 -0
  84. package/es/components/DatePicker/RangeDate/RangeDate.js +13 -9
  85. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  86. package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
  87. package/es/components/DatePicker/SingleDate/SingleDate.js +13 -5
  88. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  89. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  90. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  91. package/es/components/DatePicker/SingleDate/SingleDate.styles_18z9fw1.css +5 -0
  92. package/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  93. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -1
  94. package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  95. package/es/components/DatePicker/hooks/useKeyboardNavigation.js +25 -0
  96. package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
  97. package/es/components/Select/Select.js +1 -1
  98. package/es/components/Select/Select.js.map +1 -1
  99. package/es/components/Select/ui/Target/Target.js +3 -3
  100. package/es/components/Select/ui/Target/Target.js.map +1 -1
  101. package/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
  102. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  103. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -4
  104. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  105. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  106. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  107. package/es/components/Sheet/Sheet.js +8 -6
  108. package/es/components/Sheet/Sheet.js.map +1 -1
  109. package/es/components/Sheet/hooks/useOverflow.js +3 -3
  110. package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
  111. package/es/components/Sheet/utils/handleTransition.js.map +1 -1
  112. package/es/index.css +4 -4
  113. package/package.json +2 -2
  114. package/styled-components/cjs/components/Combobox/Combobox.js +16 -13
  115. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  116. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +13 -9
  117. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +13 -5
  118. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +2 -2
  119. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  120. package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
  121. package/styled-components/cjs/components/Select/Select.js +1 -1
  122. package/styled-components/cjs/components/Select/ui/Target/Target.js +3 -3
  123. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
  124. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -4
  125. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  126. package/styled-components/cjs/components/Sheet/Sheet.js +8 -6
  127. package/styled-components/cjs/components/Sheet/Sheet.template-doc.mdx +6 -6
  128. package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +3 -3
  129. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  130. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  131. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  132. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  133. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  134. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  135. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  136. package/styled-components/es/components/Combobox/Combobox.js +16 -13
  137. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  138. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +13 -9
  139. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +13 -5
  140. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +3 -3
  141. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
  142. package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
  143. package/styled-components/es/components/Select/Select.js +1 -1
  144. package/styled-components/es/components/Select/ui/Target/Target.js +3 -3
  145. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
  146. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +6 -4
  147. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  148. package/styled-components/es/components/Sheet/Sheet.js +8 -6
  149. package/styled-components/es/components/Sheet/Sheet.template-doc.mdx +6 -6
  150. package/styled-components/es/components/Sheet/hooks/useOverflow.js +3 -3
  151. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  152. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  153. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -80
  154. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  155. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  156. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -80
  157. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  158. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  159. package/types/components/Combobox/Combobox.types.d.ts +7 -0
  160. package/types/components/Combobox/Combobox.types.d.ts.map +1 -1
  161. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  162. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  163. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  164. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  165. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -1
  166. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +13 -0
  167. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
  168. package/types/components/Select/ui/Target/Target.types.d.ts +2 -1
  169. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  170. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  171. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  172. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  173. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -1
  174. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  175. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  176. package/types/components/Sheet/Sheet.d.ts.map +1 -1
  177. package/types/components/Sheet/Sheet.types.d.ts +5 -3
  178. package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
  179. package/types/components/Sheet/hooks/useOverflow.d.ts +1 -1
  180. package/types/components/Sheet/utils/handleTransition.d.ts +1 -1
  181. package/cjs/components/DatePicker/DatePickerBase.styles_1whkrlf.css +0 -1
  182. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +0 -5
  183. package/cjs/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +0 -1
  184. package/es/components/DatePicker/DatePickerBase.styles_1whkrlf.css +0 -1
  185. package/es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css +0 -5
  186. package/es/components/DatePicker/SingleDate/variations/_size/base_g7zrur.css +0 -1
@@ -26,7 +26,7 @@ export function App() {
26
26
  <>
27
27
  <Button onClick={() => setOpened(true)}>Открыть</Button>
28
28
 
29
- <Sheet opened={opened}
29
+ <Sheet isOpen={opened}
30
30
  onClose={() => setOpened(false)}
31
31
  contentHeader={
32
32
  <div>
@@ -50,7 +50,7 @@ export function App() {
50
50
 
51
51
  ### Закрепление заголовка и футера
52
52
 
53
- С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер.
53
+ С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер.
54
54
  В этом случае при появлении прокрутки контент будет скроллиться под них.
55
55
 
56
56
  ```tsx live
@@ -64,7 +64,7 @@ export function App() {
64
64
  return (
65
65
  <>
66
66
  <Button onClick={() => setOpened(true)}>Открыть</Button>
67
- <Sheet opened={opened}
67
+ <Sheet isOpen={opened}
68
68
  onClose={() => setOpened(false)}
69
69
  contentHeader={
70
70
  <div>
@@ -105,7 +105,7 @@ export function App() {
105
105
  <Button onClick={() => setOpened(!opened)}>
106
106
  {opened ? 'Закрыть' : 'Открыть'}
107
107
  </Button>
108
- <Sheet opened={opened}
108
+ <Sheet isOpen={opened}
109
109
  onClose={() => setOpened(false)}
110
110
  withOverlay={false}
111
111
  >
@@ -131,7 +131,7 @@ export function App() {
131
131
  <Button onClick={() => setOpened(!opened)}>
132
132
  {opened ? 'Закрыть' : 'Открыть'}
133
133
  </Button>
134
- <Sheet opened={opened}
134
+ <Sheet isOpen={opened}
135
135
  onClose={() => setOpened(false)}
136
136
  withBlur
137
137
  >
@@ -140,4 +140,4 @@ export function App() {
140
140
  </>
141
141
  );
142
142
  }
143
- ```
143
+ ```
@@ -1,15 +1,15 @@
1
1
  import { useEffect, useRef } from 'react';
2
2
  export var useOverflow = function useOverflow(_ref) {
3
- var opened = _ref.opened;
3
+ var isOpen = _ref.isOpen;
4
4
  var overflow = useRef(document.body.style.overflowY);
5
5
 
6
6
  // linaria не поддерживает динамический global
7
7
  useEffect(function () {
8
- if (opened) {
8
+ if (isOpen) {
9
9
  overflow.current = document.body.style.overflowY;
10
10
  document.body.style.overflowY = 'hidden';
11
11
  return;
12
12
  }
13
13
  document.body.style.overflowY = overflow.current;
14
- }, [opened]);
14
+ }, [isOpen]);
15
15
  };
@@ -222,7 +222,7 @@ const StoryAddCustomItem = (args: StorySelectProps) => {
222
222
  view={view}
223
223
  disabled={disabled}
224
224
  readOnly={readOnly}
225
- opened={opened}
225
+ isOpen={opened}
226
226
  onToggle={onToggle}
227
227
  onChangeValue={onChangeValue}
228
228
  onKeyDown={onKeyDown}