@salutejs/plasma-new-hope 0.148.0-canary.1392.10920536997.0 → 0.148.0-canary.1418.10918226755.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (353) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  3. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  4. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  5. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
  6. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  7. package/cjs/components/Mask/Mask.js +46 -0
  8. package/cjs/components/Mask/Mask.js.map +1 -0
  9. package/cjs/components/Segment/tokens.js +1 -15
  10. package/cjs/components/Segment/tokens.js.map +1 -1
  11. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
  12. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +86 -169
  13. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  14. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -37
  15. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  16. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  17. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +4 -8
  18. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -11
  19. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  20. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -31
  21. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  22. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  23. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  24. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
  25. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
  26. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  27. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  28. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  29. package/cjs/components/Tabs/ui/Tabs/Tabs.js +6 -6
  30. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  31. package/cjs/components/TextField/TextField.js +3 -1
  32. package/cjs/components/TextField/TextField.js.map +1 -1
  33. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  34. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  35. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  36. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  37. package/cjs/index.css +8 -18
  38. package/cjs/index.js +2 -0
  39. package/cjs/index.js.map +1 -1
  40. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  41. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
  42. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  43. package/emotion/cjs/components/Mask/Mask.js +56 -0
  44. package/emotion/cjs/components/Mask/Mask.template-doc.mdx +125 -0
  45. package/emotion/cjs/components/Mask/Mask.types.js +5 -0
  46. package/emotion/cjs/components/Mask/index.js +12 -0
  47. package/emotion/cjs/components/Segment/tokens.js +1 -15
  48. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -165
  49. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +25 -25
  50. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -11
  51. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -28
  52. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  53. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  54. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
  55. package/emotion/cjs/components/TextField/TextField.js +4 -2
  56. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  57. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  58. package/emotion/cjs/components/_Icon/index.js +0 -21
  59. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  60. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
  61. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  62. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  63. package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
  64. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
  65. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  66. package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  67. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  68. package/emotion/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
  69. package/emotion/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  70. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  71. package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
  72. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
  73. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  74. package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  75. package/emotion/cjs/index.js +11 -0
  76. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
  77. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  78. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
  79. package/emotion/es/components/Mask/Mask.js +46 -0
  80. package/emotion/es/components/Mask/Mask.template-doc.mdx +125 -0
  81. package/emotion/es/components/Mask/Mask.types.js +1 -0
  82. package/emotion/es/components/Mask/index.js +1 -0
  83. package/emotion/es/components/Segment/tokens.js +1 -15
  84. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -168
  85. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +25 -25
  86. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -12
  87. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -27
  88. package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  89. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  90. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
  91. package/emotion/es/components/TextField/TextField.js +4 -2
  92. package/emotion/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  93. package/emotion/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  94. package/emotion/es/components/_Icon/index.js +0 -3
  95. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  96. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
  97. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  98. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  99. package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
  100. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
  101. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  102. package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  103. package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  104. package/emotion/es/examples/plasma_web/components/Mask/Mask.js +3 -0
  105. package/emotion/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  106. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  107. package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
  108. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
  109. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  110. package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  111. package/emotion/es/index.js +2 -1
  112. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
  113. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  114. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  115. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  116. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
  117. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  118. package/es/components/Mask/Mask.js +42 -0
  119. package/es/components/Mask/Mask.js.map +1 -0
  120. package/es/components/Segment/tokens.js +1 -15
  121. package/es/components/Segment/tokens.js.map +1 -1
  122. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
  123. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +90 -172
  124. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  125. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +2 -34
  126. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  127. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  128. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +4 -8
  129. package/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -12
  130. package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  131. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +3 -30
  132. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  133. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  134. package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  135. package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
  136. package/es/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
  137. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  138. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  139. package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  140. package/es/components/Tabs/ui/Tabs/Tabs.js +6 -6
  141. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  142. package/es/components/TextField/TextField.js +3 -1
  143. package/es/components/TextField/TextField.js.map +1 -1
  144. package/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  145. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  146. package/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  147. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  148. package/es/index.css +8 -18
  149. package/es/index.js +1 -0
  150. package/es/index.js.map +1 -1
  151. package/package.json +6 -4
  152. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
  153. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
  154. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  155. package/styled-components/cjs/components/Mask/Mask.js +56 -0
  156. package/styled-components/cjs/components/Mask/Mask.template-doc.mdx +125 -0
  157. package/styled-components/cjs/components/Mask/Mask.types.js +5 -0
  158. package/styled-components/cjs/components/Mask/index.js +12 -0
  159. package/styled-components/cjs/components/Segment/tokens.js +1 -15
  160. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -165
  161. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +5 -17
  162. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -11
  163. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -23
  164. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  165. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  166. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
  167. package/styled-components/cjs/components/TextField/TextField.js +3 -1
  168. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  169. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  170. package/styled-components/cjs/components/_Icon/index.js +0 -21
  171. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  172. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
  173. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  174. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  175. package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
  176. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +5 -8
  177. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  178. package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  179. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  180. package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
  181. package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  182. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  183. package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
  184. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +5 -11
  185. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  186. package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  187. package/styled-components/cjs/index.js +11 -0
  188. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
  189. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  190. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
  191. package/styled-components/es/components/Mask/Mask.js +46 -0
  192. package/styled-components/es/components/Mask/Mask.template-doc.mdx +125 -0
  193. package/styled-components/es/components/Mask/Mask.types.js +1 -0
  194. package/styled-components/es/components/Mask/index.js +1 -0
  195. package/styled-components/es/components/Segment/tokens.js +1 -15
  196. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -168
  197. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +5 -17
  198. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -12
  199. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -22
  200. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  201. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  202. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
  203. package/styled-components/es/components/TextField/TextField.js +3 -1
  204. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
  205. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
  206. package/styled-components/es/components/_Icon/index.js +0 -3
  207. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
  208. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
  209. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  210. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
  211. package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
  212. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +5 -8
  213. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  214. package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
  215. package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
  216. package/styled-components/es/examples/plasma_web/components/Mask/Mask.js +3 -0
  217. package/styled-components/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  218. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
  219. package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
  220. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +5 -11
  221. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  222. package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
  223. package/styled-components/es/index.js +2 -1
  224. package/types/components/Mask/Mask.d.ts +5 -0
  225. package/types/components/Mask/Mask.d.ts.map +1 -0
  226. package/types/components/Mask/Mask.types.d.ts +62 -0
  227. package/types/components/Mask/Mask.types.d.ts.map +1 -0
  228. package/types/components/Mask/index.d.ts +2 -0
  229. package/types/components/Mask/index.d.ts.map +1 -0
  230. package/types/components/Segment/tokens.d.ts +0 -14
  231. package/types/components/Segment/tokens.d.ts.map +1 -1
  232. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +0 -10
  233. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
  234. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +0 -12
  235. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  236. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -19
  237. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
  238. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +0 -6
  239. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
  240. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -9
  241. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
  242. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +0 -12
  243. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
  244. package/types/components/Segment/ui/SegmentItem/variations/_pilled/base.d.ts.map +1 -1
  245. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  246. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  247. package/types/components/TextField/TextField.d.ts.map +1 -1
  248. package/types/components/_Icon/Icon.assets/DisclosureLeft.d.ts.map +1 -1
  249. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  250. package/types/components/_Icon/index.d.ts +0 -3
  251. package/types/components/_Icon/index.d.ts.map +1 -1
  252. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +191 -0
  253. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -0
  254. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +0 -9
  255. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
  256. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +0 -3
  257. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  258. package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
  259. package/types/examples/plasma_web/components/Mask/Mask.d.ts +191 -0
  260. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -0
  261. package/types/examples/plasma_web/components/Segment/Segment.d.ts +0 -12
  262. package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
  263. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -6
  264. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  265. package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
  266. package/types/index.d.ts +1 -0
  267. package/types/index.d.ts.map +1 -1
  268. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_u742r1.css +0 -8
  269. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -9
  270. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
  271. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
  272. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
  273. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
  274. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -22
  275. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
  276. package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -23
  277. package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
  278. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -22
  279. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
  280. package/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -23
  281. package/cjs/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
  282. package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -23
  283. package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
  284. package/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -23
  285. package/cjs/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
  286. package/emotion/cjs/components/Segment/README.md +0 -61
  287. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
  288. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  289. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  290. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
  291. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  292. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  293. package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
  294. package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  295. package/emotion/es/components/Segment/README.md +0 -61
  296. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
  297. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  298. package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  299. package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
  300. package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  301. package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  302. package/emotion/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
  303. package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  304. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_u742r1.css +0 -8
  305. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -5
  306. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
  307. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
  308. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
  309. package/es/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
  310. package/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -18
  311. package/es/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
  312. package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -19
  313. package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
  314. package/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -18
  315. package/es/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
  316. package/es/components/_Icon/Icons/IconDisclosureDown.js +0 -19
  317. package/es/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
  318. package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -19
  319. package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
  320. package/es/components/_Icon/Icons/IconDisclosureUp.js +0 -19
  321. package/es/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
  322. package/styled-components/cjs/components/Segment/README.md +0 -61
  323. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
  324. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  325. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  326. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
  327. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  328. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  329. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
  330. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  331. package/styled-components/es/components/Segment/README.md +0 -61
  332. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
  333. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
  334. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  335. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
  336. package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  337. package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  338. package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
  339. package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  340. package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +0 -2
  341. package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +0 -1
  342. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
  343. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
  344. package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts +0 -4
  345. package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts.map +0 -1
  346. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
  347. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
  348. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
  349. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
  350. package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts +0 -4
  351. package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts.map +0 -1
  352. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
  353. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
