@salutejs/plasma-new-hope 0.197.1-dev.0 → 0.198.0-canary.1588.11975454374.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (442) hide show
  1. package/cjs/components/Editable/Editable.js +1 -1
  2. package/cjs/components/Editable/Editable.js.map +1 -1
  3. package/cjs/components/Typography/Body/Body.css +1 -1
  4. package/cjs/components/Typography/Old/Button/Button.css +1 -1
  5. package/cjs/components/Typography/Old/Paragraph/Paragraph.css +1 -1
  6. package/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
  7. package/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js.map +1 -1
  8. package/cjs/components/Typography/Old/Paragraph/{Paragraph.styles_179bahu.css → Paragraph.styles_f6q9s8.css} +1 -1
  9. package/cjs/components/Typography/Old/Subtitle/Subtitle.css +1 -1
  10. package/cjs/components/Typography/Old/Subtitle/Subtitle.js +7 -1
  11. package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
  12. package/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
  13. package/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js.map +1 -1
  14. package/{es/components/Typography/Old/Subtitle/Subtitle.styles_1plleej.css → cjs/components/Typography/Old/Subtitle/Subtitle.styles_g6d0r2.css} +1 -1
  15. package/cjs/components/Typography/Old/TypographyOld.js +4 -2
  16. package/cjs/components/Typography/Old/TypographyOld.js.map +1 -1
  17. package/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
  18. package/cjs/components/Typography/Old/TypographyOld.styles.js.map +1 -1
  19. package/{es/components/Typography/Old/TypographyOld.styles_17w0rtq.css → cjs/components/Typography/Old/TypographyOld.styles_168abbx.css} +1 -1
  20. package/cjs/components/Typography/Old/Underline/Underline.css +1 -1
  21. package/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
  22. package/cjs/components/Typography/Old/Underline/Underline.styles.js.map +1 -1
  23. package/{es/components/Typography/Old/Underline/Underline.styles_vsz834.css → cjs/components/Typography/Old/Underline/Underline.styles_1x2vb5e.css} +1 -1
  24. package/cjs/components/Typography/Typography.js +4 -2
  25. package/cjs/components/Typography/Typography.js.map +1 -1
  26. package/cjs/components/Typography/Typography.styles.js +1 -1
  27. package/cjs/components/Typography/Typography.styles.js.map +1 -1
  28. package/cjs/components/Typography/{Typography.styles_6mr47g.css → Typography.styles_fa07dt.css} +1 -1
  29. package/cjs/components/Typography/tokens.js +1 -0
  30. package/cjs/components/Typography/tokens.js.map +1 -1
  31. package/cjs/index.css +5 -5
  32. package/emotion/cjs/components/Editable/Editable.js +1 -1
  33. package/emotion/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
  34. package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.js +7 -1
  35. package/emotion/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
  36. package/emotion/cjs/components/Typography/Old/TypographyOld.js +4 -2
  37. package/emotion/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
  38. package/emotion/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
  39. package/emotion/cjs/components/Typography/Typography.js +4 -2
  40. package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
  41. package/emotion/cjs/components/Typography/Typography.template-doc.mdx +4 -0
  42. package/emotion/cjs/components/Typography/tokens.js +1 -0
  43. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -1
  44. package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
  45. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.js +4 -4
  46. package/emotion/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx +1 -1
  47. package/emotion/cjs/examples/plasma_b2c/components/Portal/Portal.stories.tsx +1 -1
  48. package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +1 -1
  49. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +1 -1
  50. package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
  51. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.js +4 -4
  52. package/emotion/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx +1 -1
  53. package/emotion/cjs/examples/plasma_web/components/Portal/Portal.stories.tsx +1 -1
  54. package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +1 -1
  55. package/emotion/cjs/examples/typography/components/Body/Body.config.js +22 -0
  56. package/emotion/cjs/examples/{typograpy → typography}/components/Body/Body.stories.tsx +9 -1
  57. package/emotion/cjs/examples/typography/components/Dspl/Dspl.config.js +20 -0
  58. package/emotion/{es/examples/typograpy → cjs/examples/typography}/components/Dspl/Dspl.stories.tsx +9 -1
  59. package/emotion/cjs/examples/typography/components/Heading/Heading.config.js +22 -0
  60. package/{styled-components/cjs/examples/typograpy → emotion/cjs/examples/typography}/components/Heading/Heading.stories.tsx +9 -1
  61. package/emotion/cjs/examples/typography/components/Old/Body/Body.config.js +20 -0
  62. package/{styled-components/cjs/examples/typograpy → emotion/cjs/examples/typography}/components/Old/Body/Body.stories.tsx +9 -1
  63. package/emotion/cjs/examples/typography/components/Old/Button/Button.config.js +19 -0
  64. package/emotion/cjs/examples/{typograpy → typography}/components/Old/Button/Button.stories.tsx +9 -1
  65. package/emotion/cjs/examples/typography/components/Old/Caption/Caption.config.js +18 -0
  66. package/emotion/{es/examples/typograpy → cjs/examples/typography}/components/Old/Caption/Caption.stories.tsx +9 -1
  67. package/emotion/cjs/examples/typography/components/Old/Display/Display.config.js +20 -0
  68. package/emotion/{es/examples/typograpy → cjs/examples/typography}/components/Old/Display/Display.stories.tsx +9 -1
  69. package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +19 -0
  70. package/emotion/cjs/examples/{typograpy → typography}/components/Old/Footnote/Footnote.stories.tsx +9 -1
  71. package/emotion/cjs/examples/typography/components/Old/Headline/Headline.config.js +21 -0
  72. package/{styled-components/cjs/examples/typograpy → emotion/cjs/examples/typography}/components/Old/Headline/Headline.stories.tsx +9 -1
  73. package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +19 -0
  74. package/emotion/cjs/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
  75. package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +18 -0
  76. package/emotion/{es/examples/typograpy → cjs/examples/typography}/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
  77. package/emotion/cjs/examples/typography/components/Old/Underline/Underline.config.js +18 -0
  78. package/{styled-components/cjs/examples/typograpy → emotion/cjs/examples/typography}/components/Old/Underline/Underline.stories.tsx +9 -1
  79. package/emotion/cjs/examples/typography/components/Text/Text.config.js +21 -0
  80. package/emotion/{es/examples/typograpy → cjs/examples/typography}/components/Text/Text.stories.tsx +9 -1
  81. package/emotion/es/components/Editable/Editable.js +1 -1
  82. package/emotion/es/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
  83. package/emotion/es/components/Typography/Old/Subtitle/Subtitle.js +7 -1
  84. package/emotion/es/components/Typography/Old/Subtitle/Subtitle.styles.js +2 -2
  85. package/emotion/es/components/Typography/Old/TypographyOld.js +4 -2
  86. package/emotion/es/components/Typography/Old/TypographyOld.styles.js +1 -1
  87. package/emotion/es/components/Typography/Old/Underline/Underline.styles.js +1 -1
  88. package/emotion/es/components/Typography/Typography.js +4 -2
  89. package/emotion/es/components/Typography/Typography.styles.js +1 -1
  90. package/emotion/es/components/Typography/Typography.template-doc.mdx +4 -0
  91. package/emotion/es/components/Typography/tokens.js +1 -0
  92. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -1
  93. package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
  94. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.js +4 -4
  95. package/emotion/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx +1 -1
  96. package/emotion/es/examples/plasma_b2c/components/Portal/Portal.stories.tsx +1 -1
  97. package/emotion/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +1 -1
  98. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +1 -1
  99. package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
  100. package/emotion/es/examples/plasma_web/components/Editable/Editable.js +4 -4
  101. package/emotion/es/examples/plasma_web/components/Panel/Panel.stories.tsx +1 -1
  102. package/emotion/es/examples/plasma_web/components/Portal/Portal.stories.tsx +1 -1
  103. package/emotion/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +1 -1
  104. package/emotion/es/examples/typography/components/Body/Body.config.js +16 -0
  105. package/emotion/es/examples/{typograpy → typography}/components/Body/Body.stories.tsx +9 -1
  106. package/emotion/es/examples/typography/components/Dspl/Dspl.config.js +14 -0
  107. package/emotion/{cjs/examples/typograpy → es/examples/typography}/components/Dspl/Dspl.stories.tsx +9 -1
  108. package/emotion/es/examples/typography/components/Heading/Heading.config.js +16 -0
  109. package/{styled-components/es/examples/typograpy → emotion/es/examples/typography}/components/Heading/Heading.stories.tsx +9 -1
  110. package/emotion/es/examples/typography/components/Old/Body/Body.config.js +14 -0
  111. package/emotion/es/examples/{typograpy → typography}/components/Old/Body/Body.stories.tsx +9 -1
  112. package/emotion/es/examples/typography/components/Old/Button/Button.config.js +13 -0
  113. package/emotion/es/examples/{typograpy → typography}/components/Old/Button/Button.stories.tsx +9 -1
  114. package/emotion/es/examples/typography/components/Old/Caption/Caption.config.js +12 -0
  115. package/emotion/{cjs/examples/typograpy → es/examples/typography}/components/Old/Caption/Caption.stories.tsx +9 -1
  116. package/emotion/es/examples/typography/components/Old/Display/Display.config.js +14 -0
  117. package/{styled-components/cjs/examples/typograpy → emotion/es/examples/typography}/components/Old/Display/Display.stories.tsx +9 -1
  118. package/emotion/es/examples/typography/components/Old/Footnote/Footnote.config.js +13 -0
  119. package/{styled-components/cjs/examples/typograpy → emotion/es/examples/typography}/components/Old/Footnote/Footnote.stories.tsx +9 -1
  120. package/emotion/es/examples/typography/components/Old/Headline/Headline.config.js +15 -0
  121. package/emotion/{cjs/examples/typograpy → es/examples/typography}/components/Old/Headline/Headline.stories.tsx +9 -1
  122. package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +13 -0
  123. package/{styled-components/cjs/examples/typograpy → emotion/es/examples/typography}/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
  124. package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +12 -0
  125. package/{styled-components/cjs/examples/typograpy → emotion/es/examples/typography}/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
  126. package/emotion/es/examples/typography/components/Old/Underline/Underline.config.js +12 -0
  127. package/emotion/{cjs/examples/typograpy → es/examples/typography}/components/Old/Underline/Underline.stories.tsx +9 -1
  128. package/emotion/es/examples/typography/components/Text/Text.config.js +15 -0
  129. package/{styled-components/cjs/examples/typograpy → emotion/es/examples/typography}/components/Text/Text.stories.tsx +9 -1
  130. package/es/components/Editable/Editable.js +1 -1
  131. package/es/components/Editable/Editable.js.map +1 -1
  132. package/es/components/Typography/Body/Body.css +1 -1
  133. package/es/components/Typography/Old/Button/Button.css +1 -1
  134. package/es/components/Typography/Old/Paragraph/Paragraph.css +1 -1
  135. package/es/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
  136. package/es/components/Typography/Old/Paragraph/Paragraph.styles.js.map +1 -1
  137. package/es/components/Typography/Old/Paragraph/{Paragraph.styles_179bahu.css → Paragraph.styles_f6q9s8.css} +1 -1
  138. package/es/components/Typography/Old/Subtitle/Subtitle.css +1 -1
  139. package/es/components/Typography/Old/Subtitle/Subtitle.js +7 -1
  140. package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
  141. package/es/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
  142. package/es/components/Typography/Old/Subtitle/Subtitle.styles.js.map +1 -1
  143. package/{cjs/components/Typography/Old/Subtitle/Subtitle.styles_1plleej.css → es/components/Typography/Old/Subtitle/Subtitle.styles_g6d0r2.css} +1 -1
  144. package/es/components/Typography/Old/TypographyOld.js +4 -2
  145. package/es/components/Typography/Old/TypographyOld.js.map +1 -1
  146. package/es/components/Typography/Old/TypographyOld.styles.js +1 -1
  147. package/es/components/Typography/Old/TypographyOld.styles.js.map +1 -1
  148. package/{cjs/components/Typography/Old/TypographyOld.styles_17w0rtq.css → es/components/Typography/Old/TypographyOld.styles_168abbx.css} +1 -1
  149. package/es/components/Typography/Old/Underline/Underline.css +1 -1
  150. package/es/components/Typography/Old/Underline/Underline.styles.js +1 -1
  151. package/es/components/Typography/Old/Underline/Underline.styles.js.map +1 -1
  152. package/{cjs/components/Typography/Old/Underline/Underline.styles_vsz834.css → es/components/Typography/Old/Underline/Underline.styles_1x2vb5e.css} +1 -1
  153. package/es/components/Typography/Typography.js +4 -2
  154. package/es/components/Typography/Typography.js.map +1 -1
  155. package/es/components/Typography/Typography.styles.js +1 -1
  156. package/es/components/Typography/Typography.styles.js.map +1 -1
  157. package/es/components/Typography/{Typography.styles_6mr47g.css → Typography.styles_fa07dt.css} +1 -1
  158. package/es/components/Typography/tokens.js +1 -0
  159. package/es/components/Typography/tokens.js.map +1 -1
  160. package/es/index.css +5 -5
  161. package/package.json +2 -2
  162. package/styled-components/cjs/components/Editable/Editable.js +1 -1
  163. package/styled-components/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
  164. package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.js +7 -1
  165. package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
  166. package/styled-components/cjs/components/Typography/Old/TypographyOld.js +4 -2
  167. package/styled-components/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
  168. package/styled-components/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
  169. package/styled-components/cjs/components/Typography/Typography.js +4 -2
  170. package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
  171. package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +4 -0
  172. package/styled-components/cjs/components/Typography/tokens.js +1 -0
  173. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -1
  174. package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
  175. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.js +4 -4
  176. package/styled-components/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx +1 -1
  177. package/styled-components/cjs/examples/plasma_b2c/components/Portal/Portal.stories.tsx +1 -1
  178. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +1 -1
  179. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +1 -1
  180. package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
  181. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.js +4 -4
  182. package/styled-components/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx +1 -1
  183. package/styled-components/cjs/examples/plasma_web/components/Portal/Portal.stories.tsx +1 -1
  184. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +1 -1
  185. package/styled-components/cjs/examples/{typograpy → typography}/components/Body/Body.stories.tsx +9 -1
  186. package/styled-components/cjs/examples/{typograpy → typography}/components/Dspl/Dspl.stories.tsx +9 -1
  187. package/{emotion/cjs/examples/typograpy → styled-components/cjs/examples/typography}/components/Heading/Heading.stories.tsx +9 -1
  188. package/styled-components/{es/examples/typograpy → cjs/examples/typography}/components/Old/Body/Body.stories.tsx +9 -1
  189. package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Button/Button.stories.tsx +9 -1
  190. package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Caption/Caption.stories.tsx +9 -1
  191. package/{emotion/cjs/examples/typograpy → styled-components/cjs/examples/typography}/components/Old/Display/Display.stories.tsx +9 -1
  192. package/{emotion/es/examples/typograpy → styled-components/cjs/examples/typography}/components/Old/Footnote/Footnote.stories.tsx +9 -1
  193. package/styled-components/{es/examples/typograpy → cjs/examples/typography}/components/Old/Headline/Headline.stories.tsx +9 -1
  194. package/{emotion/es/examples/typograpy → styled-components/cjs/examples/typography}/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
  195. package/{emotion/cjs/examples/typograpy → styled-components/cjs/examples/typography}/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
  196. package/styled-components/{es/examples/typograpy → cjs/examples/typography}/components/Old/Underline/Underline.stories.tsx +9 -1
  197. package/styled-components/{es/examples/typograpy → cjs/examples/typography}/components/Text/Text.stories.tsx +9 -1
  198. package/styled-components/es/components/Editable/Editable.js +1 -1
  199. package/styled-components/es/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
  200. package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.js +7 -1
  201. package/styled-components/es/components/Typography/Old/Subtitle/Subtitle.styles.js +2 -2
  202. package/styled-components/es/components/Typography/Old/TypographyOld.js +4 -2
  203. package/styled-components/es/components/Typography/Old/TypographyOld.styles.js +1 -1
  204. package/styled-components/es/components/Typography/Old/Underline/Underline.styles.js +1 -1
  205. package/styled-components/es/components/Typography/Typography.js +4 -2
  206. package/styled-components/es/components/Typography/Typography.styles.js +1 -1
  207. package/styled-components/es/components/Typography/Typography.template-doc.mdx +4 -0
  208. package/styled-components/es/components/Typography/tokens.js +1 -0
  209. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -1
  210. package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
  211. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.js +4 -4
  212. package/styled-components/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx +1 -1
  213. package/styled-components/es/examples/plasma_b2c/components/Portal/Portal.stories.tsx +1 -1
  214. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +1 -1
  215. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +1 -1
  216. package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
  217. package/styled-components/es/examples/plasma_web/components/Editable/Editable.js +4 -4
  218. package/styled-components/es/examples/plasma_web/components/Panel/Panel.stories.tsx +1 -1
  219. package/styled-components/es/examples/plasma_web/components/Portal/Portal.stories.tsx +1 -1
  220. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +1 -1
  221. package/styled-components/es/examples/{typograpy → typography}/components/Body/Body.stories.tsx +9 -1
  222. package/styled-components/es/examples/{typograpy → typography}/components/Dspl/Dspl.stories.tsx +9 -1
  223. package/{emotion/es/examples/typograpy → styled-components/es/examples/typography}/components/Heading/Heading.stories.tsx +9 -1
  224. package/{emotion/cjs/examples/typograpy → styled-components/es/examples/typography}/components/Old/Body/Body.stories.tsx +9 -1
  225. package/styled-components/es/examples/{typograpy → typography}/components/Old/Button/Button.stories.tsx +9 -1
  226. package/styled-components/es/examples/{typograpy → typography}/components/Old/Caption/Caption.stories.tsx +9 -1
  227. package/styled-components/es/examples/{typograpy → typography}/components/Old/Display/Display.stories.tsx +9 -1
  228. package/styled-components/es/examples/{typograpy → typography}/components/Old/Footnote/Footnote.stories.tsx +9 -1
  229. package/{emotion/es/examples/typograpy → styled-components/es/examples/typography}/components/Old/Headline/Headline.stories.tsx +9 -1
  230. package/styled-components/es/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.stories.tsx +9 -1
  231. package/styled-components/es/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.stories.tsx +11 -1
  232. package/{emotion/es/examples/typograpy → styled-components/es/examples/typography}/components/Old/Underline/Underline.stories.tsx +9 -1
  233. package/{emotion/cjs/examples/typograpy → styled-components/es/examples/typography}/components/Text/Text.stories.tsx +9 -1
  234. package/types/components/Editable/Editable.d.ts +1 -1
  235. package/types/components/Editable/Editable.d.ts.map +1 -1
  236. package/types/components/Typography/Body/Body.d.ts +2 -0
  237. package/types/components/Typography/Body/Body.d.ts.map +1 -1
  238. package/types/components/Typography/Dspl/Dspl.d.ts +2 -0
  239. package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
  240. package/types/components/Typography/Heading/Heading.d.ts +2 -0
  241. package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
  242. package/types/components/Typography/Old/Paragraph/Paragraph.styles.d.ts.map +1 -1
  243. package/types/components/Typography/Old/Subtitle/Subtitle.d.ts.map +1 -1
  244. package/types/components/Typography/Old/Subtitle/Subtitle.styles.d.ts.map +1 -1
  245. package/types/components/Typography/Old/TypographyOld.d.ts.map +1 -1
  246. package/types/components/Typography/Old/TypographyOld.styles.d.ts.map +1 -1
  247. package/types/components/Typography/Old/Underline/Underline.styles.d.ts.map +1 -1
  248. package/types/components/Typography/Text/Text.d.ts +2 -0
  249. package/types/components/Typography/Text/Text.d.ts.map +1 -1
  250. package/types/components/Typography/Typography.d.ts +1 -0
  251. package/types/components/Typography/Typography.d.ts.map +1 -1
  252. package/types/components/Typography/Typography.styles.d.ts.map +1 -1
  253. package/types/components/Typography/Typography.types.d.ts +1 -0
  254. package/types/components/Typography/Typography.types.d.ts.map +1 -1
  255. package/types/components/Typography/tokens.d.ts +1 -0
  256. package/types/components/Typography/tokens.d.ts.map +1 -1
  257. package/types/examples/plasma_b2c/components/Editable/Editable.d.ts +4 -0
  258. package/types/examples/plasma_b2c/components/Editable/Editable.d.ts.map +1 -1
  259. package/types/examples/plasma_web/components/Editable/Editable.d.ts +4 -0
  260. package/types/examples/plasma_web/components/Editable/Editable.d.ts.map +1 -1
  261. package/types/examples/typography/components/Body/Body.config.d.ts.map +1 -0
  262. package/types/examples/{typograpy → typography}/components/Body/Body.d.ts +1 -0
  263. package/types/examples/typography/components/Body/Body.d.ts.map +1 -0
  264. package/types/examples/typography/components/Dspl/Dspl.config.d.ts.map +1 -0
  265. package/types/examples/{typograpy → typography}/components/Dspl/Dspl.d.ts +1 -0
  266. package/types/examples/typography/components/Dspl/Dspl.d.ts.map +1 -0
  267. package/types/examples/typography/components/Heading/Heading.config.d.ts.map +1 -0
  268. package/types/examples/{typograpy → typography}/components/Heading/Heading.d.ts +1 -0
  269. package/types/examples/typography/components/Heading/Heading.d.ts.map +1 -0
  270. package/types/examples/typography/components/Old/Body/Body.config.d.ts.map +1 -0
  271. package/types/examples/typography/components/Old/Body/Body.d.ts.map +1 -0
  272. package/types/examples/typography/components/Old/Button/Button.config.d.ts.map +1 -0
  273. package/types/examples/typography/components/Old/Button/Button.d.ts.map +1 -0
  274. package/types/examples/typography/components/Old/Caption/Caption.config.d.ts.map +1 -0
  275. package/types/examples/typography/components/Old/Caption/Caption.d.ts.map +1 -0
  276. package/types/examples/typography/components/Old/Display/Display.config.d.ts.map +1 -0
  277. package/types/examples/typography/components/Old/Display/Display.d.ts.map +1 -0
  278. package/types/examples/typography/components/Old/Footnote/Footnote.config.d.ts.map +1 -0
  279. package/types/examples/typography/components/Old/Footnote/Footnote.d.ts.map +1 -0
  280. package/types/examples/typography/components/Old/Headline/Headline.config.d.ts.map +1 -0
  281. package/types/examples/typography/components/Old/Headline/Headline.d.ts.map +1 -0
  282. package/types/examples/typography/components/Old/Paragraph/Paragraph.config.d.ts.map +1 -0
  283. package/types/examples/typography/components/Old/Paragraph/Paragraph.d.ts.map +1 -0
  284. package/types/examples/typography/components/Old/Subtitle/Subtitle.config.d.ts.map +1 -0
  285. package/types/examples/typography/components/Old/Subtitle/Subtitle.d.ts.map +1 -0
  286. package/types/examples/typography/components/Old/Underline/Underline.config.d.ts.map +1 -0
  287. package/types/examples/typography/components/Old/Underline/Underline.d.ts.map +1 -0
  288. package/types/examples/typography/components/Text/Text.config.d.ts.map +1 -0
  289. package/types/examples/{typograpy → typography}/components/Text/Text.d.ts +1 -0
  290. package/types/examples/typography/components/Text/Text.d.ts.map +1 -0
  291. package/emotion/cjs/examples/typograpy/components/Body/Body.config.js +0 -22
  292. package/emotion/cjs/examples/typograpy/components/Dspl/Dspl.config.js +0 -20
  293. package/emotion/cjs/examples/typograpy/components/Heading/Heading.config.js +0 -22
  294. package/emotion/cjs/examples/typograpy/components/Old/Body/Body.config.js +0 -20
  295. package/emotion/cjs/examples/typograpy/components/Old/Button/Button.config.js +0 -19
  296. package/emotion/cjs/examples/typograpy/components/Old/Caption/Caption.config.js +0 -18
  297. package/emotion/cjs/examples/typograpy/components/Old/Display/Display.config.js +0 -20
  298. package/emotion/cjs/examples/typograpy/components/Old/Footnote/Footnote.config.js +0 -19
  299. package/emotion/cjs/examples/typograpy/components/Old/Headline/Headline.config.js +0 -21
  300. package/emotion/cjs/examples/typograpy/components/Old/Paragraph/Paragraph.config.js +0 -19
  301. package/emotion/cjs/examples/typograpy/components/Old/Subtitle/Subtitle.config.js +0 -18
  302. package/emotion/cjs/examples/typograpy/components/Old/Underline/Underline.config.js +0 -18
  303. package/emotion/cjs/examples/typograpy/components/Text/Text.config.js +0 -21
  304. package/emotion/es/examples/typograpy/components/Body/Body.config.js +0 -16
  305. package/emotion/es/examples/typograpy/components/Dspl/Dspl.config.js +0 -14
  306. package/emotion/es/examples/typograpy/components/Heading/Heading.config.js +0 -16
  307. package/emotion/es/examples/typograpy/components/Old/Body/Body.config.js +0 -14
  308. package/emotion/es/examples/typograpy/components/Old/Button/Button.config.js +0 -13
  309. package/emotion/es/examples/typograpy/components/Old/Caption/Caption.config.js +0 -12
  310. package/emotion/es/examples/typograpy/components/Old/Display/Display.config.js +0 -14
  311. package/emotion/es/examples/typograpy/components/Old/Footnote/Footnote.config.js +0 -13
  312. package/emotion/es/examples/typograpy/components/Old/Headline/Headline.config.js +0 -15
  313. package/emotion/es/examples/typograpy/components/Old/Paragraph/Paragraph.config.js +0 -13
  314. package/emotion/es/examples/typograpy/components/Old/Subtitle/Subtitle.config.js +0 -12
  315. package/emotion/es/examples/typograpy/components/Old/Underline/Underline.config.js +0 -12
  316. package/emotion/es/examples/typograpy/components/Text/Text.config.js +0 -15
  317. package/types/examples/typograpy/components/Body/Body.config.d.ts.map +0 -1
  318. package/types/examples/typograpy/components/Body/Body.d.ts.map +0 -1
  319. package/types/examples/typograpy/components/Dspl/Dspl.config.d.ts.map +0 -1
  320. package/types/examples/typograpy/components/Dspl/Dspl.d.ts.map +0 -1
  321. package/types/examples/typograpy/components/Heading/Heading.config.d.ts.map +0 -1
  322. package/types/examples/typograpy/components/Heading/Heading.d.ts.map +0 -1
  323. package/types/examples/typograpy/components/Old/Body/Body.config.d.ts.map +0 -1
  324. package/types/examples/typograpy/components/Old/Body/Body.d.ts.map +0 -1
  325. package/types/examples/typograpy/components/Old/Button/Button.config.d.ts.map +0 -1
  326. package/types/examples/typograpy/components/Old/Button/Button.d.ts.map +0 -1
  327. package/types/examples/typograpy/components/Old/Caption/Caption.config.d.ts.map +0 -1
  328. package/types/examples/typograpy/components/Old/Caption/Caption.d.ts.map +0 -1
  329. package/types/examples/typograpy/components/Old/Display/Display.config.d.ts.map +0 -1
  330. package/types/examples/typograpy/components/Old/Display/Display.d.ts.map +0 -1
  331. package/types/examples/typograpy/components/Old/Footnote/Footnote.config.d.ts.map +0 -1
  332. package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts.map +0 -1
  333. package/types/examples/typograpy/components/Old/Headline/Headline.config.d.ts.map +0 -1
  334. package/types/examples/typograpy/components/Old/Headline/Headline.d.ts.map +0 -1
  335. package/types/examples/typograpy/components/Old/Paragraph/Paragraph.config.d.ts.map +0 -1
  336. package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts.map +0 -1
  337. package/types/examples/typograpy/components/Old/Subtitle/Subtitle.config.d.ts.map +0 -1
  338. package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts.map +0 -1
  339. package/types/examples/typograpy/components/Old/Underline/Underline.config.d.ts.map +0 -1
  340. package/types/examples/typograpy/components/Old/Underline/Underline.d.ts.map +0 -1
  341. package/types/examples/typograpy/components/Text/Text.config.d.ts.map +0 -1
  342. package/types/examples/typograpy/components/Text/Text.d.ts.map +0 -1
  343. /package/emotion/cjs/examples/{typograpy → typography}/components/Body/Body.js +0 -0
  344. /package/emotion/cjs/examples/{typograpy → typography}/components/Dspl/Dspl.js +0 -0
  345. /package/emotion/cjs/examples/{typograpy → typography}/components/Heading/Heading.js +0 -0
  346. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Body/Body.js +0 -0
  347. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Button/Button.js +0 -0
  348. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Caption/Caption.js +0 -0
  349. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Display/Display.js +0 -0
  350. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Footnote/Footnote.js +0 -0
  351. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Headline/Headline.js +0 -0
  352. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.js +0 -0
  353. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.js +0 -0
  354. /package/emotion/cjs/examples/{typograpy → typography}/components/Old/Underline/Underline.js +0 -0
  355. /package/emotion/cjs/examples/{typograpy → typography}/components/Text/Text.js +0 -0
  356. /package/emotion/es/examples/{typograpy → typography}/components/Body/Body.js +0 -0
  357. /package/emotion/es/examples/{typograpy → typography}/components/Dspl/Dspl.js +0 -0
  358. /package/emotion/es/examples/{typograpy → typography}/components/Heading/Heading.js +0 -0
  359. /package/emotion/es/examples/{typograpy → typography}/components/Old/Body/Body.js +0 -0
  360. /package/emotion/es/examples/{typograpy → typography}/components/Old/Button/Button.js +0 -0
  361. /package/emotion/es/examples/{typograpy → typography}/components/Old/Caption/Caption.js +0 -0
  362. /package/emotion/es/examples/{typograpy → typography}/components/Old/Display/Display.js +0 -0
  363. /package/emotion/es/examples/{typograpy → typography}/components/Old/Footnote/Footnote.js +0 -0
  364. /package/emotion/es/examples/{typograpy → typography}/components/Old/Headline/Headline.js +0 -0
  365. /package/emotion/es/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.js +0 -0
  366. /package/emotion/es/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.js +0 -0
  367. /package/emotion/es/examples/{typograpy → typography}/components/Old/Underline/Underline.js +0 -0
  368. /package/emotion/es/examples/{typograpy → typography}/components/Text/Text.js +0 -0
  369. /package/styled-components/cjs/examples/{typograpy → typography}/components/Body/Body.config.js +0 -0
  370. /package/styled-components/cjs/examples/{typograpy → typography}/components/Body/Body.js +0 -0
  371. /package/styled-components/cjs/examples/{typograpy → typography}/components/Dspl/Dspl.config.js +0 -0
  372. /package/styled-components/cjs/examples/{typograpy → typography}/components/Dspl/Dspl.js +0 -0
  373. /package/styled-components/cjs/examples/{typograpy → typography}/components/Heading/Heading.config.js +0 -0
  374. /package/styled-components/cjs/examples/{typograpy → typography}/components/Heading/Heading.js +0 -0
  375. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Body/Body.config.js +0 -0
  376. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Body/Body.js +0 -0
  377. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Button/Button.config.js +0 -0
  378. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Button/Button.js +0 -0
  379. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Caption/Caption.config.js +0 -0
  380. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Caption/Caption.js +0 -0
  381. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Display/Display.config.js +0 -0
  382. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Display/Display.js +0 -0
  383. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Footnote/Footnote.config.js +0 -0
  384. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Footnote/Footnote.js +0 -0
  385. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Headline/Headline.config.js +0 -0
  386. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Headline/Headline.js +0 -0
  387. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.config.js +0 -0
  388. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.js +0 -0
  389. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.config.js +0 -0
  390. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.js +0 -0
  391. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Underline/Underline.config.js +0 -0
  392. /package/styled-components/cjs/examples/{typograpy → typography}/components/Old/Underline/Underline.js +0 -0
  393. /package/styled-components/cjs/examples/{typograpy → typography}/components/Text/Text.config.js +0 -0
  394. /package/styled-components/cjs/examples/{typograpy → typography}/components/Text/Text.js +0 -0
  395. /package/styled-components/es/examples/{typograpy → typography}/components/Body/Body.config.js +0 -0
  396. /package/styled-components/es/examples/{typograpy → typography}/components/Body/Body.js +0 -0
  397. /package/styled-components/es/examples/{typograpy → typography}/components/Dspl/Dspl.config.js +0 -0
  398. /package/styled-components/es/examples/{typograpy → typography}/components/Dspl/Dspl.js +0 -0
  399. /package/styled-components/es/examples/{typograpy → typography}/components/Heading/Heading.config.js +0 -0
  400. /package/styled-components/es/examples/{typograpy → typography}/components/Heading/Heading.js +0 -0
  401. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Body/Body.config.js +0 -0
  402. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Body/Body.js +0 -0
  403. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Button/Button.config.js +0 -0
  404. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Button/Button.js +0 -0
  405. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Caption/Caption.config.js +0 -0
  406. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Caption/Caption.js +0 -0
  407. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Display/Display.config.js +0 -0
  408. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Display/Display.js +0 -0
  409. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Footnote/Footnote.config.js +0 -0
  410. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Footnote/Footnote.js +0 -0
  411. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Headline/Headline.config.js +0 -0
  412. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Headline/Headline.js +0 -0
  413. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.config.js +0 -0
  414. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.js +0 -0
  415. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.config.js +0 -0
  416. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.js +0 -0
  417. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Underline/Underline.config.js +0 -0
  418. /package/styled-components/es/examples/{typograpy → typography}/components/Old/Underline/Underline.js +0 -0
  419. /package/styled-components/es/examples/{typograpy → typography}/components/Text/Text.config.js +0 -0
  420. /package/styled-components/es/examples/{typograpy → typography}/components/Text/Text.js +0 -0
  421. /package/types/examples/{typograpy → typography}/components/Body/Body.config.d.ts +0 -0
  422. /package/types/examples/{typograpy → typography}/components/Dspl/Dspl.config.d.ts +0 -0
  423. /package/types/examples/{typograpy → typography}/components/Heading/Heading.config.d.ts +0 -0
  424. /package/types/examples/{typograpy → typography}/components/Old/Body/Body.config.d.ts +0 -0
  425. /package/types/examples/{typograpy → typography}/components/Old/Body/Body.d.ts +0 -0
  426. /package/types/examples/{typograpy → typography}/components/Old/Button/Button.config.d.ts +0 -0
  427. /package/types/examples/{typograpy → typography}/components/Old/Button/Button.d.ts +0 -0
  428. /package/types/examples/{typograpy → typography}/components/Old/Caption/Caption.config.d.ts +0 -0
  429. /package/types/examples/{typograpy → typography}/components/Old/Caption/Caption.d.ts +0 -0
  430. /package/types/examples/{typograpy → typography}/components/Old/Display/Display.config.d.ts +0 -0
  431. /package/types/examples/{typograpy → typography}/components/Old/Display/Display.d.ts +0 -0
  432. /package/types/examples/{typograpy → typography}/components/Old/Footnote/Footnote.config.d.ts +0 -0
  433. /package/types/examples/{typograpy → typography}/components/Old/Footnote/Footnote.d.ts +0 -0
  434. /package/types/examples/{typograpy → typography}/components/Old/Headline/Headline.config.d.ts +0 -0
  435. /package/types/examples/{typograpy → typography}/components/Old/Headline/Headline.d.ts +0 -0
  436. /package/types/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.config.d.ts +0 -0
  437. /package/types/examples/{typograpy → typography}/components/Old/Paragraph/Paragraph.d.ts +0 -0
  438. /package/types/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.config.d.ts +0 -0
  439. /package/types/examples/{typograpy → typography}/components/Old/Subtitle/Subtitle.d.ts +0 -0
  440. /package/types/examples/{typograpy → typography}/components/Old/Underline/Underline.config.d.ts +0 -0
  441. /package/types/examples/{typograpy → typography}/components/Old/Underline/Underline.d.ts +0 -0
  442. /package/types/examples/{typograpy → typography}/components/Text/Text.config.d.ts +0 -0
