@ozen-ui/kit 0.75.0 → 0.77.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 (215) hide show
  1. package/ImageBase/package.json +5 -0
  2. package/StepperVertical/package.json +5 -0
  3. package/__inner__/cjs/components/Autocomplete/helper.d.ts +5 -5
  4. package/__inner__/cjs/components/Autocomplete/types.d.ts +1 -1
  5. package/__inner__/cjs/components/AutocompleteBase/AutocompleteBase.d.ts +2 -1
  6. package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts +4 -4
  7. package/__inner__/cjs/components/ButtonNext/types.d.ts +2 -1
  8. package/__inner__/cjs/components/DataList/types.d.ts +1 -1
  9. package/__inner__/cjs/components/InputOTP/InputOTP.js +79 -76
  10. package/__inner__/cjs/components/InputOTP/constants.d.ts +4 -4
  11. package/__inner__/cjs/components/InputOTP/presets.d.ts +5 -0
  12. package/__inner__/cjs/components/InputOTP/presets.js +5 -0
  13. package/__inner__/cjs/components/InputOTP/types.d.ts +9 -6
  14. package/__inner__/cjs/components/OzenProvider/providers/theme/entities/defaultProps.d.ts +6 -0
  15. package/__inner__/cjs/components/Select/Select.css +10 -1
  16. package/__inner__/cjs/components/Select/Select.d.ts +0 -1
  17. package/__inner__/cjs/components/Select/Select.js +40 -10
  18. package/__inner__/cjs/components/Select/SelectContext.d.ts +21 -0
  19. package/__inner__/cjs/components/Select/SelectContext.js +29 -0
  20. package/__inner__/cjs/components/Select/classNames.d.ts +1 -0
  21. package/__inner__/cjs/components/Select/classNames.js +5 -0
  22. package/__inner__/cjs/components/Select/components/SelectInput/SelectInput.js +14 -15
  23. package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts +0 -22
  24. package/__inner__/cjs/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.js +3 -3
  25. package/__inner__/cjs/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.d.ts +2 -0
  26. package/__inner__/cjs/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.js +42 -0
  27. package/__inner__/cjs/components/Select/components/SelectInputRenderRight/index.d.ts +1 -0
  28. package/__inner__/cjs/components/Select/components/SelectInputRenderRight/index.js +4 -0
  29. package/__inner__/cjs/components/Select/components/index.d.ts +1 -0
  30. package/__inner__/cjs/components/Select/components/index.js +1 -0
  31. package/__inner__/cjs/components/Select/constants.d.ts +3 -0
  32. package/__inner__/cjs/components/Select/constants.js +8 -1
  33. package/__inner__/cjs/components/Select/entities/index.d.ts +2 -0
  34. package/__inner__/cjs/components/Select/entities/index.js +5 -0
  35. package/__inner__/cjs/components/Select/entities/onClear.d.ts +2 -0
  36. package/__inner__/cjs/components/Select/entities/onClear.js +2 -0
  37. package/__inner__/cjs/components/Select/entities/render.d.ts +6 -0
  38. package/__inner__/cjs/components/Select/entities/render.js +4 -0
  39. package/__inner__/cjs/components/Select/index.d.ts +1 -0
  40. package/__inner__/cjs/components/Select/index.js +1 -0
  41. package/__inner__/cjs/components/Select/types.d.ts +30 -5
  42. package/__inner__/cjs/components/Select/types.js +3 -0
  43. package/__inner__/cjs/components/StepperVertical/StepperVertical.css +4 -0
  44. package/__inner__/cjs/components/StepperVertical/StepperVertical.d.ts +7 -0
  45. package/__inner__/cjs/components/StepperVertical/StepperVertical.js +21 -0
  46. package/__inner__/cjs/components/StepperVertical/StepperVerticalContext.d.ts +6 -0
  47. package/__inner__/cjs/components/StepperVertical/StepperVerticalContext.js +18 -0
  48. package/__inner__/cjs/components/StepperVertical/constants.d.ts +3 -0
  49. package/__inner__/cjs/components/StepperVertical/constants.js +6 -0
  50. package/__inner__/cjs/components/StepperVertical/index.d.ts +5 -0
  51. package/__inner__/cjs/components/StepperVertical/index.js +8 -0
  52. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css +4 -0
  53. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.d.ts +3 -0
  54. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.js +24 -0
  55. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.d.ts +3 -0
  56. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js +12 -0
  57. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.d.ts +3 -0
  58. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.js +2 -0
  59. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.d.ts +1 -0
  60. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.js +4 -0
  61. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/index.d.ts +4 -0
  62. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/index.js +7 -0
  63. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/types.d.ts +7 -0
  64. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/types.js +2 -0
  65. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.css +20 -0
  66. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.d.ts +3 -0
  67. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.js +23 -0
  68. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/constants.d.ts +1 -0
  69. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/constants.js +4 -0
  70. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/index.d.ts +3 -0
  71. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/index.js +6 -0
  72. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/types.d.ts +11 -0
  73. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/types.js +2 -0
  74. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css +105 -0
  75. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.d.ts +3 -0
  76. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js +41 -0
  77. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.d.ts +8 -0
  78. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.js +19 -0
  79. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/constants.d.ts +3 -0
  80. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/constants.js +6 -0
  81. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts +1 -0
  82. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.js +4 -0
  83. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts +2 -0
  84. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js +11 -0
  85. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/index.d.ts +5 -0
  86. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/index.js +8 -0
  87. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/types.d.ts +26 -0
  88. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/types.js +2 -0
  89. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.d.ts +3 -0
  90. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.js +19 -0
  91. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.d.ts +3 -0
  92. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.js +8 -0
  93. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/index.d.ts +3 -0
  94. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/index.js +6 -0
  95. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/types.d.ts +7 -0
  96. package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/types.js +2 -0
  97. package/__inner__/cjs/components/StepperVertical/modules/index.d.ts +4 -0
  98. package/__inner__/cjs/components/StepperVertical/modules/index.js +7 -0
  99. package/__inner__/cjs/components/StepperVertical/types.d.ts +13 -0
  100. package/__inner__/cjs/components/StepperVertical/types.js +2 -0
  101. package/__inner__/cjs/hooks/useLockBodyScroll/useLockBodyScroll.js +25 -5
  102. package/__inner__/cjs/locale/locale.js +9 -0
  103. package/__inner__/cjs/utils/array/generatePermutations/generatePermutations.d.ts +1 -0
  104. package/__inner__/cjs/utils/array/generatePermutations/generatePermutations.js +47 -0
  105. package/__inner__/cjs/utils/array/generatePermutations/index.d.ts +1 -0
  106. package/__inner__/cjs/utils/array/generatePermutations/index.js +4 -0
  107. package/__inner__/cjs/utils/array/index.d.ts +1 -0
  108. package/__inner__/cjs/utils/array/index.js +1 -0
  109. package/__inner__/esm/components/Autocomplete/helper.d.ts +5 -5
  110. package/__inner__/esm/components/Autocomplete/types.d.ts +1 -1
  111. package/__inner__/esm/components/AutocompleteBase/AutocompleteBase.d.ts +2 -1
  112. package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +4 -4
  113. package/__inner__/esm/components/ButtonNext/types.d.ts +2 -1
  114. package/__inner__/esm/components/DataList/types.d.ts +1 -1
  115. package/__inner__/esm/components/InputOTP/InputOTP.js +79 -76
  116. package/__inner__/esm/components/InputOTP/constants.d.ts +4 -4
  117. package/__inner__/esm/components/InputOTP/presets.d.ts +5 -0
  118. package/__inner__/esm/components/InputOTP/presets.js +5 -0
  119. package/__inner__/esm/components/InputOTP/types.d.ts +9 -6
  120. package/__inner__/esm/components/OzenProvider/providers/theme/entities/defaultProps.d.ts +6 -0
  121. package/__inner__/esm/components/Select/Select.css +10 -1
  122. package/__inner__/esm/components/Select/Select.d.ts +0 -1
  123. package/__inner__/esm/components/Select/Select.js +40 -10
  124. package/__inner__/esm/components/Select/SelectContext.d.ts +21 -0
  125. package/__inner__/esm/components/Select/SelectContext.js +25 -0
  126. package/__inner__/esm/components/Select/classNames.d.ts +1 -0
  127. package/__inner__/esm/components/Select/classNames.js +2 -0
  128. package/__inner__/esm/components/Select/components/SelectInput/SelectInput.js +7 -8
  129. package/__inner__/esm/components/Select/components/SelectInput/types.d.ts +0 -22
  130. package/__inner__/esm/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.js +1 -1
  131. package/__inner__/esm/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.d.ts +2 -0
  132. package/__inner__/esm/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.js +38 -0
  133. package/__inner__/esm/components/Select/components/SelectInputRenderRight/index.d.ts +1 -0
  134. package/__inner__/esm/components/Select/components/SelectInputRenderRight/index.js +1 -0
  135. package/__inner__/esm/components/Select/components/index.d.ts +1 -0
  136. package/__inner__/esm/components/Select/components/index.js +1 -0
  137. package/__inner__/esm/components/Select/constants.d.ts +3 -0
  138. package/__inner__/esm/components/Select/constants.js +7 -0
  139. package/__inner__/esm/components/Select/entities/index.d.ts +2 -0
  140. package/__inner__/esm/components/Select/entities/index.js +2 -0
  141. package/__inner__/esm/components/Select/entities/onClear.d.ts +2 -0
  142. package/__inner__/esm/components/Select/entities/onClear.js +1 -0
  143. package/__inner__/esm/components/Select/entities/render.d.ts +6 -0
  144. package/__inner__/esm/components/Select/entities/render.js +1 -0
  145. package/__inner__/esm/components/Select/index.d.ts +1 -0
  146. package/__inner__/esm/components/Select/index.js +1 -0
  147. package/__inner__/esm/components/Select/types.d.ts +30 -5
  148. package/__inner__/esm/components/Select/types.js +2 -1
  149. package/__inner__/esm/components/StepperVertical/StepperVertical.css +4 -0
  150. package/__inner__/esm/components/StepperVertical/StepperVertical.d.ts +7 -0
  151. package/__inner__/esm/components/StepperVertical/StepperVertical.js +18 -0
  152. package/__inner__/esm/components/StepperVertical/StepperVerticalContext.d.ts +6 -0
  153. package/__inner__/esm/components/StepperVertical/StepperVerticalContext.js +14 -0
  154. package/__inner__/esm/components/StepperVertical/constants.d.ts +3 -0
  155. package/__inner__/esm/components/StepperVertical/constants.js +3 -0
  156. package/__inner__/esm/components/StepperVertical/index.d.ts +5 -0
  157. package/__inner__/esm/components/StepperVertical/index.js +5 -0
  158. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css +4 -0
  159. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.d.ts +3 -0
  160. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.js +21 -0
  161. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.d.ts +3 -0
  162. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js +9 -0
  163. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.d.ts +3 -0
  164. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.js +1 -0
  165. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.d.ts +1 -0
  166. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.js +1 -0
  167. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/index.d.ts +4 -0
  168. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/index.js +4 -0
  169. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/types.d.ts +7 -0
  170. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/types.js +1 -0
  171. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.css +20 -0
  172. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.d.ts +3 -0
  173. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.js +20 -0
  174. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/constants.d.ts +1 -0
  175. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/constants.js +1 -0
  176. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/index.d.ts +3 -0
  177. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/index.js +3 -0
  178. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/types.d.ts +11 -0
  179. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/types.js +1 -0
  180. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css +105 -0
  181. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.d.ts +3 -0
  182. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js +38 -0
  183. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.d.ts +8 -0
  184. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.js +15 -0
  185. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/constants.d.ts +3 -0
  186. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/constants.js +3 -0
  187. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts +1 -0
  188. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/index.js +1 -0
  189. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts +2 -0
  190. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js +8 -0
  191. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/index.d.ts +5 -0
  192. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/index.js +5 -0
  193. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/types.d.ts +26 -0
  194. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/types.js +1 -0
  195. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.d.ts +3 -0
  196. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.js +16 -0
  197. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/constants.d.ts +3 -0
  198. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/constants.js +5 -0
  199. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/index.d.ts +3 -0
  200. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/index.js +3 -0
  201. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/types.d.ts +7 -0
  202. package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/types.js +1 -0
  203. package/__inner__/esm/components/StepperVertical/modules/index.d.ts +4 -0
  204. package/__inner__/esm/components/StepperVertical/modules/index.js +4 -0
  205. package/__inner__/esm/components/StepperVertical/types.d.ts +13 -0
  206. package/__inner__/esm/components/StepperVertical/types.js +1 -0
  207. package/__inner__/esm/hooks/useLockBodyScroll/useLockBodyScroll.js +25 -5
  208. package/__inner__/esm/locale/locale.js +9 -0
  209. package/__inner__/esm/utils/array/generatePermutations/generatePermutations.d.ts +1 -0
  210. package/__inner__/esm/utils/array/generatePermutations/generatePermutations.js +43 -0
  211. package/__inner__/esm/utils/array/generatePermutations/index.d.ts +1 -0
  212. package/__inner__/esm/utils/array/generatePermutations/index.js +1 -0
  213. package/__inner__/esm/utils/array/index.d.ts +1 -0
  214. package/__inner__/esm/utils/array/index.js +1 -0
  215. package/package.json +4 -4