package/cjs/index.css CHANGED
@@ -348,31 +348,21 @@
348
348
 
349
349
  .base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172{width:100%;}.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_spuzt9m__3b76a172,.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_sin9wo2__3b76a172,.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_sin9wo2__3b76a172 > button{width:100%;}
350
350
 
351
- .base_1ejecy9_bb2d6sr__61b9631c.base_1ejecy9_segmentVertical__61b9631c{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1ejecy9_bb2d6sr__61b9631c.base_1ejecy9_segmentVertical__61b9631c .base_1ejecy9_spuzt9m__61b9631c{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1ejecy9_bb2d6sr__61b9631c.base_1ejecy9_segmentVertical__61b9631c .base_1ejecy9_sin9wo2__61b9631c{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
352
-
353
- .SegmentGroup_styles_u742r1_b2sori2__bd84399a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--plasma_private-outline-radius:var(--plasma-segment-group-border-radius);border-radius:var(--plasma-segment-group-border-radius);}
354
- .SegmentGroup_styles_u742r1_sin9wo2__bd84399a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
355
- .SegmentGroup_styles_u742r1_spuzt9m__bd84399a{position:relative;height:100%;width:100%;padding:0.125rem;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.SegmentGroup_styles_u742r1_spuzt9m__bd84399a.SegmentGroup_styles_u742r1_segmentGroupClipScroll__bd84399a{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.SegmentGroup_styles_u742r1_spuzt9m__bd84399a.SegmentGroup_styles_u742r1_segmentGroupClipScroll__bd84399a::-webkit-scrollbar{display:none;}.SegmentGroup_styles_u742r1_spuzt9m__bd84399a.SegmentGroup_styles_u742r1_segmentGroupClipShowAll__bd84399a{overflow:visible;}
356
- .SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;outline:none;position:relative;}.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a.SegmentGroup_styles_u742r1_focusVisible__bd84399a:focus::before,.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a[disabled]{cursor:not-allowed;}
357
- .SegmentGroup_styles_u742r1_s3pgccr__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-arrow-padding);padding-right:0;margin-right:0.1875rem;margin-left:0.125rem;}
358
- .SegmentGroup_styles_u742r1_sax6mvm__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-arrow-padding);padding-left:0;margin-left:0.1875rem;margin-right:0.125rem;}
359
- .SegmentGroup_styles_u742r1_s1n81rr8__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-bottom:0;margin-bottom:0.1875rem;}
360
- .SegmentGroup_styles_u742r1_s7ukuvj__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-top:0;margin-top:0.1875rem;}
351
+ .SegmentGroup_styles_m9i9p0_b2sori2__a29c0677{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
352
+ .SegmentGroup_styles_m9i9p0_sin9wo2__a29c0677{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
353
+ .SegmentGroup_styles_m9i9p0_spuzt9m__a29c0677{position:relative;height:100%;margin:0;padding:0.25rem;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;}.SegmentGroup_styles_m9i9p0_spuzt9m__a29c0677::-webkit-scrollbar{display:none;}
354
+ .SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677.SegmentGroup_styles_m9i9p0_focusVisible__a29c0677:focus::before,.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677[disabled]{cursor:not-allowed;}
361
355
 
362
356
  .base_7kjuok_b1kyapt7__5060a19f{font-family:var(--plasma-segment-item-font-family);font-size:var(--plasma-segment-item-font-size);font-style:var(--plasma-segment-item-font-style);font-weight:var(--plasma-segment-item-font-weight);-webkit-letter-spacing:var(--plasma-segment-item-letter-spacing);-moz-letter-spacing:var(--plasma-segment-item-letter-spacing);-ms-letter-spacing:var(--plasma-segment-item-letter-spacing);letter-spacing:var(--plasma-segment-item-letter-spacing);line-height:var(--plasma-segment-item-lineheight);--plasma_private-outline-radius:var(--plasma-segment-item-border-radius);border-radius:var(--plasma-segment-item-border-radius);width:var(--plasma-segment-item-width);height:var(--plasma-segment-item-height);padding:var(--plasma-segment-item-padding);}
363
357
 
364
- .base_168a47w_b1tykljf__d270d938{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_168a47w_b1tykljf__d270d938:hover{color:var(--plasma-segment-item-color-hover);background-color:var(--plasma-segment-item-background-color-hover);}.base_168a47w_b1tykljf__d270d938:hover .base_168a47w_rgzn5ju__d270d938{color:var(--plasma-segment-item-additional-color-hover);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938 .base_168a47w_rgzn5ju__d270d938{color:var(--plasma-segment-item-selected-additional-color);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938:hover{color:var(--plasma-segment-item-selected-color-hover);background-color:var(--plasma-segment-item-selected-background-color-hover);}.base_168a47w_b1tykljf__d270d938.base_168a47w_selectedSegmentItem__d270d938:hover .base_168a47w_rgzn5ju__d270d938{color:var(--plasma-segment-item-selected-additional-color-hover);}
358
+ .base_1m1u2ys_b1tykljf__1c5eb012{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_1m1u2ys_b1tykljf__1c5eb012:hover{color:var(--plasma-segment-item-color-hover);background-color:var(--plasma-segment-item-background-color-hover);}.base_1m1u2ys_b1tykljf__1c5eb012.base_1m1u2ys_selectedSegmentItem__1c5eb012{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}.base_1m1u2ys_b1tykljf__1c5eb012.base_1m1u2ys_selectedSegmentItem__1c5eb012:hover{color:var(--plasma-segment-item-selected-color-hover);background-color:var(--plasma-segment-item-selected-background-color-hover);}
365
359
 
366
360
  .base_y6af8r_bwprat9__353907e1[disabled]{cursor:not-allowed;}.base_y6af8r_bwprat9__353907e1[disabled]:hover{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_y6af8r_bwprat9__353907e1[disabled].base_y6af8r_selectedSegmentItem__353907e1:hover{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}
367
361
 
368
- .base_omc5u1_b795lc7__e9b122aa.base_omc5u1_segmentPilled__e9b122aa{--plasma_private-outline-radius:var(--plasma-segment-item-pilled-border-radius);border-radius:var(--plasma-segment-item-pilled-border-radius);padding:var(--plasma-segment-item-pilled-padding);}
362
+ .base_15s0fel_b795lc7__4501241a.base_15s0fel_segmentPilled__4501241a{--plasma_private-outline-radius:var(--plasma-segment-item-pilled-border-radius);border-radius:var(--plasma-segment-item-pilled-border-radius);}
369
363
 
370
- .SegmentItem_styles_f1jpip_bxcdyja__cfc991ac{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(--plasma-segment-item-margin-left);-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac:first-child{margin-left:0;}.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac.SegmentItem_styles_f1jpip_focusVisible__cfc991ac:focus::before,.SegmentItem_styles_f1jpip_bxcdyja__cfc991ac[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}
371
- .SegmentItem_styles_f1jpip_sxjfe87__cfc991ac{margin-right:var(--plasma-segment-item-content-icon-margin);}
372
- .SegmentItem_styles_f1jpip_s1gg7fed__cfc991ac{margin-left:var(--plasma-segment-item-content-icon-margin);}
373
- .SegmentItem_styles_f1jpip_sctm1j9__cfc991ac{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:var(--plasma-segment-item-content-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--sctm1j9-0);margin-left:var(--sctm1j9-1);}
374
- .SegmentItem_styles_f1jpip_rgzn5ju__cfc991ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-segment-item-content-icon-margin);color:var(--plasma-segment-item-additional-color);}
375
- .SegmentItem_styles_f1jpip_l1sp2ipp__cfc991ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:var(--plasma-segment-item-content-icon-margin);color:inherit;}
364
+ .SegmentItem_styles_18h1p52_bxcdyja__b7ac762c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(--plasma-segment-item-margin-left);-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c:first-child{margin-left:0;}.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c.SegmentItem_styles_18h1p52_focusVisible__b7ac762c:focus::before,.SegmentItem_styles_18h1p52_bxcdyja__b7ac762c[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}
365
+ .SegmentItem_styles_18h1p52_sxjfe87__b7ac762c{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
376
366
 
377
367
  .base_1wf7n5i_b1x66a6y__80fc5ddb{height:var(--plasma-skeleton-line-height);}.base_1wf7n5i_b1x66a6y__80fc5ddb .base_1wf7n5i_sn3du7u__80fc5ddb{height:var(--plasma-skeleton-visible-line-height);}
378
368
 
package/cjs/index.js CHANGED
@@ -189,6 +189,7 @@ var EmptyState = require('./components/EmptyState/EmptyState.js');
189
189
  var EmptyState_tokens = require('./components/EmptyState/EmptyState.tokens.js');
190
190
  var Editable = require('./components/Editable/Editable.js');
191
191
  var Editable_tokens = require('./components/Editable/Editable.tokens.js');
192
+ var Mask = require('./components/Mask/Mask.js');
192
193
  var common = require('./engines/common.js');
193
194
  var canUseDOM = require('./utils/canUseDOM.js');
194
195
  var extractTextFrom = require('./utils/extractTextFrom.js');
@@ -559,6 +560,7 @@ exports.emptyStateTokens = EmptyState_tokens.tokens;
559
560
  exports.editableConfig = Editable.editableConfig;
560
561
  exports.editableRoot = Editable.editableRoot;
561
562
  exports.editableTokens = Editable_tokens.tokens;
563
+ exports.composeMask = Mask.composeMask;
562
564
  exports.component = common.component;
563
565
  exports.mergeConfig = common.mergeConfig;
564
566
  exports.canUseDOM = canUseDOM.canUseDOM;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -25,9 +25,9 @@ var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _base["default"])(Link, {
25
25
  outlineSize: '0.125rem',
26
26
  outlineRadius: '0rem',
27
27
  outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
28
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodENlbnRlcmVkIH0gZnJvbSAnLi4vX0ljb24nO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0JyZWFkY3J1bWJzLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZExpbmtDb25maWcgPSBtZXJnZUNvbmZpZyhsaW5rQ29uZmlnKTtcbmNvbnN0IExpbmsgPSBjb21wb25lbnQobWVyZ2VkTGlua0NvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspPHsgaXNIcmVmOiBib29sZWFuIH0+YFxuICAgIG9wYWNpdHk6ICR7KHsgaXNIcmVmIH0pID0+IChpc0hyZWYgPyAxIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KWApfTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvY3VzT3V0bGluZUNvbG9yfSlgLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNHYXB9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChJY29uRGlzY2xvc3VyZVJpZ2h0Q2VudGVyZWQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
29
- var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;align-items:center;gap:var(", _Breadcrumbs.tokens.breadcrumbsGap, ");color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");font-family:var(", _Breadcrumbs.tokens.breadcrumbsFontFamily, ");font-size:var(", _Breadcrumbs.tokens.breadcrumbsFontSize, ");font-weight:var(", _Breadcrumbs.tokens.breadcrumbsFontWeight, ");font-style:var(", _Breadcrumbs.tokens.breadcrumbsFontStyle, ");letter-spacing:var(", _Breadcrumbs.tokens.breadcrumbsLetterSpacing, ");line-height:var(", _Breadcrumbs.tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHRDZW50ZXJlZCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodENlbnRlcmVkKWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
30
- var Separator = exports.Separator = /*#__PURE__*/(0, _base["default"])(_Icon.IconDisclosureRightCentered, {
28
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
29
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;align-items:center;gap:var(", _Breadcrumbs.tokens.breadcrumbsGap, ");color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");font-family:var(", _Breadcrumbs.tokens.breadcrumbsFontFamily, ");font-size:var(", _Breadcrumbs.tokens.breadcrumbsFontSize, ");font-weight:var(", _Breadcrumbs.tokens.breadcrumbsFontWeight, ");font-style:var(", _Breadcrumbs.tokens.breadcrumbsFontStyle, ");letter-spacing:var(", _Breadcrumbs.tokens.breadcrumbsLetterSpacing, ");line-height:var(", _Breadcrumbs.tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
30
+ var Separator = exports.Separator = /*#__PURE__*/(0, _base["default"])(_Icon.IconDisclosureRight, {
31
31
  target: "e1jirwgn0",
32
32
  label: "plasma-new-hope__Separator"
33
- })("color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDNEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHRDZW50ZXJlZCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodENlbnRlcmVkKWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
33
+ })("color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
@@ -70,7 +70,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
70
70
  onClick: function onClick() {
71
71
  return onPrev();
72
72
  }
73
- }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeftCentered, {
73
+ }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
74
74
  color: "inherit",
75
75
  size: size === 'xs' ? 'xs' : 's'
76
76
  }));
@@ -81,7 +81,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
81
81
  onClick: function onClick() {
82
82
  return onNext();
83
83
  }
84
- }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
84
+ }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
85
85
  color: "inherit",
86
86
  size: size === 'xs' ? 'xs' : 's'
87
87
  }));