@@ -14,7 +14,7 @@ var selectText = require('./utils/selectText.js');
14
14
  var constants = require('../../utils/constants.js');
15
15
 
16
16
  var _excluded = ["textComponent", "value", "icon", "maxLength", "spellCheck", "placeholder", "name", "onChange", "onBlur", "onPaste"];
17
- var editableRoot = function editableRoot(typograpyVariants) {
17
+ var editableRoot = function editableRoot(typographyVariants) {
18
18
  return function (Root) {
19
19
  return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
20
20
  var _prevValueRef$current;
@@ -1 +1 @@
1
- {"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typograpyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typograpyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typograpyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value || '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length || 0;\n\n if (!maxLength || contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent || '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n});\n"],"names":["editableRoot","typograpyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","typographyVariants","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value || '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length || 0;\n\n if (!maxLength || contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent || '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n});\n"],"names":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
@@ -1 +1 @@
1
- .Typography_styles_6mr47g_b1ru04lg__ff3be7fe{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_typographyBold__ff3be7fe{font-weight:var(--typo-font-weight-bold);}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_withBreakWord__ff3be7fe{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .Typography_styles_fa07dt_b1ru04lg__867729cb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -1 +1 @@
1
- .TypographyOld_styles_17w0rtq_b9p5ato__18359621{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_17w0rtq_b9p5ato__18359621.TypographyOld_styles_17w0rtq_withBreakWord__18359621{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .TypographyOld_styles_168abbx_b9p5ato__094dcd73{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withNoWrap__094dcd73{white-space:nowrap;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withBreakWord__094dcd73{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -1 +1 @@
1
- .Paragraph_styles_179bahu_bgybk92__d9a8cadb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_179bahu_bgybk92__d9a8cadb.Paragraph_styles_179bahu_withBreakWord__d9a8cadb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .Paragraph_styles_f6q9s8_bgybk92__e9eeb09f{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withNoWrap__e9eeb09f{white-space:nowrap;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withBreakWord__e9eeb09f{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -1,4 +1,4 @@
1
- import './Paragraph.styles_179bahu.css';
1
+ import './Paragraph.styles_f6q9s8.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Paragraph.styles.js","sources":["../../../../../src/components/Typography/Old/Paragraph/Paragraph.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n margin: 0;\n\n ${String(applyHyphensNormal)};\n\n &.${String(classes.typoWithBreakWord)} {\n ${String(applyHyphens)};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAchB;;;;"}
1
+ {"version":3,"file":"Paragraph.styles.js","sources":["../../../../../src/components/Typography/Old/Paragraph/Paragraph.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n margin: 0;\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAkBhB;;;;"}
@@ -1 +1 @@
1
- .bgybk92{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.bgybk92.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .bgybk92{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.bgybk92.with-no-wrap{white-space:nowrap;}.bgybk92.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -1 +1 @@
1
- .Subtitle_styles_1plleej_b810c19__d9c54bce{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
@@ -6,19 +6,25 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
6
6
  var React = require('react');
7
7
  var applySpacing = require('../../../../mixins/applySpacing.js');
8
8
  var base = require('../../variations/_size/base.js');
9
+ var tokens = require('../../tokens.js');
10
+ var index = require('../../../../utils/index.js');
9
11
  var Subtitle_styles = require('./Subtitle.styles.js');
10
12
 
11
- var _excluded = ["size", "children", "color", "style"];
13
+ var _excluded = ["size", "children", "color", "noWrap", "className", "style"];
12
14
  var subtitleRoot = function subtitleRoot(Root) {
13
15
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
14
16
  var size = props.size,
15
17
  children = props.children,
16
18
  color = props.color,
19
+ noWrap = props.noWrap,
20
+ className = props.className,
17
21
  style = props.style,
18
22
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
23
+ var withNoWrap = noWrap ? tokens.classes.typoWithNoWrap : undefined;
19
24
  return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
20
25
  size: size,
21
26
  ref: ref,
27
+ className: index.cx(withNoWrap, className),
22
28
  style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
23
29
  color: color
24
30
  }, style), applySpacing.applySpacing(rest))
@@ -1 +1 @@
1
- {"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n const { size, children, color, style, ...rest } = props;\n\n return (\n <Root size={size} ref={ref} style={{ color, ...style, ...applySpacing(rest) }} {...rest}>\n {children}\n </Root>\n );\n });\n\nexport const subtitleConfig = {\n name: 'Subtitle',\n tag: 'div',\n layout: subtitleRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n size: 'm',\n },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAsCF,KAAK,CAA/CE,IAAI;MAAEC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;MAAEC,KAAK,GAAqBJ,KAAK,CAA/BI,KAAK;MAAEC,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEvD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACZ,IAAI,EAAAa,iCAAA,CAAA;AAACT,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACI,KAAK,EAAAO,uCAAA,CAAAA,uCAAA,CAAA;AAAIR,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKC,KAAK,CAAA,EAAKQ,yBAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAClFH,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,YAAY;AACpBqB,EAAAA,IAAI,EAAJA,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
1
+ {"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n const { size, children, color, noWrap, className, style, ...rest } = props;\n\n const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(withNoWrap, className)}\n style={{ color, ...style, ...applySpacing(rest) }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const subtitleConfig = {\n name: 'Subtitle',\n tag: 'div',\n layout: subtitleRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n size: 'm',\n },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","noWrap","className","style","rest","_objectWithoutProperties","_excluded","withNoWrap","classes","typoWithNoWrap","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;IAaaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAyDF,KAAK,CAAlEE,IAAI;MAAEC,QAAQ,GAA+CH,KAAK,CAA5DG,QAAQ;MAAEC,KAAK,GAAwCJ,KAAK,CAAlDI,KAAK;MAAEC,MAAM,GAAgCL,KAAK,CAA3CK,MAAM;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE1E,IAAMC,UAAU,GAAGN,MAAM,GAAGO,cAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;AAE9D,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,iCAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,QAAE,CAACP,UAAU,EAAEL,SAAS,CAAE;MACrCC,KAAK,EAAAY,uCAAA,CAAAA,uCAAA,CAAA;AAAIf,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKG,KAAK,CAAA,EAAKa,yBAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkB,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3B,YAAY;AACpB4B,EAAAA,IAAI,EAAJA,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
@@ -1,4 +1,4 @@
1
- import './Subtitle.styles_1plleej.css';
1
+ import './Subtitle.styles_g6d0r2.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Subtitle.styles.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../tokens';\nimport { applyHyphens } from '../../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n ${String(applyHyphens)};\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAShB;;;;"}
1
+ {"version":3,"file":"Subtitle.styles.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens } from '../../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphens};\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAahB;;;;"}
@@ -1 +1 @@
1
- .b810c19{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .b810c19{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.b810c19.with-no-wrap{white-space:nowrap;}
@@ -8,21 +8,23 @@ var applySpacing = require('../../../mixins/applySpacing.js');
8
8
  var tokens = require('../tokens.js');
9
9
  var index = require('../../../utils/index.js');
10
10
 
11
- var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
11
+ var _excluded = ["size", "children", "breakWord", "noWrap", "color", "className", "style"];
12
12
  var typographyOldRoot = function typographyOldRoot(Root) {
13
13
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
14
14
  var size = props.size,
15
15
  children = props.children,
16
16
  breakWord = props.breakWord,
17
+ noWrap = props.noWrap,
17
18
  color = props.color,
18
19
  className = props.className,
19
20
  style = props.style,
20
21
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
22
+ var withNoWrap = noWrap ? tokens.classes.typoWithNoWrap : undefined;
21
23
  var withBreakWord = breakWord ? tokens.classes.typoWithBreakWord : undefined;
22
24
  return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
23
25
  size: size,
24
26
  ref: ref,
25
- className: index.cx(withBreakWord, className),
27
+ className: index.cx(withNoWrap, withBreakWord, className),
26
28
  style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
27
29
  color: color
28
30
  }, style), applySpacing.applySpacing(rest))
@@ -1 +1 @@
1
- {"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n const { size, children, breakWord, color, className, style, ...rest } = props;\n\n const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(withBreakWord, className)}\n style={{ color, ...style, ...applySpacing(rest) }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAA4DF,KAAK,CAArEE,IAAI;MAAEC,QAAQ,GAAkDH,KAAK,CAA/DG,QAAQ;MAAEC,SAAS,GAAuCJ,KAAK,CAArDI,SAAS;MAAEC,KAAK,GAAgCL,KAAK,CAA1CK,KAAK;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE7E,IAAMC,aAAa,GAAGP,SAAS,GAAGQ,cAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,iCAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,QAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,uCAAA,CAAAA,uCAAA,CAAA;AAAId,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKa,yBAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n const { size, children, breakWord, noWrap, color, className, style, ...rest } = props;\n\n const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(withNoWrap, withBreakWord, className)}\n style={{ color, ...style, ...applySpacing(rest) }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","noWrap","color","className","style","rest","_objectWithoutProperties","_excluded","withNoWrap","classes","typoWithNoWrap","undefined","withBreakWord","typoWithBreakWord","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAAoEF,KAAK,CAA7EE,IAAI;MAAEC,QAAQ,GAA0DH,KAAK,CAAvEG,QAAQ;MAAEC,SAAS,GAA+CJ,KAAK,CAA7DI,SAAS;MAAEC,MAAM,GAAuCL,KAAK,CAAlDK,MAAM;MAAEC,KAAK,GAAgCN,KAAK,CAA1CM,KAAK;MAAEC,SAAS,GAAqBP,KAAK,CAAnCO,SAAS;MAAEC,KAAK,GAAcR,KAAK,CAAxBQ,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;IAErF,IAAMC,UAAU,GAAGP,MAAM,GAAGQ,cAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;IAC9D,IAAMC,aAAa,GAAGZ,SAAS,GAAGS,cAAO,CAACI,iBAAiB,GAAGF,SAAS,CAAA;AAEvE,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAAsB,iCAAA,CAAA;AACDlB,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;MACTM,SAAS,EAAEc,QAAE,CAACT,UAAU,EAAEI,aAAa,EAAET,SAAS,CAAE;MACpDC,KAAK,EAAAc,uCAAA,CAAAA,uCAAA,CAAA;AAAIhB,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKe,yBAAY,CAACd,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPN,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}
@@ -1,4 +1,4 @@
1
- import './TypographyOld.styles_17w0rtq.css';
1
+ import './TypographyOld.styles_168abbx.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"TypographyOld.styles.js","sources":["../../../../src/components/Typography/Old/TypographyOld.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n ${String(applyHyphensNormal)};\n\n &.${String(classes.typoWithBreakWord)} {\n ${String(applyHyphens)};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAahB;;;;"}
1
+ {"version":3,"file":"TypographyOld.styles.js","sources":["../../../../src/components/Typography/Old/TypographyOld.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAiBhB;;;;"}
@@ -1 +1 @@
1
- .b9p5ato{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b9p5ato.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .b9p5ato{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b9p5ato.with-no-wrap{white-space:nowrap;}.b9p5ato.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -1 +1 @@
1
- .Underline_styles_vsz834_b1uxesuf__4f8f4d9b{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_vsz834_b1uxesuf__4f8f4d9b.Underline_styles_vsz834_withBreakWord__4f8f4d9b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .Underline_styles_1x2vb5e_b1uxesuf__34404c4e{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withNoWrap__34404c4e{white-space:nowrap;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withBreakWord__34404c4e{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -1,4 +1,4 @@
1
- import './Underline.styles_vsz834.css';
1
+ import './Underline.styles_1x2vb5e.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Underline.styles.js","sources":["../../../../../src/components/Typography/Old/Underline/Underline.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n text-transform: uppercase;\n\n ${String(applyHyphensNormal)};\n\n &.${String(classes.typoWithBreakWord)} {\n ${String(applyHyphens)};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAehB;;;;"}
1
+ {"version":3,"file":"Underline.styles.js","sources":["../../../../../src/components/Typography/Old/Underline/Underline.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../../mixins';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n text-transform: uppercase;\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAmBhB;;;;"}
@@ -1 +1 @@
1
- .b1uxesuf{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1uxesuf.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .b1uxesuf{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1uxesuf.with-no-wrap{white-space:nowrap;}.b1uxesuf.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -8,25 +8,27 @@ var applySpacing = require('../../mixins/applySpacing.js');
8
8
  var index = require('../../utils/index.js');
9
9
  var tokens = require('./tokens.js');
10
10
 
11
- var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
11
+ var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
12
12
  var typographyRootCompose = function typographyRootCompose(defaultArgs) {
13
13
  return function (Root) {
14
14
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
15
15
  var size = props.size,
16
16
  children = props.children,
17
17
  breakWord = props.breakWord,
18
+ noWrap = props.noWrap,
18
19
  _props$bold = props.bold,
19
20
  bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
20
21
  color = props.color,
21
22
  className = props.className,
22
23
  style = props.style,
23
24
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
25
+ var withNoWrap = noWrap ? tokens.classes.typoWithNoWrap : undefined;
24
26
  var withBreakWord = breakWord ? tokens.classes.typoWithBreakWord : undefined;
25
27
  var typographyBold = bold ? tokens.classes.typoBold : undefined;
26
28
  return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
27
29
  size: size,
28
30
  ref: ref,
29
- className: index.cx(withBreakWord, typographyBold, className),
31
+ className: index.cx(withNoWrap, withBreakWord, typographyBold, className),
30
32
  style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
31
33
  color: color
32
34
  }, style), applySpacing.applySpacing(rest)),
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n const { size, children, breakWord, bold = defaultArgs?.defaultBold, color, className, style, ...rest } = props;\n\n const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n const typographyBold = bold ? classes.typoBold : undefined;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(withBreakWord, typographyBold, className)}\n style={{ color, ...style, ...applySpacing(rest) }}\n bold={bold}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","typographyBold","typoBold","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,gBAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IAAQC,IAAI,GAA6FF,KAAK,CAAtGE,IAAI;QAAEC,QAAQ,GAAmFH,KAAK,CAAhGG,QAAQ;QAAEC,SAAS,GAAwEJ,KAAK,CAAtFI,SAAS;QAAAC,WAAA,GAAwEL,KAAK,CAA3EM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,KAAK,GAAgCR,KAAK,CAA1CQ,KAAK;QAAEC,SAAS,GAAqBT,KAAK,CAAnCS,SAAS;QAAEC,KAAK,GAAcV,KAAK,CAAxBU,KAAK;AAAKC,QAAAA,IAAI,GAAAC,iDAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;MAE9G,IAAMC,aAAa,GAAGV,SAAS,GAAGW,cAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGZ,IAAI,GAAGS,cAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,iCAAA,CAAA;AACDpB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTQ,SAAS,EAAEc,QAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,uCAAA,CAAAA,uCAAA,CAAA;AAAIhB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKe,EAAAA,yBAAY,CAACd,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPR,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n const {\n size,\n children,\n breakWord,\n noWrap,\n bold = defaultArgs?.defaultBold,\n color,\n className,\n style,\n ...rest\n } = props;\n\n const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n const typographyBold = bold ? classes.typoBold : undefined;\n\n return (\n <Root\n size={size}\n ref={ref}\n className={cx(withNoWrap, withBreakWord, typographyBold, className)}\n style={{ color, ...style, ...applySpacing(rest) }}\n bold={bold}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withNoWrap","classes","typoWithNoWrap","undefined","withBreakWord","typoWithBreakWord","typographyBold","typoBold","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,gBAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GASJF,KAAK,CATLE,IAAI;QACJC,QAAQ,GAQRH,KAAK,CARLG,QAAQ;QACRC,SAAS,GAOTJ,KAAK,CAPLI,SAAS;QACTC,MAAM,GAMNL,KAAK,CANLK,MAAM;QAAAC,WAAA,GAMNN,KAAK,CALLO,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,WAAW,GAAAF,WAAA;QAC/BG,KAAK,GAILT,KAAK,CAJLS,KAAK;QACLC,SAAS,GAGTV,KAAK,CAHLU,SAAS;QACTC,KAAK,GAELX,KAAK,CAFLW,KAAK;AACFC,QAAAA,IAAI,GAAAC,iDAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;MAET,IAAMC,UAAU,GAAGV,MAAM,GAAGW,cAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;MAC9D,IAAMC,aAAa,GAAGf,SAAS,GAAGY,cAAO,CAACI,iBAAiB,GAAGF,SAAS,CAAA;MACvE,IAAMG,cAAc,GAAGd,IAAI,GAAGS,cAAO,CAACM,QAAQ,GAAGJ,SAAS,CAAA;AAE1D,MAAA,oBACIK,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA2B,iCAAA,CAAA;AACDvB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEgB,QAAE,CAACX,UAAU,EAAEI,aAAa,EAAEE,cAAc,EAAEX,SAAS,CAAE;QACpEC,KAAK,EAAAgB,uCAAA,CAAAA,uCAAA,CAAA;AAAIlB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKiB,EAAAA,yBAAY,CAAChB,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
@@ -1,4 +1,4 @@
1
- import './Typography.styles_6mr47g.css';
1
+ import './Typography.styles_fa07dt.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${String(classes.typoBold)} {\n font-weight: var(${tokens.typoFontWeightBold});\n }\n\n ${String(applyHyphensNormal)};\n\n &.${String(classes.typoWithBreakWord)} {\n ${String(applyHyphens)};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAiBhB;;;;"}
1
+ {"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n font-family: var(${tokens.typoFontFamily});\n font-size: var(${tokens.typoFontSize});\n font-style: var(${tokens.typoFontStyle});\n letter-spacing: var(${tokens.typoFontLetterSpacing});\n line-height: var(${tokens.typoFontLineHeight});\n font-weight: var(${tokens.typoFontWeight});\n\n &.${classes.typoBold} {\n font-weight: var(${tokens.typoFontWeightBold});\n }\n\n &.${classes.typoWithNoWrap} {\n white-space: nowrap;\n }\n\n ${applyHyphensNormal};\n\n &.${classes.typoWithBreakWord} {\n ${applyHyphens};\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAqBhB;;;;"}
@@ -1 +1 @@
1
- .b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
1
+ .b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var classes = {
6
+ typoWithNoWrap: 'with-no-wrap',
6
7
  typoWithBreakWord: 'with-break-word',
7
8
  typoBold: 'typography-bold'
8
9
  };
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n typoWithBreakWord: 'with-break-word',\n typoBold: 'typography-bold',\n};\n\nexport const tokens = {\n typoFontFamily: '--typo-font-family',\n typoFontSize: '--typo-font-size',\n typoFontStyle: '--typo-font-style',\n typoFontWeight: '--typo-font-weight',\n typoFontWeightBold: '--typo-font-weight-bold',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;;"}
1
+ {"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n typoWithNoWrap: 'with-no-wrap',\n typoWithBreakWord: 'with-break-word',\n typoBold: 'typography-bold',\n};\n\nexport const tokens = {\n typoFontFamily: '--typo-font-family',\n typoFontSize: '--typo-font-size',\n typoFontStyle: '--typo-font-style',\n typoFontWeight: '--typo-font-weight',\n typoFontWeightBold: '--typo-font-weight-bold',\n typoFontLetterSpacing: '--typo-font-letter-spacing',\n typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;;"}
package/cjs/index.css CHANGED
@@ -322,15 +322,15 @@
322
322
  .CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
323
323
  .CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
324
324
 
325
- .Typography_styles_6mr47g_b1ru04lg__ff3be7fe{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_typographyBold__ff3be7fe{font-weight:var(--typo-font-weight-bold);}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_withBreakWord__ff3be7fe{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
325
+ .Typography_styles_fa07dt_b1ru04lg__867729cb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
326
326
 
327
- .TypographyOld_styles_17w0rtq_b9p5ato__18359621{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_17w0rtq_b9p5ato__18359621.TypographyOld_styles_17w0rtq_withBreakWord__18359621{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
327
+ .TypographyOld_styles_168abbx_b9p5ato__094dcd73{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withNoWrap__094dcd73{white-space:nowrap;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withBreakWord__094dcd73{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
328
328
 
329
- .Paragraph_styles_179bahu_bgybk92__d9a8cadb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_179bahu_bgybk92__d9a8cadb.Paragraph_styles_179bahu_withBreakWord__d9a8cadb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
329
+ .Paragraph_styles_f6q9s8_bgybk92__e9eeb09f{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withNoWrap__e9eeb09f{white-space:nowrap;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withBreakWord__e9eeb09f{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
330
330
 
331
- .Underline_styles_vsz834_b1uxesuf__4f8f4d9b{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_vsz834_b1uxesuf__4f8f4d9b.Underline_styles_vsz834_withBreakWord__4f8f4d9b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
331
+ .Underline_styles_1x2vb5e_b1uxesuf__34404c4e{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withNoWrap__34404c4e{white-space:nowrap;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withBreakWord__34404c4e{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
332
332
 
333
- .Subtitle_styles_1plleej_b810c19__d9c54bce{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
333
+ .Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
334
334
 
335
335
 
336
336
  .Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
@@ -24,7 +24,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
24
24
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
25
  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; }
26
26
  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; }
27
- var editableRoot = exports.editableRoot = function editableRoot(typograpyVariants) {
27
+ var editableRoot = exports.editableRoot = function editableRoot(typographyVariants) {
28
28
  return function (Root) {
29
29
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
30
30
  var _prevValueRef$current;
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _tokens = /*#__PURE__*/require("../../tokens");
9
9
  var _mixins = /*#__PURE__*/require("../../../../mixins");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");margin:0;", /*#__PURE__*/String(_mixins.applyHyphensNormal), ";&.", /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), "{", /*#__PURE__*/String(_mixins.applyHyphens), ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgJHtTdHJpbmcoYXBwbHlIeXBoZW5zTm9ybWFsKX07XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMudHlwb1dpdGhCcmVha1dvcmQpfSB7XG4gICAgICAgICR7U3RyaW5nKGFwcGx5SHlwaGVucyl9O1xuICAgIH1cbmA7XG4iXX0= */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");margin:0;&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
@@ -8,8 +8,10 @@ exports.subtitleRoot = exports.subtitleConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _applySpacing = /*#__PURE__*/require("../../../../mixins/applySpacing");
10
10
  var _base = /*#__PURE__*/require("../../variations/_size/base");
11
+ var _tokens = /*#__PURE__*/require("../../tokens");
12
+ var _utils = /*#__PURE__*/require("../../../../utils");
11
13
  var _Subtitle = /*#__PURE__*/require("./Subtitle.styles");
12
- var _excluded = ["size", "children", "color", "style"];
14
+ var _excluded = ["size", "children", "color", "noWrap", "className", "style"];
13
15
  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); }
14
16
  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; }
15
17
  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); }
@@ -25,11 +27,15 @@ var subtitleRoot = exports.subtitleRoot = function subtitleRoot(Root) {
25
27
  var size = props.size,
26
28
  children = props.children,
27
29
  color = props.color,
30
+ noWrap = props.noWrap,
31
+ className = props.className,
28
32
  style = props.style,
29
33
  rest = _objectWithoutProperties(props, _excluded);
34
+ var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
30
35
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
31
36
  size: size,
32
37
  ref: ref,
38
+ className: (0, _utils.cx)(withNoWrap, className),
33
39
  style: _objectSpread(_objectSpread({
34
40
  color: color
35
41
  }, style), (0, _applySpacing.applySpacing)(rest))
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _tokens = /*#__PURE__*/require("../../tokens");
9
9
  var _mixins = /*#__PURE__*/require("../../../../mixins");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");", /*#__PURE__*/String(_mixins.applyHyphens), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvU3VidGl0bGUvU3VidGl0bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1R5cG9ncmFwaHkvT2xkL1N1YnRpdGxlL1N1YnRpdGxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IGFwcGx5SHlwaGVucyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICAke1N0cmluZyhhcHBseUh5cGhlbnMpfTtcbmA7XG4iXX0= */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphens, ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvU3VidGl0bGUvU3VidGl0bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1R5cG9ncmFwaHkvT2xkL1N1YnRpdGxlL1N1YnRpdGxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IGFwcGx5SHlwaGVucyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aE5vV3JhcH0ge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgICR7YXBwbHlIeXBoZW5zfTtcbmA7XG4iXX0= */"));
@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
9
9
  var _applySpacing = /*#__PURE__*/require("../../../mixins/applySpacing");
10
10
  var _tokens = /*#__PURE__*/require("../tokens");
11
11
  var _utils = /*#__PURE__*/require("../../../utils");
12
- var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
12
+ var _excluded = ["size", "children", "breakWord", "noWrap", "color", "className", "style"];
13
13
  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); }
14
14
  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; }
15
15
  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); }
@@ -25,15 +25,17 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
25
25
  var size = props.size,
26
26
  children = props.children,
27
27
  breakWord = props.breakWord,
28
+ noWrap = props.noWrap,
28
29
  color = props.color,
29
30
  className = props.className,
30
31
  style = props.style,
31
32
  rest = _objectWithoutProperties(props, _excluded);
33
+ var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
32
34
  var withBreakWord = breakWord ? _tokens.classes.typoWithBreakWord : undefined;
33
35
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
34
36
  size: size,
35
37
  ref: ref,
36
- className: (0, _utils.cx)(withBreakWord, className),
38
+ className: (0, _utils.cx)(withNoWrap, withBreakWord, className),
37
39
  style: _objectSpread(_objectSpread({
38
40
  color: color
39
41
  }, style), (0, _applySpacing.applySpacing)(rest))
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _tokens = /*#__PURE__*/require("../tokens");
9
9
  var _mixins = /*#__PURE__*/require("../../../mixins");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");", /*#__PURE__*/String(_mixins.applyHyphensNormal), ";&.", /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), "{", /*#__PURE__*/String(_mixins.applyHyphens), ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVHlwb2dyYXBoeU9sZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVHlwb2dyYXBoeU9sZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICAke1N0cmluZyhhcHBseUh5cGhlbnNOb3JtYWwpfTtcblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZCl9IHtcbiAgICAgICAgJHtTdHJpbmcoYXBwbHlIeXBoZW5zKX07XG4gICAgfVxuYDtcbiJdfQ== */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVHlwb2dyYXBoeU9sZC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVHlwb2dyYXBoeU9sZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aE5vV3JhcH0ge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgICR7YXBwbHlIeXBoZW5zTm9ybWFsfTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9XaXRoQnJlYWtXb3JkfSB7XG4gICAgICAgICR7YXBwbHlIeXBoZW5zfTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _tokens = /*#__PURE__*/require("../../tokens");
9
9
  var _mixins = /*#__PURE__*/require("../../../../mixins");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");text-transform:uppercase;", /*#__PURE__*/String(_mixins.applyHyphensNormal), ";&.", /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), "{", /*#__PURE__*/String(_mixins.applyHyphens), ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXG4gICAgJHtTdHJpbmcoYXBwbHlIeXBoZW5zTm9ybWFsKX07XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMudHlwb1dpdGhCcmVha1dvcmQpfSB7XG4gICAgICAgICR7U3RyaW5nKGFwcGx5SHlwaGVucyl9O1xuICAgIH1cbmA7XG4iXX0= */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");text-transform:uppercase;&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50eXBvRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fSk7XG5cbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));