@@ -0,0 +1,105 @@
1
+ .StepperVerticalStep {
2
+ --stepper-vertical-indicator-icon-size: 24px;
3
+ --stepper-vertical-indicator-icon-inset-top: var(--spacing-2xs);
4
+ --stepper-vertical-indicator-color-non-current: transparent;
5
+ --stepper-vertical-indicator-color-current: transparent;
6
+ --stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-non-current);
7
+ --stepper-vertical-indicator-text-color-non-current: transparent;
8
+ --stepper-vertical-indicator-text-color-current: transparent;
9
+ --stepper-vertical-indicator-text-color: var(--stepper-vertical-indicator-text-color-non-current);
10
+ box-sizing: border-box;
11
+ }
12
+
13
+ .StepperVerticalStep-Indicator {
14
+ box-sizing: border-box;
15
+ margin-block-start: var(--stepper-vertical-indicator-icon-inset-top);
16
+ }
17
+
18
+ .StepperVerticalStep-Info {
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .StepperVerticalStep-Action {
23
+ margin-block-start: var(--spacing-2xs);
24
+ }
25
+
26
+ .StepperVerticalStep-Description {
27
+ padding-block: var(--spacing-xs);
28
+ }
29
+
30
+ .StepperVerticalStep_variant_refusal {
31
+ --stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
32
+ --stepper-vertical-indicator-color-current: var(--color-background-error);
33
+ --stepper-vertical-indicator-text-color-non-current: var(--color-content-error-dark);
34
+ --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
35
+ }
36
+
37
+ .StepperVerticalStep_variant_blocked {
38
+ --stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
39
+ --stepper-vertical-indicator-color-current: var(--color-background-error);
40
+ --stepper-vertical-indicator-text-color-non-current: var(--color-content-error-dark);
41
+ --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
42
+ }
43
+
44
+ .StepperVerticalStep_variant_warning {
45
+ --stepper-vertical-indicator-color-non-current: var(--color-background-warning-light);
46
+ --stepper-vertical-indicator-color-current: var(--color-background-warning);
47
+ --stepper-vertical-indicator-text-color-non-current: var(--color-content-warning-dark);
48
+ --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
49
+ }
50
+
51
+ .StepperVerticalStep_variant_awaiting {
52
+ --stepper-vertical-indicator-color-non-current: var(--color-background-info-light);
53
+ --stepper-vertical-indicator-color-current: var(--color-background-info);
54
+ --stepper-vertical-indicator-text-color-non-current: var(--color-content-info-dark);
55
+ --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
56
+ }
57
+
58
+ .StepperVerticalStep_variant_inProcessing {
59
+ --stepper-vertical-indicator-color-non-current: var(--color-background-action-secondary-light);
60
+ --stepper-vertical-indicator-color-current: var(--color-background-accent-action-secondary-light);
61
+ --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-secondary-dark);
62
+ --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
63
+ }
64
+
65
+ .StepperVerticalStep_variant_success {
66
+ --stepper-vertical-indicator-color-non-current: var(--color-background-action-light);
67
+ --stepper-vertical-indicator-color-current: var(--color-background-action);
68
+ --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-dark);
69
+ --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
70
+ }
71
+
72
+ .StepperVerticalStep_current {
73
+ --stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-current);
74
+ --stepper-vertical-indicator-text-color: var(--stepper-vertical-indicator-text-color-current);
75
+ }
76
+
77
+ .StepperVerticalStep_ellipsis .StepperVerticalStep-Description {
78
+ overflow: hidden;
79
+ }
80
+
81
+ .StepperVerticalStep_ellipsis .StepperVerticalStep-Label, .StepperVerticalStep_ellipsis .StepperVerticalStep-Caption, .StepperVerticalStep_ellipsis .StepperVerticalStep-Hint, .StepperVerticalStep_ellipsis .StepperVerticalStep-Action {
82
+ overflow: hidden;
83
+ text-overflow: ellipsis;
84
+ white-space: nowrap;
85
+ }
86
+
87
+ .StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path {
88
+ position: relative;
89
+ }
90
+
91
+ .StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path::after {
92
+ --stepper-vertical-indicator-icon-stroke-gap: 1px;
93
+ --stepper-vertical-indicator-inset-top: calc(var(--stepper-vertical-indicator-icon-size) + var(--stepper-vertical-indicator-icon-inset-top) + var(--stepper-vertical-indicator-icon-stroke-gap));
94
+ content: '';
95
+ box-sizing: border-box;
96
+ display: block;
97
+ block-size: calc(100% - var(--stepper-vertical-indicator-inset-top) + var(--stepper-vertical-indicator-icon-inset-top) - var(--stepper-vertical-indicator-icon-stroke-gap));
98
+ inline-size: 2px;
99
+ position: absolute;
100
+ inset-block-start: var(--stepper-vertical-indicator-inset-top);
101
+ inset-inline-start: 50%;
102
+ transform: translate(-50%, 0);
103
+ background-color: var(--color-background-secondary);
104
+ border-radius: var(--border-radius-xs);
105
+ }
@@ -0,0 +1,3 @@
1
+ import type { StepperVerticalStepBaseProps } from './types';
2
+ export declare const cnStepperVerticalStep: import("@bem-react/classname").ClassNameFormatter;
3
+ export declare const StepperVerticalStep: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepBaseProps, "div", "as">;
@@ -0,0 +1,38 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import React from 'react';
3
+ import { useThemeProps } from '../../../../hooks/useThemeProps';
4
+ import { cn, polymorphicComponentWithRef } from '../../../../utils';
5
+ import { Stack } from '../../../Stack';
6
+ import { Typography } from '../../../Typography';
7
+ import { useStepperVerticalContext } from '../../StepperVerticalContext';
8
+ import { StepperVerticalIconIndicator } from '../StepperVerticalIconIndicator';
9
+ import { STEPPER_VERTICAL_STEP_DEFAULT_TAG, STEPPER_VERTICAL_STEP_DEFAULT_CURRENT, STEPPER_VERTICAL_STEP_DEFAULT_VARIANT, } from './constants';
10
+ import { StepperVerticalStepContext } from './StepperVerticalStepContext';
11
+ export var cnStepperVerticalStep = cn('StepperVerticalStep');
12
+ export var StepperVerticalStep = polymorphicComponentWithRef(function (inProps, ref) {
13
+ var props = useThemeProps({
14
+ name: 'StepperVerticalStep',
15
+ props: inProps,
16
+ });
17
+ var _a = props.variant, variant = _a === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_CURRENT : _b, ellipsisProp = props.ellipsis, hint = props.hint, children = props.children, caption = props.caption, action = props.action, _c = props.indicator, indicator = _c === void 0 ? React.createElement(StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, other = __rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as"]);
18
+ var stepperVerticalContext = useStepperVerticalContext();
19
+ var ellipsis = (function () {
20
+ if (ellipsisProp !== undefined) {
21
+ return ellipsisProp;
22
+ }
23
+ return stepperVerticalContext.ellipsis;
24
+ })();
25
+ return (React.createElement(StepperVerticalStepContext.Provider, { value: { variant: variant, current: current } },
26
+ React.createElement(Stack, __assign({}, other, { ref: ref, as: as, className: cnStepperVerticalStep({ variant: variant, current: current, ellipsis: ellipsis }, [
27
+ className,
28
+ ]), gap: "m" }),
29
+ React.createElement("div", { className: cnStepperVerticalStep('Path') },
30
+ React.createElement("div", { className: cnStepperVerticalStep('Indicator') }, indicator)),
31
+ React.createElement(Stack, { direction: "column", className: cnStepperVerticalStep('Description') },
32
+ React.createElement(Stack, { className: cnStepperVerticalStep('Info'), direction: "column", gap: "xs" },
33
+ children && (React.createElement(Typography, { className: cnStepperVerticalStep('Label'), color: "primary", variant: "text-m_1" }, children)),
34
+ caption && (React.createElement(Typography, { className: cnStepperVerticalStep('Caption'), color: "primary", variant: "text-s" }, caption)),
35
+ hint && (React.createElement(Typography, { className: cnStepperVerticalStep('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
36
+ action && (React.createElement("div", { className: cnStepperVerticalStep('Action') }, action))))));
37
+ });
38
+ StepperVerticalStep.displayName = 'StepperVerticalStep';
@@ -0,0 +1,8 @@
1
+ import type { StepperVerticalStepVariant } from './entities';
2
+ export type StepperVerticalStepContextValue = {
3
+ variant: StepperVerticalStepVariant;
4
+ current: boolean;
5
+ };
6
+ export declare const StepperVerticalStepContextDefaultValue: StepperVerticalStepContextValue;
7
+ export declare const StepperVerticalStepContext: import("react").Context<StepperVerticalStepContextValue>;
8
+ export declare const useStepperVerticalStepContext: () => StepperVerticalStepContextValue;
@@ -0,0 +1,15 @@
1
+ import { useContext, createContext } from 'react';
2
+ import { isDev } from '../../../../constants/environment';
3
+ import { STEPPER_VERTICAL_STEP_DEFAULT_VARIANT } from './constants';
4
+ export var StepperVerticalStepContextDefaultValue = {
5
+ variant: STEPPER_VERTICAL_STEP_DEFAULT_VARIANT,
6
+ current: false,
7
+ };
8
+ export var StepperVerticalStepContext = createContext(StepperVerticalStepContextDefaultValue);
9
+ export var useStepperVerticalStepContext = function () {
10
+ return useContext(StepperVerticalStepContext);
11
+ };
12
+ // Именованный провайдер
13
+ if (isDev) {
14
+ StepperVerticalStepContext.displayName = 'StepperVerticalStepContext';
15
+ }
@@ -0,0 +1,3 @@
1
+ export declare const STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = "awaiting";
2
+ export declare const STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = false;
3
+ export declare const STEPPER_VERTICAL_STEP_DEFAULT_TAG = "div";
@@ -0,0 +1,3 @@
1
+ export var STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = 'awaiting';
2
+ export var STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = false;
3
+ export var STEPPER_VERTICAL_STEP_DEFAULT_TAG = 'div';
@@ -0,0 +1,2 @@
1
+ export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success"];
2
+ export type StepperVerticalStepVariant = (typeof stepperVerticalStepVariant)[number];
@@ -0,0 +1,8 @@
1
+ export var stepperVerticalStepVariant = [
2
+ 'refusal',
3
+ 'blocked',
4
+ 'warning',
5
+ 'awaiting',
6
+ 'inProcessing',
7
+ 'success',
8
+ ];
@@ -0,0 +1,5 @@
1
+ export * from './entities';
2
+ export * from './constants';
3
+ export * from './StepperVerticalStep';
4
+ export * from './StepperVerticalStepContext';
5
+ export * from './types';
@@ -0,0 +1,5 @@
1
+ export * from './entities';
2
+ export * from './constants';
3
+ export * from './StepperVerticalStep';
4
+ export * from './StepperVerticalStepContext';
5
+ export * from './types';
@@ -0,0 +1,26 @@
1
+ import type { ComponentRef, ElementType, ReactNode } from 'react';
2
+ import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
3
+ import type { STEPPER_VERTICAL_STEP_DEFAULT_TAG } from './constants';
4
+ import type { StepperVerticalStepVariant } from './entities';
5
+ export type StepperVerticalStepBaseProps = {
6
+ /** Лейбл */
7
+ children?: ReactNode;
8
+ /** Подпись */
9
+ caption?: ReactNode;
10
+ /** Описание */
11
+ hint?: ReactNode;
12
+ /** Действие */
13
+ action?: ReactNode;
14
+ /** Вариант */
15
+ variant?: StepperVerticalStepVariant;
16
+ /** Индикатор */
17
+ indicator?: ReactNode;
18
+ /** Если `true` делает шаг текущим */
19
+ current?: boolean;
20
+ /** Если `true`, обрезает текст и добавляет многоточие */
21
+ ellipsis?: boolean;
22
+ /** Идентификатор компонента для тестов */
23
+ 'data-testid'?: string;
24
+ };
25
+ export type StepperVerticalStepProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepBaseProps, As>;
26
+ export type StepperVerticalStepRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_DEFAULT_TAG> = ComponentRef<As>;
@@ -0,0 +1,3 @@
1
+ import type { StepperVerticalStepButtonBaseProps } from './types';
2
+ export declare const cnStepperVerticalStepButton: import("@bem-react/classname").ClassNameFormatter;
3
+ export declare const StepperVerticalStepButton: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepButtonBaseProps, "button", "as">;
@@ -0,0 +1,16 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import React from 'react';
3
+ import { useThemeProps } from '../../../../hooks/useThemeProps';
4
+ import { cn, polymorphicComponentWithRef } from '../../../../utils';
5
+ import { Button } from '../../../ButtonNext';
6
+ import { STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR, STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT, STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG, } from './constants';
7
+ export var cnStepperVerticalStepButton = cn('StepperVerticalStepButton');
8
+ export var StepperVerticalStepButton = polymorphicComponentWithRef(function (inProps, ref) {
9
+ var props = useThemeProps({
10
+ name: 'StepperVerticalStepButton',
11
+ props: inProps,
12
+ });
13
+ var children = props.children, _a = props.color, color = _a === void 0 ? STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR : _a, _b = props.iconRight, iconRight = _b === void 0 ? STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT : _b, className = props.className, _c = props.as, as = _c === void 0 ? STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG : _c, other = __rest(props, ["children", "color", "iconRight", "className", "as"]);
14
+ return (React.createElement(Button, __assign({}, other, { as: as, ref: ref, size: "2xs", variant: "function", color: color, iconRight: iconRight, className: cnStepperVerticalStepButton('', [className]) }), children));
15
+ });
16
+ StepperVerticalStepButton.displayName = 'StepperVerticalStepButton';
@@ -0,0 +1,3 @@
1
+ export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = "primary";
2
+ export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT: import("react").ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
3
+ export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = "button";
@@ -0,0 +1,5 @@
1
+ import { ChevronRightIcon } from '@ozen-ui/icons';
2
+ import { BUTTON_DEFAULT_TAG } from '../../../ButtonNext';
3
+ export var STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = 'primary';
4
+ export var STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT = ChevronRightIcon;
5
+ export var STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = BUTTON_DEFAULT_TAG;
@@ -0,0 +1,3 @@
1
+ export * from './constants';
2
+ export * from './StepperVerticalStepButton';
3
+ export * from './types';
@@ -0,0 +1,3 @@
1
+ export * from './constants';
2
+ export * from './StepperVerticalStepButton';
3
+ export * from './types';
@@ -0,0 +1,7 @@
1
+ import type { ElementType } from 'react';
2
+ import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
3
+ import type { ButtonProps, ButtonRef } from '../../../ButtonNext';
4
+ import type { STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG } from './constants';
5
+ export type StepperVerticalStepButtonRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG> = ButtonRef<As>;
6
+ export type StepperVerticalStepButtonBaseProps = Omit<ButtonProps, 'variant' | 'size'>;
7
+ export type StepperVerticalStepButtonProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepButtonBaseProps, As>;
@@ -0,0 +1,4 @@
1
+ export * from './StepperVerticalIconIndicator';
2
+ export * from './StepperVerticalIndicator';
3
+ export * from './StepperVerticalStep';
4
+ export * from './StepperVerticalStepButton';
@@ -0,0 +1,4 @@
1
+ export * from './StepperVerticalIconIndicator';
2
+ export * from './StepperVerticalIndicator';
3
+ export * from './StepperVerticalStep';
4
+ export * from './StepperVerticalStepButton';
@@ -0,0 +1,13 @@
1
+ import type { ComponentRef, ElementType, PropsWithChildren } from 'react';
2
+ import type { PolymorphicComponentPropsWithRef } from '../../utils';
3
+ import type { STEPPER_VERTICAL_DEFAULT_TAG } from './constants';
4
+ export type StepperVerticalBaseProps = PropsWithChildren & {
5
+ /** Если `true` отображает на всю ширину */
6
+ fullWidth?: boolean;
7
+ /** Если `true`, обрезает текст и добавляет многоточие */
8
+ ellipsis?: boolean;
9
+ /** Идентификатор компонента для тестов */
10
+ 'data-testid'?: string;
11
+ };
12
+ export type StepperVerticalProps<As extends ElementType = typeof STEPPER_VERTICAL_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalBaseProps, As>;
13
+ export type StepperVerticalRef<As extends ElementType = typeof STEPPER_VERTICAL_DEFAULT_TAG> = ComponentRef<As>;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,15 +1,16 @@
1
+ import { useId } from 'react';
1
2
  import { getScrollbarSize } from '../../utils/getScrollBarSize';
2
3
  import { useIsomorphicEffect } from '../useIsomorphicEffect';
3
4
  export var FIXED_CLASSNAME = 'ScrollLock-fixed';
4
5
  var getPaddingRight = function (el) {
5
6
  return parseInt(window.getComputedStyle(el).paddingRight, 10) || 0;
6
7
  };
8
+ var lockIds = new Set();
9
+ var restoreStyleGlobal = { current: null };
7
10
  export function useLockBodyScroll(active) {
8
11
  if (active === void 0) { active = false; }
9
- useIsomorphicEffect(function () {
10
- if (!active) {
11
- return undefined;
12
- }
12
+ var lockId = useId();
13
+ var lockBody = function () {
13
14
  var restoreStyle = [];
14
15
  // Вычисляем все фиксированные элементы
15
16
  var fixedBlocks = document.querySelectorAll(".".concat(FIXED_CLASSNAME));
@@ -49,11 +50,30 @@ export function useLockBodyScroll(active) {
49
50
  el.style.setProperty('padding-right', "".concat(originalPaddingRight + paddingOffset, "px"));
50
51
  });
51
52
  }
52
- return function () {
53
+ restoreStyleGlobal.current = function () {
53
54
  restoreStyle.forEach(function (_a) {
54
55
  var el = _a.el, value = _a.value, property = _a.property;
55
56
  el.style.setProperty(property, value || '');
56
57
  });
57
58
  };
59
+ };
60
+ useIsomorphicEffect(function () {
61
+ if (!active) {
62
+ return undefined;
63
+ }
64
+ var hasLock = lockIds.size > 0;
65
+ if (!hasLock) {
66
+ lockBody();
67
+ }
68
+ lockIds.add(lockId);
69
+ return function () {
70
+ var _a;
71
+ lockIds.delete(lockId);
72
+ if (lockIds.size > 0) {
73
+ return;
74
+ }
75
+ (_a = restoreStyleGlobal.current) === null || _a === void 0 ? void 0 : _a.call(restoreStyleGlobal);
76
+ restoreStyleGlobal.current = null;
77
+ };
58
78
  }, [active]);
59
79
  }
@@ -101,6 +101,9 @@ export var ruRU = {
101
101
  return parts.join('.');
102
102
  },
103
103
  },
104
+ Select: {
105
+ clearText: 'Очистить',
106
+ },
104
107
  },
105
108
  };
106
109
  export var kkKZ = {
@@ -205,6 +208,9 @@ export var kkKZ = {
205
208
  return parts.join('.');
206
209
  },
207
210
  },
211
+ Select: {
212
+ clearText: 'Тазалау',
213
+ },
208
214
  },
209
215
  };
210
216
  export var enUS = {
@@ -310,5 +316,8 @@ export var enUS = {
310
316
  return parts.join('.');
311
317
  },
312
318
  },
319
+ Select: {
320
+ clearText: 'Clear',
321
+ },
313
322
  },
314
323
  };