@@ -85,7 +85,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
85
85
  "aria-haspopup": ariaHasPopup,
86
86
  "aria-level": ariaLevel,
87
87
  "aria-label": ariaLabel
88
- }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
88
+ }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
89
89
  size: disclosureIconSize,
90
90
  color: "inherit"
91
91
  })));
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.composeMask = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _reactMaskinput = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@salutejs/react-maskinput"));
10
+ var _excluded = ["maskFormat"];
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
18
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
19
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
20
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
22
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
+ var defaultFormatChars = [{
24
+ str: '0',
25
+ regexp: /[0-9]/
26
+ }, {
27
+ str: '*',
28
+ regexp: /./
29
+ }, {
30
+ str: 'a',
31
+ regexp: /[a-zA-Z]/
32
+ }, {
33
+ str: 'я',
34
+ regexp: /[а-яА-ЯёЁ]/
35
+ }];
36
+ var composeMask = exports.composeMask = function composeMask(InputComponent) {
37
+ var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
38
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
39
+ var _ref$maskFormat = _ref.maskFormat,
40
+ maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
41
+ rest = _objectWithoutProperties(_ref, _excluded);
42
+ var _useState = (0, _react.useState)(null),
43
+ _useState2 = _slicedToArray(_useState, 2),
44
+ ref = _useState2[0],
45
+ setRef = _useState2[1];
46
+ (0, _react.useImperativeHandle)(outerRef, function () {
47
+ return ref;
48
+ }, [ref]);
49
+ return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
50
+ getReference: function getReference(el) {
51
+ return setRef(el);
52
+ },
53
+ maskFormat: maskFormat
54
+ }, rest));
55
+ });
56
+ };
@@ -0,0 +1,125 @@
1
+ ---
2
+ id: mask
3
+ title: Mask
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ import Tabs from '@theme/Tabs';
9
+ import TabItem from '@theme/TabItem';
10
+
11
+ # Mask
12
+ <Description name="Mask" />
13
+ <PropsTable name="Mask" exclude={['css']} />
14
+
15
+ ## Использование
16
+ Компонент `Mask` представляет собой поле ввода с возможностью маскирования значения.
17
+ Он реализован на компоненте [TextField](https://plasma.sberdevices.ru/b2c/components/textfield/)
18
+ и наследует практически все его свойства (`size`, `view`, `disabled`, `label` и тд.)
19
+
20
+ ```tsx live
21
+ import React from 'react';
22
+ import { Mask } from '@salutejs/{{ package }}';
23
+ import { IconDone } from '@salutejs/plasma-icons';
24
+
25
+ export function App() {
26
+ return (
27
+ <div>
28
+ <Mask
29
+ label="Лейбл"
30
+ leftHelper="Подсказка к полю"
31
+ placeholder="Введите дату"
32
+ mask="00/00/0000"
33
+ maskString="DD/MM/YYYY"
34
+ size="l"
35
+ />
36
+ </div>
37
+ );
38
+ }
39
+ ```
40
+
41
+ ### Маска
42
+ Маска задается с помощью свойства `mask`.
43
+ Поддерживает следующие символы:
44
+
45
+ | Обозначение | Описание |
46
+ |-------------|---------------------------------------|
47
+ | 0 | любая цифра от 0 до 9 |
48
+ | a (англ.) | A-Z, a-z |
49
+ | я | А-Я, а-я, ё, Ё |
50
+ | q | буква "q" |
51
+ | 2 | цифра "2" |
52
+ | * | любой символ |
53
+ | \ | символ экранирования "\a" - буква "a" |
54
+
55
+
56
+ <Tabs>
57
+ <TabItem value="phone" label="Маска телефона">
58
+ Пример маски для ввода телефона
59
+
60
+ ```tsx live
61
+ import React from 'react';
62
+ import { Mask } from '@salutejs/{{ package }}';
63
+
64
+ export function App() {
65
+ return (
66
+ <div>
67
+ <Mask
68
+ label="Маска телефона"
69
+ placeholder="Введите телефон"
70
+ mask="+7 (000) 000 - 00 - 00"
71
+ maskChar="_"
72
+ size="l"
73
+ alwaysShowMask
74
+ />
75
+ </div>
76
+ );
77
+ }
78
+ ```
79
+ </TabItem>
80
+ <TabItem value="date" label="Маска даты">
81
+ Пример маски для ввода даты
82
+
83
+ ```tsx live
84
+ import React from 'react';
85
+ import { Mask } from '@salutejs/{{ package }}';
86
+
87
+ export function App() {
88
+ return (
89
+ <div>
90
+ <Mask
91
+ label="Маска даты"
92
+ placeholder="Введите дату"
93
+ mask="00/00/0000"
94
+ maskString="DD/MM/YYYY"
95
+ size="l"
96
+ />
97
+ </div>
98
+ );
99
+ }
100
+ ```
101
+ </TabItem>
102
+ <TabItem value="time" label="Маска времени">
103
+ Пример маски для ввода даты
104
+
105
+ ```tsx live
106
+ import React from 'react';
107
+ import { Mask } from '@salutejs/{{ package }}';
108
+
109
+ export function App() {
110
+ return (
111
+ <div>
112
+ <Mask
113
+ label="Маска времени"
114
+ placeholder="Введите время"
115
+ mask="1\0:00"
116
+ maskChar="_"
117
+ size="l"
118
+ showPrefix
119
+ />
120
+ </div>
121
+ );
122
+ }
123
+ ```
124
+ </TabItem>
125
+ </Tabs>
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "composeMask", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Mask.composeMask;
10
+ }
11
+ });
12
+ var _Mask = /*#__PURE__*/require("./Mask");
@@ -8,12 +8,7 @@ var classes = exports.classes = {
8
8
  selectedSegmentItem: 'selected-segment-item',
9
9
  segmentPilled: 'segment-pilled',
10
10
  segmentGroupFilledBackground: 'segment-group-filled-background',
11
- segmentStretch: 'segment-stretched',
12
- segmentVertical: 'segment-vertical',
13
- segmentArrowPadding: 'segment-arrow-padding',
14
- segmentGroupClipScroll: 'segment-group-clip-scroll',
15
- segmentGroupClipShowAll: 'segment-group-clip-show-all',
16
- segmentXsSize: 'segment-xs-size'
11
+ segmentStretch: 'segment-stretched'
17
12
  };
