@salutejs/plasma-new-hope 0.151.0-canary.1445.10999600795.0 → 0.151.0-canary.1449.10999414938.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (315) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +17 -15
  2. package/cjs/components/Chip/Chip.js +1 -1
  3. package/cjs/components/Chip/Chip.js.map +1 -1
  4. package/cjs/components/Chip/Chip.tokens.js +1 -2
  5. package/cjs/components/Chip/Chip.tokens.js.map +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.css +17 -15
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -15
  8. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -15
  9. package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -15
  10. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -15
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -15
  12. package/cjs/components/Range/Range.css +17 -15
  13. package/cjs/components/Slider/Slider.css +17 -15
  14. package/cjs/components/Slider/components/Double/Double.css +17 -15
  15. package/cjs/components/TextField/TextField.js +24 -9
  16. package/cjs/components/TextField/TextField.js.map +1 -1
  17. package/cjs/components/TextField/TextField.styles.js +15 -7
  18. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  19. package/{es/components/TextField/TextField.styles_uponva.css → cjs/components/TextField/TextField.styles_1d2ryq.css} +2 -2
  20. package/cjs/components/TextField/TextField.tokens.js +9 -0
  21. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  22. package/cjs/components/{ChipGroup/variations/_gap → TextField/variations/_clear}/base.js +2 -2
  23. package/cjs/components/TextField/variations/_clear/base.js.map +1 -0
  24. package/cjs/components/TextField/variations/_clear/base_1v36fe3.css +1 -0
  25. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  26. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -1
  27. package/cjs/components/TextField/variations/_disabled/base_2tv0nz.css +1 -0
  28. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  29. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  30. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +1 -0
  31. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  32. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  33. package/cjs/components/TextField/variations/_read-only/base_kcc8wi.css +1 -0
  34. package/cjs/index.css +17 -23
  35. package/cjs/index.js +0 -7
  36. package/cjs/index.js.map +1 -1
  37. package/emotion/cjs/components/Chip/Chip.js +1 -1
  38. package/emotion/cjs/components/Chip/Chip.tokens.js +1 -2
  39. package/emotion/cjs/components/Chip/index.js +0 -6
  40. package/emotion/cjs/components/TextField/TextField.js +25 -10
  41. package/emotion/cjs/components/TextField/TextField.styles.js +20 -16
  42. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +50 -17
  43. package/emotion/cjs/components/TextField/TextField.tokens.js +9 -0
  44. package/emotion/cjs/components/TextField/variations/_clear/base.js +10 -0
  45. package/emotion/cjs/components/TextField/variations/_clear/tokens.json +10 -0
  46. package/emotion/cjs/components/TextField/variations/_disabled/base.js +1 -1
  47. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  48. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  49. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
  50. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +8 -0
  51. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +15 -12
  52. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  53. package/emotion/cjs/index.js +0 -11
  54. package/emotion/es/components/Chip/Chip.js +1 -1
  55. package/emotion/es/components/Chip/Chip.tokens.js +1 -2
  56. package/emotion/es/components/Chip/index.js +1 -1
  57. package/emotion/es/components/TextField/TextField.js +19 -4
  58. package/emotion/es/components/TextField/TextField.styles.js +20 -16
  59. package/emotion/es/components/TextField/TextField.template-doc.mdx +50 -17
  60. package/emotion/es/components/TextField/TextField.tokens.js +9 -0
  61. package/emotion/es/components/TextField/variations/_clear/base.js +4 -0
  62. package/emotion/es/components/TextField/variations/_clear/tokens.json +10 -0
  63. package/emotion/es/components/TextField/variations/_disabled/base.js +1 -1
  64. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  65. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  66. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
  67. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +8 -0
  68. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +15 -12
  69. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  70. package/emotion/es/index.js +0 -1
  71. package/es/components/Autocomplete/Autocomplete.css +17 -15
  72. package/es/components/Chip/Chip.js +1 -1
  73. package/es/components/Chip/Chip.js.map +1 -1
  74. package/es/components/Chip/Chip.tokens.js +1 -2
  75. package/es/components/Chip/Chip.tokens.js.map +1 -1
  76. package/es/components/Combobox/ComboboxNew/Combobox.css +17 -15
  77. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -15
  78. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -15
  79. package/es/components/DatePicker/RangeDate/RangeDate.css +17 -15
  80. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -15
  81. package/es/components/DatePicker/SingleDate/SingleDate.css +17 -15
  82. package/es/components/Range/Range.css +17 -15
  83. package/es/components/Slider/Slider.css +17 -15
  84. package/es/components/Slider/components/Double/Double.css +17 -15
  85. package/es/components/TextField/TextField.js +24 -9
  86. package/es/components/TextField/TextField.js.map +1 -1
  87. package/es/components/TextField/TextField.styles.js +15 -7
  88. package/es/components/TextField/TextField.styles.js.map +1 -1
  89. package/{cjs/components/TextField/TextField.styles_uponva.css → es/components/TextField/TextField.styles_1d2ryq.css} +2 -2
  90. package/es/components/TextField/TextField.tokens.js +9 -0
  91. package/es/components/TextField/TextField.tokens.js.map +1 -1
  92. package/es/components/{ChipGroup/variations/_view → TextField/variations/_clear}/base.js +2 -2
  93. package/es/components/TextField/variations/_clear/base.js.map +1 -0
  94. package/es/components/TextField/variations/_clear/base_1v36fe3.css +1 -0
  95. package/es/components/TextField/variations/_disabled/base.js +1 -1
  96. package/es/components/TextField/variations/_disabled/base.js.map +1 -1
  97. package/es/components/TextField/variations/_disabled/base_2tv0nz.css +1 -0
  98. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  99. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  100. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +1 -0
  101. package/es/components/TextField/variations/_read-only/base.js +1 -1
  102. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  103. package/es/components/TextField/variations/_read-only/base_kcc8wi.css +1 -0
  104. package/es/index.css +17 -23
  105. package/es/index.js +1 -3
  106. package/es/index.js.map +1 -1
  107. package/package.json +2 -2
  108. package/styled-components/cjs/components/Chip/Chip.js +1 -1
  109. package/styled-components/cjs/components/Chip/Chip.tokens.js +1 -2
  110. package/styled-components/cjs/components/Chip/index.js +0 -6
  111. package/styled-components/cjs/components/TextField/TextField.js +24 -9
  112. package/styled-components/cjs/components/TextField/TextField.styles.js +7 -3
  113. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +50 -17
  114. package/styled-components/cjs/components/TextField/TextField.tokens.js +9 -0
  115. package/styled-components/cjs/components/TextField/variations/_clear/base.js +10 -0
  116. package/styled-components/cjs/components/TextField/variations/_clear/tokens.json +10 -0
  117. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +1 -1
  118. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  119. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  120. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -9
  121. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +8 -0
  122. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -9
  123. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  124. package/styled-components/cjs/index.js +0 -11
  125. package/styled-components/es/components/Chip/Chip.js +1 -1
  126. package/styled-components/es/components/Chip/Chip.tokens.js +1 -2
  127. package/styled-components/es/components/Chip/index.js +1 -1
  128. package/styled-components/es/components/TextField/TextField.js +18 -3
  129. package/styled-components/es/components/TextField/TextField.styles.js +7 -3
  130. package/styled-components/es/components/TextField/TextField.template-doc.mdx +50 -17
  131. package/styled-components/es/components/TextField/TextField.tokens.js +9 -0
  132. package/styled-components/es/components/TextField/variations/_clear/base.js +4 -0
  133. package/styled-components/es/components/TextField/variations/_clear/tokens.json +10 -0
  134. package/styled-components/es/components/TextField/variations/_disabled/base.js +1 -1
  135. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  136. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  137. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -9
  138. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +8 -0
  139. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +12 -9
  140. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  141. package/styled-components/es/index.js +0 -1
  142. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +120 -0
  143. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  144. package/types/components/Chip/Chip.tokens.d.ts +0 -1
  145. package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
  146. package/types/components/Chip/index.d.ts +1 -1
  147. package/types/components/Chip/index.d.ts.map +1 -1
  148. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +120 -0
  149. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  150. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +120 -0
  151. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  152. package/types/components/Range/Range.styles.d.ts +120 -0
  153. package/types/components/Range/Range.styles.d.ts.map +1 -1
  154. package/types/components/Slider/components/Double/Double.styles.d.ts +120 -0
  155. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  156. package/types/components/TextField/TextField.d.ts +4 -0
  157. package/types/components/TextField/TextField.d.ts.map +1 -1
  158. package/types/components/TextField/TextField.styles.d.ts +5 -4
  159. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  160. package/types/components/TextField/TextField.tokens.d.ts +9 -0
  161. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  162. package/types/components/TextField/TextField.types.d.ts +20 -1
  163. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  164. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -0
  165. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -1
  166. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  167. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  168. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +236 -0
  169. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  170. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +3 -0
  171. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  172. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +123 -0
  173. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  174. package/types/examples/plasma_web/components/Mask/Mask.d.ts +236 -0
  175. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  176. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +3 -0
  177. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  178. package/types/examples/plasma_web/components/TextField/TextField.d.ts +123 -0
  179. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  180. package/types/index.d.ts +0 -1
  181. package/types/index.d.ts.map +1 -1
  182. package/cjs/components/ChipGroup/ChipGroup.css +0 -7
  183. package/cjs/components/ChipGroup/ChipGroup.js +0 -63
  184. package/cjs/components/ChipGroup/ChipGroup.js.map +0 -1
  185. package/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
  186. package/cjs/components/ChipGroup/ChipGroup.styles.js.map +0 -1
  187. package/cjs/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +0 -1
  188. package/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -50
  189. package/cjs/components/ChipGroup/ChipGroup.tokens.js.map +0 -1
  190. package/cjs/components/ChipGroup/variations/_gap/base.js.map +0 -1
  191. package/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css +0 -1
  192. package/cjs/components/ChipGroup/variations/_size/base.js +0 -9
  193. package/cjs/components/ChipGroup/variations/_size/base.js.map +0 -1
  194. package/cjs/components/ChipGroup/variations/_size/base_eu60ye.css +0 -1
  195. package/cjs/components/ChipGroup/variations/_view/base.js +0 -9
  196. package/cjs/components/ChipGroup/variations/_view/base.js.map +0 -1
  197. package/cjs/components/ChipGroup/variations/_view/base_122089q.css +0 -1
  198. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  199. package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
  200. package/cjs/components/TextField/variations/_read-only/base_8onybn.css +0 -1
  201. package/emotion/cjs/components/ChipGroup/ChipGroup.js +0 -65
  202. package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
  203. package/emotion/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  204. package/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -48
  205. package/emotion/cjs/components/ChipGroup/ChipGroup.types.js +0 -5
  206. package/emotion/cjs/components/ChipGroup/index.js +0 -31
  207. package/emotion/cjs/components/ChipGroup/variations/_gap/base.js +0 -9
  208. package/emotion/cjs/components/ChipGroup/variations/_gap/tokens.json +0 -1
  209. package/emotion/cjs/components/ChipGroup/variations/_size/base.js +0 -10
  210. package/emotion/cjs/components/ChipGroup/variations/_size/tokens.json +0 -22
  211. package/emotion/cjs/components/ChipGroup/variations/_view/base.js +0 -10
  212. package/emotion/cjs/components/ChipGroup/variations/_view/tokens.json +0 -15
  213. package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -33
  214. package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -11
  215. package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  216. package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -33
  217. package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -11
  218. package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  219. package/emotion/es/components/ChipGroup/ChipGroup.js +0 -56
  220. package/emotion/es/components/ChipGroup/ChipGroup.styles.js +0 -3
  221. package/emotion/es/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  222. package/emotion/es/components/ChipGroup/ChipGroup.tokens.js +0 -42
  223. package/emotion/es/components/ChipGroup/ChipGroup.types.js +0 -1
  224. package/emotion/es/components/ChipGroup/index.js +0 -2
  225. package/emotion/es/components/ChipGroup/variations/_gap/base.js +0 -3
  226. package/emotion/es/components/ChipGroup/variations/_gap/tokens.json +0 -1
  227. package/emotion/es/components/ChipGroup/variations/_size/base.js +0 -4
  228. package/emotion/es/components/ChipGroup/variations/_size/tokens.json +0 -22
  229. package/emotion/es/components/ChipGroup/variations/_view/base.js +0 -4
  230. package/emotion/es/components/ChipGroup/variations/_view/tokens.json +0 -15
  231. package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -27
  232. package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -5
  233. package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  234. package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -27
  235. package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -5
  236. package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  237. package/es/components/ChipGroup/ChipGroup.css +0 -7
  238. package/es/components/ChipGroup/ChipGroup.js +0 -58
  239. package/es/components/ChipGroup/ChipGroup.js.map +0 -1
  240. package/es/components/ChipGroup/ChipGroup.styles.js +0 -5
  241. package/es/components/ChipGroup/ChipGroup.styles.js.map +0 -1
  242. package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +0 -1
  243. package/es/components/ChipGroup/ChipGroup.tokens.js +0 -45
  244. package/es/components/ChipGroup/ChipGroup.tokens.js.map +0 -1
  245. package/es/components/ChipGroup/variations/_gap/base.js +0 -5
  246. package/es/components/ChipGroup/variations/_gap/base.js.map +0 -1
  247. package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css +0 -1
  248. package/es/components/ChipGroup/variations/_size/base.js +0 -5
  249. package/es/components/ChipGroup/variations/_size/base.js.map +0 -1
  250. package/es/components/ChipGroup/variations/_size/base_eu60ye.css +0 -1
  251. package/es/components/ChipGroup/variations/_view/base.js.map +0 -1
  252. package/es/components/ChipGroup/variations/_view/base_122089q.css +0 -1
  253. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  254. package/es/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
  255. package/es/components/TextField/variations/_read-only/base_8onybn.css +0 -1
  256. package/styled-components/cjs/components/ChipGroup/ChipGroup.js +0 -65
  257. package/styled-components/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
  258. package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  259. package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -48
  260. package/styled-components/cjs/components/ChipGroup/ChipGroup.types.js +0 -5
  261. package/styled-components/cjs/components/ChipGroup/index.js +0 -31
  262. package/styled-components/cjs/components/ChipGroup/variations/_gap/base.js +0 -9
  263. package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json +0 -1
  264. package/styled-components/cjs/components/ChipGroup/variations/_size/base.js +0 -10
  265. package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json +0 -22
  266. package/styled-components/cjs/components/ChipGroup/variations/_view/base.js +0 -10
  267. package/styled-components/cjs/components/ChipGroup/variations/_view/tokens.json +0 -15
  268. package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -33
  269. package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -11
  270. package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  271. package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -33
  272. package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -11
  273. package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  274. package/styled-components/es/components/ChipGroup/ChipGroup.js +0 -56
  275. package/styled-components/es/components/ChipGroup/ChipGroup.styles.js +0 -3
  276. package/styled-components/es/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  277. package/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +0 -42
  278. package/styled-components/es/components/ChipGroup/ChipGroup.types.js +0 -1
  279. package/styled-components/es/components/ChipGroup/index.js +0 -2
  280. package/styled-components/es/components/ChipGroup/variations/_gap/base.js +0 -3
  281. package/styled-components/es/components/ChipGroup/variations/_gap/tokens.json +0 -1
  282. package/styled-components/es/components/ChipGroup/variations/_size/base.js +0 -4
  283. package/styled-components/es/components/ChipGroup/variations/_size/tokens.json +0 -22
  284. package/styled-components/es/components/ChipGroup/variations/_view/base.js +0 -4
  285. package/styled-components/es/components/ChipGroup/variations/_view/tokens.json +0 -15
  286. package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -27
  287. package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -5
  288. package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  289. package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -27
  290. package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -5
  291. package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  292. package/types/components/ChipGroup/ChipGroup.d.ts +0 -27
  293. package/types/components/ChipGroup/ChipGroup.d.ts.map +0 -1
  294. package/types/components/ChipGroup/ChipGroup.styles.d.ts +0 -2
  295. package/types/components/ChipGroup/ChipGroup.styles.d.ts.map +0 -1
  296. package/types/components/ChipGroup/ChipGroup.tokens.d.ts +0 -43
  297. package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +0 -1
  298. package/types/components/ChipGroup/ChipGroup.types.d.ts +0 -42
  299. package/types/components/ChipGroup/ChipGroup.types.d.ts.map +0 -1
  300. package/types/components/ChipGroup/index.d.ts +0 -3
  301. package/types/components/ChipGroup/index.d.ts.map +0 -1
  302. package/types/components/ChipGroup/variations/_gap/base.d.ts.map +0 -1
  303. package/types/components/ChipGroup/variations/_size/base.d.ts +0 -2
  304. package/types/components/ChipGroup/variations/_size/base.d.ts.map +0 -1
  305. package/types/components/ChipGroup/variations/_view/base.d.ts +0 -2
  306. package/types/components/ChipGroup/variations/_view/base.d.ts.map +0 -1
  307. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts +0 -24
  308. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  309. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts +0 -19
  310. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  311. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts +0 -24
  312. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  313. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts +0 -19
  314. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  315. /package/types/components/{ChipGroup/variations/_gap → TextField/variations/_clear}/base.d.ts +0 -0