@@ -0,0 +1 @@
1
+ export declare const generatePermutations: <Item>(array: Item[] | Readonly<Item[]>, withSubsetSizes?: boolean) => Item[][];
@@ -0,0 +1,43 @@
1
+ import { __read, __spreadArray } from "tslib";
2
+ import isEqual from 'lodash.isequal';
3
+ export var generatePermutations = function (array, withSubsetSizes) {
4
+ if (withSubsetSizes === void 0) { withSubsetSizes = false; }
5
+ var result = [];
6
+ var permute = function (array, current) {
7
+ if (current === void 0) { current = []; }
8
+ if (array.length === 0) {
9
+ if (!result.some(function (r) { return isEqual(r, current); })) {
10
+ result.push(__spreadArray([], __read(current), false));
11
+ }
12
+ }
13
+ else {
14
+ for (var i = 0; i < array.length; i++) {
15
+ var newArray = __spreadArray([], __read(array), false);
16
+ var next = newArray.splice(i, 1);
17
+ permute(newArray, current.concat(next));
18
+ }
19
+ }
20
+ };
21
+ var subsetsOfSize = function (array, k, start, subset) {
22
+ if (start === void 0) { start = 0; }
23
+ if (subset === void 0) { subset = []; }
24
+ if (subset.length === k) {
25
+ permute(subset);
26
+ return;
27
+ }
28
+ for (var i = start; i < array.length; i++) {
29
+ subset.push(array[i]);
30
+ subsetsOfSize(array, k, i + 1, subset);
31
+ subset.pop();
32
+ }
33
+ };
34
+ if (withSubsetSizes) {
35
+ for (var size = array.length; size >= 1; size--) {
36
+ subsetsOfSize(array, size);
37
+ }
38
+ }
39
+ else {
40
+ permute(array);
41
+ }
42
+ return result;
43
+ };
@@ -0,0 +1 @@
1
+ export * from './generatePermutations';
@@ -0,0 +1 @@
1
+ export * from './generatePermutations';
@@ -1,3 +1,4 @@
1
1
  export * from './createEmpty';
2
2
  export * from './createFilled';
3
+ export * from './generatePermutations';
3
4
  export * from './isArray';
@@ -1,3 +1,4 @@
1
1
  export * from './createEmpty';
2
2
  export * from './createFilled';
3
+ export * from './generatePermutations';
3
4
  export * from './isArray';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.75.0",
3
+ "version": "0.77.0",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"
@@ -29,9 +29,9 @@
29
29
  "react-popper": "^2.3.0",
30
30
  "react-transition-group": "^4.4.5",
31
31
  "tslib": "^2.6.3",
32
- "@ozen-ui/fonts": "0.75.0",
33
- "@ozen-ui/icons": "0.75.0",
34
- "@ozen-ui/logger": "0.75.0"
32
+ "@ozen-ui/fonts": "0.77.0",
33
+ "@ozen-ui/logger": "0.77.0",
34
+ "@ozen-ui/icons": "0.77.0"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@types/lodash.isequal": "^4.5.0"