18
13
  var tokens = exports.tokens = {
19
14
  fontFamily: '--plasma-segment-item-font-family',
@@ -28,8 +23,6 @@ var tokens = exports.tokens = {
28
23
  groupPilledBorderRadius: '--plasma-segment-group-pilled-border-radius',
29
24
  groupWidth: '--plasma-segment-group-width',
30
25
  groupHeight: '--plasma-segment-group-height',
31
- groupArrowPadding: '--plasma-segment-group-arrow-padding',
32
- groupVerticalArrowPadding: '--plasma-segment-group-vertical-arrow-padding',
33
26
  groupBackgroundColor: '--plasma-segment-group-background-color',
34
27
  groupFilledBackgroundColor: '--plasma-segment-group-filled-background-color',
35
28
  itemBorderRadius: '--plasma-segment-item-border-radius',
@@ -37,21 +30,14 @@ var tokens = exports.tokens = {
37
30
  itemWidth: '--plasma-segment-item-width',
38
31
  itemHeight: '--plasma-segment-item-height',
39
32
  itemPadding: '--plasma-segment-item-padding',
40
- itemPilledPadding: '--plasma-segment-item-pilled-padding',
41
33
  itemMarginLeft: '--plasma-segment-item-margin-left',
42
- itemContentPadding: '--plasma-segment-item-content-padding',
43
- itemIconMargin: '--plasma-segment-item-content-icon-margin',
44
34
  itemColor: '--plasma-segment-item-color',
45
35
  itemBackgroundColor: '--plasma-segment-item-background-color',
46
36
  itemColorHover: '--plasma-segment-item-color-hover',
47
37
  itemBackgroundColorHover: '--plasma-segment-item-background-color-hover',
48
- itemAdditionalColor: '--plasma-segment-item-additional-color',
49
- itemAdditionalColorHover: '--plasma-segment-item-additional-color-hover',
50
38
  itemSelectedColor: '--plasma-segment-item-selected-color',
51
39
  itemSelectedBackgroundColor: '--plasma-segment-item-selected-background-color',
52
40
  itemSelectedColorHover: '--plasma-segment-item-selected-color-hover',
53
41
  itemSelectedBackgroundColorHover: '--plasma-segment-item-selected-background-color-hover',
54
- itemSelectedAdditionalColor: '--plasma-segment-item-selected-additional-color',
55
- itemSelectedAdditionalColorHover: '--plasma-segment-item-selected-additional-color-hover',
56
42
  disabledOpacity: '--plasma-segment-disabled-opacity'
57
43
  };