@@ -1,27 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css } from '@linaria/core';
4
- import { chipGroupTokens as tokens } from '../../../../components/ChipGroup';
5
- export var config = {
6
- defaults: {
7
- view: 'default',
8
- size: 'm'
9
- },
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
13
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
14
- accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
15
- },
16
- size: {
17
- l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 1rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": -0.125rem;\n ", ": 0.5rem;\n ", ": 0.625rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1.5rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize),
18
- m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": -0.125rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize),
19
- s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize),
20
- xs: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize)
21
- },
22
- gap: {
23
- dense: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), tokens.chipGroupItemsGap),
24
- wide: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), tokens.chipGroupItemsGap)
25
- }
26
- }
27
- };
@@ -1,5 +0,0 @@
1
- import { chipGroupConfig } from '../../../../components/ChipGroup';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './ChipGroup.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(chipGroupConfig, config);
5
- export var ChipGroup = /*#__PURE__*/component(mergedConfig);
@@ -1,95 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
- import { Chip } from '../Chip/Chip';
8
-
9
- import { ChipGroup } from './ChipGroup';
10
-
11
- type StoryProps = ComponentProps<typeof ChipGroup> & { itemsCount?: number };
12
- type Story = StoryObj<StoryProps>;
13
-
14
- const views = ['default', 'accent', 'secondary'];
15
- const sizes = ['l', 'm', 's', 'xs'];
16
- const gapValues = ['dense', 'wide'];
17
-
18
- const meta: Meta<typeof ChipGroup> = {
19
- title: 'plasma_b2c/ChipGroup',
20
- decorators: [WithTheme],
21
- argTypes: {
22
- size: {
23
- options: sizes,
24
- control: { type: 'select' },
25
- if: { arg: 'isCommonChipStyles', truthy: true },
26
- },
27
- view: {
28
- options: views,
29
- control: { type: 'select' },
30
- if: { arg: 'isCommonChipStyles', truthy: true },
31
- },
32
- gap: {
33
- options: gapValues,
34
- control: {
35
- type: 'select',
36
- },
37
- },
38
- },
39
- };
40
-
41
- export default meta;
42
-
43
- export const Default: Story = {
44
- args: {
45
- itemsCount: 5,
46
- gap: 'dense',
47
- isWrapped: false,
48
- view: 'default',
49
- size: 'm',
50
- isCommonChipStyles: true,
51
- },
52
- argTypes: {
53
- ...disableProps(['isCommonChipStyles']),
54
- },
55
- render: ({ itemsCount, ...args }: StoryProps) => {
56
- return (
57
- <ChipGroup {...args}>
58
- {Array(itemsCount)
59
- .fill(true)
60
- .map((_, i) => (
61
- <Chip text={`Chip ${i}`} key={`chip_${i}`} hasClear={false} />
62
- ))}
63
- </ChipGroup>
64
- );
65
- },
66
- };
67
-
68
- export const CustomChips: Story = {
69
- args: {
70
- ...Default.args,
71
- isCommonChipStyles: false,
72
- },
73
- argTypes: {
74
- ...disableProps(['itemsCount']),
75
- },
76
- render: (args: StoryProps) => {
77
- return (
78
- <>
79
- <h3>Группа Chip с разными темами</h3>
80
- <ChipGroup {...args}>
81
- <Chip text="Primary" view="default" hasClear={false} />
82
- <Chip text="Secondary" view="secondary" hasClear={false} />
83
- <Chip text="Accent" view="accent" hasClear={false} />
84
- </ChipGroup>
85
-
86
- <h3>Группа Chip с разными размерами</h3>
87
- <ChipGroup {...args}>
88
- <Chip text="Primary" view="default" size="l" hasClear={false} />
89
- <Chip text="Secondary" view="secondary" size="m" hasClear={false} />
90
- <Chip text="Accent" view="accent" size="s" hasClear={false} />
91
- </ChipGroup>
92
- </>
93
- );
94
- },
95
- };
@@ -1,27 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css } from '@linaria/core';
4
- import { chipGroupTokens as tokens } from '../../../../components/ChipGroup';
5
- export var config = {
6
- defaults: {
7
- view: 'default',
8
- size: 'm'
9
- },
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
13
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
14
- accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
15
- },
16
- size: {
17
- l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 1rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": -0.125rem;\n ", ": 0.5rem;\n ", ": 0.625rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1.5rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize),
18
- m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": -0.125rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize),
19
- s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize),
20
- xs: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize)
21
- },
22
- gap: {
23
- dense: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), tokens.chipGroupItemsGap),
24
- wide: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), tokens.chipGroupItemsGap)
25
- }
26
- }
27
- };
@@ -1,5 +0,0 @@
1
- import { chipGroupConfig } from '../../../../components/ChipGroup';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './ChipGroup.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(chipGroupConfig, config);
5
- export var ChipGroup = /*#__PURE__*/component(mergedConfig);
@@ -1,95 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
- import { Chip } from '../Chip/Chip';
8
-
9
- import { ChipGroup } from './ChipGroup';
10
-
11
- type StoryProps = ComponentProps<typeof ChipGroup> & { itemsCount?: number };
12
- type Story = StoryObj<StoryProps>;
13
-
14
- const views = ['default', 'accent', 'secondary'];
15
- const sizes = ['l', 'm', 's', 'xs'];
16
- const gapValues = ['dense', 'wide'];
17
-
18
- const meta: Meta<typeof ChipGroup> = {
19
- title: 'plasma_web/ChipGroup',
20
- decorators: [WithTheme],
21
- argTypes: {
22
- size: {
23
- options: sizes,
24
- control: { type: 'select' },
25
- if: { arg: 'isCommonChipStyles', truthy: true },
26
- },
27
- view: {
28
- options: views,
29
- control: { type: 'select' },
30
- if: { arg: 'isCommonChipStyles', truthy: true },
31
- },
32
- gap: {
33
- options: gapValues,
34
- control: {
35
- type: 'select',
36
- },
37
- },
38
- },
39
- };
40
-
41
- export default meta;
42
-
43
- export const Default: Story = {
44
- args: {
45
- itemsCount: 5,
46
- gap: 'dense',
47
- isWrapped: false,
48
- view: 'default',
49
- size: 'm',
50
- isCommonChipStyles: true,
51
- },
52
- argTypes: {
53
- ...disableProps(['isCommonChipStyles']),
54
- },
55
- render: ({ itemsCount, ...args }: StoryProps) => {
56
- return (
57
- <ChipGroup {...args}>
58
- {Array(itemsCount)
59
- .fill(true)
60
- .map((_, i) => (
61
- <Chip text={`Chip ${i}`} key={`chip_${i}`} hasClear={false} />
62
- ))}
63
- </ChipGroup>
64
- );
65
- },
66
- };
67
-
68
- export const CustomChips: Story = {
69
- args: {
70
- ...Default.args,
71
- isCommonChipStyles: false,
72
- },
73
- argTypes: {
74
- ...disableProps(['itemsCount']),
75
- },
76
- render: (args: StoryProps) => {
77
- return (
78
- <>
79
- <h3>Группа Chip с разными темами</h3>
80
- <ChipGroup {...args}>
81
- <Chip text="Primary" view="default" hasClear={false} />
82
- <Chip text="Secondary" view="secondary" hasClear={false} />
83
- <Chip text="Accent" view="accent" hasClear={false} />
84
- </ChipGroup>
85
-
86
- <h3>Группа Chip с разными размерами</h3>
87
- <ChipGroup {...args}>
88
- <Chip text="Primary" view="default" size="l" hasClear={false} />
89
- <Chip text="Secondary" view="secondary" size="m" hasClear={false} />
90
- <Chip text="Accent" view="accent" size="s" hasClear={false} />
91
- </ChipGroup>
92
- </>
93
- );
94
- },
95
- };
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import type { RootProps } from '../../engines';
3
- import type { ChipGroupProps } from './ChipGroup.types';
4
- export declare const chipGroupRoot: (Root: RootProps<HTMLDivElement, ChipGroupProps>) => React.ForwardRefExoticComponent<ChipGroupProps & React.RefAttributes<HTMLDivElement>>;
5
- export declare const chipGroupConfig: {
6
- name: string;
7
- tag: string;
8
- layout: (Root: RootProps<HTMLDivElement, ChipGroupProps>) => React.ForwardRefExoticComponent<ChipGroupProps & React.RefAttributes<HTMLDivElement>>;
9
- base: import("@linaria/core").LinariaClassName;
10
- variations: {
11
- view: {
12
- css: import("@linaria/core").LinariaClassName;
13
- };
14
- size: {
15
- css: import("@linaria/core").LinariaClassName;
16
- };
17
- gap: {
18
- css: import("@linaria/core").LinariaClassName;
19
- };
20
- };
21
- defaults: {
22
- view: string;
23
- size: string;
24
- gap: string;
25
- };
26
- };
27
- //# sourceMappingURL=ChipGroup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,0FAmBvE,CAAC;AAEP,eAAO,MAAM,eAAe;;;mBArBQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;CA0C5E,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=ChipGroup.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ChipGroup/ChipGroup.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}
@@ -1,43 +0,0 @@
1
- export declare const classes: {
2
- chipGroupOverrideStyles: string;
3
- dense: string;
4
- wide: string;
5
- wrap: string;
6
- };
7
- export declare const tokens: {
8
- chipBackground: string;
9
- chipColor: string;
10
- chipBackgroundHover: string;
11
- chipColorHover: string;
12
- chipScaleHover: string;
13
- chipBackgroundActive: string;
14
- chipColorActive: string;
15
- chipScaleActive: string;
16
- chipFocusColor: string;
17
- chipOutlineSize: string;
18
- chipCloseIconColor: string;
19
- chipCloseIconColorHover: string;
20
- chipCloseIconColorActive: string;
21
- chipGroupItemsGap: string;
22
- chipBorderRadius: string;
23
- chipHeight: string;
24
- chipWidth: string;
25
- chipPaddingTop: string;
26
- chipPaddingRight: string;
27
- chipPaddingBottom: string;
28
- chipPaddingLeft: string;
29
- chipCloseIconSize: string;
30
- chipFontFamily: string;
31
- chipFontSize: string;
32
- chipFontStyle: string;
33
- chipFontWeight: string;
34
- chipLetterSpacing: string;
35
- chipLineHeight: string;
36
- chipLeftContentMarginLeft: string;
37
- chipLeftContentMarginRight: string;
38
- chipRightContentMarginLeft: string;
39
- chipRightContentMarginRight: string;
40
- chipClearContentMarginLeft: string;
41
- chipClearContentMarginRight: string;
42
- };
43
- //# sourceMappingURL=ChipGroup.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/ChipGroup/ChipGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsClB,CAAC"}
@@ -1,42 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- export declare type Gap = 'dense' | 'wide';
3
- declare type CustomChipGroupProps = {
4
- /**
5
- * Отступы между элементами внутри группы
6
- * @default
7
- * dense
8
- * @description
9
- * Доступные значения: 'dense' | 'wide'.
10
- */
11
- gap?: Gap;
12
- /**
13
- * Вид группы
14
- * @description
15
- * Применяется если isCommonChipStyles передан как true.
16
- */
17
- view?: string;
18
- /**
19
- * Размер группы
20
- * @description
21
- * Применяется если isCommonChipStyles передан как true.
22
- */
23
- size?: string;
24
- /**
25
- * Группа будет переопределять view и size для всех элементов внутри
26
- * @default
27
- * true
28
- * @description
29
- * Если значение передано как true, для каждого элемента внутри группы
30
- * view и size берутся из значений группы.
31
- * Если значение не задано, каждый элемент может иметь свое значение view и size.
32
- */
33
- isCommonChipStyles?: boolean;
34
- /**
35
- * Переносить ли элементы на новый ряд, при нехватке ширины.
36
- */
37
- isWrapped?: boolean;
38
- };
39
- export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement>, CustomChipGroupProps {
40
- }
41
- export {};
42
- //# sourceMappingURL=ChipGroup.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/ChipGroup/ChipGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,oBAAY,GAAG,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnC,aAAK,oBAAoB,GAAG;IACxB;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG"}
@@ -1,3 +0,0 @@
1
- export { chipGroupRoot, chipGroupConfig } from './ChipGroup';
2
- export { tokens as chipGroupTokens, classes as chipGroupClasses } from './ChipGroup.tokens';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChipGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChipGroup/variations/_gap/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChipGroup/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChipGroup/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAgBhB,CAAC"}
@@ -1,24 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@linaria/core").LinariaClassName;
9
- secondary: import("@linaria/core").LinariaClassName;
10
- accent: import("@linaria/core").LinariaClassName;
11
- };
12
- size: {
13
- l: import("@linaria/core").LinariaClassName;
14
- m: import("@linaria/core").LinariaClassName;
15
- s: import("@linaria/core").LinariaClassName;
16
- xs: import("@linaria/core").LinariaClassName;
17
- };
18
- gap: {
19
- dense: import("@linaria/core").LinariaClassName;
20
- wide: import("@linaria/core").LinariaClassName;
21
- };
22
- };
23
- };
24
- //# sourceMappingURL=ChipGroup.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA2IlB,CAAC"}
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ChipGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- secondary: import("@linaria/core").LinariaClassName;
6
- accent: import("@linaria/core").LinariaClassName;
7
- };
8
- size: {
9
- l: import("@linaria/core").LinariaClassName;
10
- m: import("@linaria/core").LinariaClassName;
11
- s: import("@linaria/core").LinariaClassName;
12
- xs: import("@linaria/core").LinariaClassName;
13
- };
14
- gap: {
15
- dense: import("@linaria/core").LinariaClassName;
16
- wide: import("@linaria/core").LinariaClassName;
17
- };
18
- }> & import("../../../../components/ChipGroup/ChipGroup.types").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
19
- //# sourceMappingURL=ChipGroup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ChipGroup /ChipGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;+HAA0B,CAAC"}
@@ -1,24 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@linaria/core").LinariaClassName;
9
- secondary: import("@linaria/core").LinariaClassName;
10
- accent: import("@linaria/core").LinariaClassName;
11
- };
12
- size: {
13
- l: import("@linaria/core").LinariaClassName;
14
- m: import("@linaria/core").LinariaClassName;
15
- s: import("@linaria/core").LinariaClassName;
16
- xs: import("@linaria/core").LinariaClassName;
17
- };
18
- gap: {
19
- dense: import("@linaria/core").LinariaClassName;
20
- wide: import("@linaria/core").LinariaClassName;
21
- };
22
- };
23
- };
24
- //# sourceMappingURL=ChipGroup.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ChipGroup /ChipGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA2IlB,CAAC"}
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ChipGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- secondary: import("@linaria/core").LinariaClassName;
6
- accent: import("@linaria/core").LinariaClassName;
7
- };
8
- size: {
9
- l: import("@linaria/core").LinariaClassName;
10
- m: import("@linaria/core").LinariaClassName;
11
- s: import("@linaria/core").LinariaClassName;
12
- xs: import("@linaria/core").LinariaClassName;
13
- };
14
- gap: {
15
- dense: import("@linaria/core").LinariaClassName;
16
- wide: import("@linaria/core").LinariaClassName;
17
- };
18
- }> & import("../../../../components/ChipGroup/ChipGroup.types").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
19
- //# sourceMappingURL=ChipGroup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ChipGroup /ChipGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;+HAA0B,CAAC"}