@salutejs/plasma-new-hope 0.133.2-canary.1396.10611246152.0 → 0.134.0-canary.1352.10609199302.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (729) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +11 -9
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -9
  3. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -9
  4. package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -9
  5. package/cjs/components/Range/Range.css +11 -9
  6. package/cjs/components/Slider/Slider.css +11 -9
  7. package/cjs/components/Slider/components/Double/Double.css +11 -9
  8. package/cjs/components/TextArea/TextArea.js +28 -7
  9. package/cjs/components/TextArea/TextArea.js.map +1 -1
  10. package/cjs/components/TextArea/TextArea.styles.js +47 -35
  11. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  12. package/cjs/components/TextArea/TextArea.styles_av6xxy.css +11 -0
  13. package/cjs/components/TextArea/TextArea.tokens.js +8 -1
  14. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  15. package/cjs/components/TextArea/variations/_required/base.js +9 -0
  16. package/cjs/components/TextArea/variations/_required/base.js.map +1 -0
  17. package/cjs/components/TextArea/variations/_required/base_x642ct.css +1 -0
  18. package/cjs/components/TextField/TextField.js +32 -9
  19. package/cjs/components/TextField/TextField.js.map +1 -1
  20. package/cjs/components/TextField/TextField.styles.js +13 -1
  21. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  22. package/{es/components/TextField/TextField.styles_9fkr1l.css → cjs/components/TextField/TextField.styles_1lfge6n.css} +3 -1
  23. package/cjs/components/TextField/TextField.tokens.js +8 -1
  24. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  25. package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
  26. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  27. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  28. package/cjs/components/TextField/variations/_label-placement/base_1yaoy2k.css +1 -0
  29. package/cjs/components/TextField/variations/_required/base.js +9 -0
  30. package/cjs/components/TextField/variations/_required/base.js.map +1 -0
  31. package/cjs/components/TextField/variations/_required/base_x642ct.css +1 -0
  32. package/cjs/index.css +22 -18
  33. package/emotion/cjs/components/TextArea/TextArea.js +29 -8
  34. package/emotion/cjs/components/TextArea/TextArea.styles.js +27 -19
  35. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
  36. package/emotion/cjs/components/TextArea/TextArea.tokens.js +8 -1
  37. package/emotion/cjs/components/TextArea/variations/_required/base.js +8 -0
  38. package/emotion/cjs/components/TextArea/variations/_required/tokens.json +1 -0
  39. package/emotion/cjs/components/TextArea/variations/_size/tokens.json +7 -1
  40. package/emotion/cjs/components/TextField/TextField.js +36 -13
  41. package/emotion/cjs/components/TextField/TextField.styles.js +37 -21
  42. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +27 -1
  43. package/emotion/cjs/components/TextField/TextField.tokens.js +8 -1
  44. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  45. package/emotion/cjs/components/TextField/variations/_required/base.js +8 -0
  46. package/emotion/cjs/components/TextField/variations/_required/tokens.json +1 -0
  47. package/emotion/cjs/components/TextField/variations/_size/tokens.json +6 -0
  48. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  49. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
  50. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
  51. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  52. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  53. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
  54. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +15 -12
  55. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  56. package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +29 -0
  57. package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.js +11 -0
  58. package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
  59. package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +10 -0
  60. package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
  61. package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.config.js +36 -0
  62. package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.js +11 -0
  63. package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
  64. package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +51 -0
  65. package/emotion/cjs/examples/sds_engineer/components/Button/Button.js +11 -0
  66. package/emotion/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
  67. package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +56 -0
  68. package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +11 -0
  69. package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
  70. package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.js +23 -0
  71. package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
  72. package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +25 -0
  73. package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +25 -0
  74. package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +41 -0
  75. package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +11 -0
  76. package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
  77. package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.config.js +28 -0
  78. package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.js +11 -0
  79. package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
  80. package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.config.js +29 -0
  81. package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.js +11 -0
  82. package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
  83. package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.config.js +31 -0
  84. package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.js +11 -0
  85. package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
  86. package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +26 -0
  87. package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.js +18 -0
  88. package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
  89. package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.config.js +22 -0
  90. package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.js +23 -0
  91. package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
  92. package/emotion/cjs/examples/sds_engineer/components/Image/Image.js +10 -0
  93. package/emotion/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
  94. package/emotion/cjs/examples/sds_engineer/components/Link/Link.config.js +121 -0
  95. package/emotion/cjs/examples/sds_engineer/components/Link/Link.js +11 -0
  96. package/emotion/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
  97. package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.config.js +18 -0
  98. package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.js +17 -0
  99. package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
  100. package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.config.js +25 -0
  101. package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.js +29 -0
  102. package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
  103. package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
  104. package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.config.js +27 -0
  105. package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.js +18 -0
  106. package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
  107. package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.config.js +18 -0
  108. package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.js +11 -0
  109. package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
  110. package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.js +28 -0
  111. package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
  112. package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.config.js +28 -0
  113. package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.js +11 -0
  114. package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
  115. package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +42 -0
  116. package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +11 -0
  117. package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
  118. package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.js +14 -0
  119. package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
  120. package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +35 -0
  121. package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +33 -0
  122. package/emotion/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +34 -0
  123. package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +25 -0
  124. package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
  125. package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +31 -0
  126. package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.js +11 -0
  127. package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
  128. package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.config.js +36 -0
  129. package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.js +11 -0
  130. package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
  131. package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +39 -0
  132. package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.js +11 -0
  133. package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +42 -0
  134. package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.js +11 -0
  135. package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
  136. package/emotion/cjs/examples/sds_engineer/components/Tabs/TabsController.js +10 -0
  137. package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +28 -0
  138. package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.js +11 -0
  139. package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
  140. package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.config.js +39 -0
  141. package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
  142. package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
  143. package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.config.js +27 -0
  144. package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.js +19 -0
  145. package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
  146. package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
  147. package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
  148. package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
  149. package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +22 -0
  150. package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +11 -0
  151. package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
  152. package/emotion/cjs/examples/themes/index.js +3 -1
  153. package/emotion/cjs/examples/themes/sds_engineer.module.css +373 -0
  154. package/emotion/es/components/TextArea/TextArea.js +30 -9
  155. package/emotion/es/components/TextArea/TextArea.styles.js +26 -18
  156. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -3
  157. package/emotion/es/components/TextArea/TextArea.tokens.js +8 -1
  158. package/emotion/es/components/TextArea/variations/_required/base.js +2 -0
  159. package/emotion/es/components/TextArea/variations/_required/tokens.json +1 -0
  160. package/emotion/es/components/TextArea/variations/_size/tokens.json +7 -1
  161. package/emotion/es/components/TextField/TextField.js +35 -12
  162. package/emotion/es/components/TextField/TextField.styles.js +36 -20
  163. package/emotion/es/components/TextField/TextField.template-doc.mdx +27 -1
  164. package/emotion/es/components/TextField/TextField.tokens.js +8 -1
  165. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  166. package/emotion/es/components/TextField/variations/_required/base.js +2 -0
  167. package/emotion/es/components/TextField/variations/_required/tokens.json +1 -0
  168. package/emotion/es/components/TextField/variations/_size/tokens.json +6 -0
  169. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  170. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
  171. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
  172. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  173. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  174. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
  175. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +15 -12
  176. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  177. package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.config.js +23 -0
  178. package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.js +5 -0
  179. package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
  180. package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +4 -0
  181. package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
  182. package/emotion/es/examples/sds_engineer/components/Badge/Badge.config.js +30 -0
  183. package/emotion/es/examples/sds_engineer/components/Badge/Badge.js +5 -0
  184. package/emotion/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
  185. package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +45 -0
  186. package/emotion/es/examples/sds_engineer/components/Button/Button.js +5 -0
  187. package/emotion/es/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
  188. package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +50 -0
  189. package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +5 -0
  190. package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
  191. package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.js +17 -0
  192. package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
  193. package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +19 -0
  194. package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +19 -0
  195. package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +35 -0
  196. package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.js +5 -0
  197. package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
  198. package/emotion/es/examples/sds_engineer/components/Chip/Chip.config.js +22 -0
  199. package/emotion/es/examples/sds_engineer/components/Chip/Chip.js +5 -0
  200. package/emotion/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
  201. package/emotion/es/examples/sds_engineer/components/Counter/Counter.config.js +23 -0
  202. package/emotion/es/examples/sds_engineer/components/Counter/Counter.js +5 -0
  203. package/emotion/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
  204. package/emotion/es/examples/sds_engineer/components/Divider/Divider.config.js +25 -0
  205. package/emotion/es/examples/sds_engineer/components/Divider/Divider.js +5 -0
  206. package/emotion/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
  207. package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.config.js +20 -0
  208. package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.js +12 -0
  209. package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
  210. package/emotion/es/examples/sds_engineer/components/Grid/Grid.config.js +16 -0
  211. package/emotion/es/examples/sds_engineer/components/Grid/Grid.js +6 -0
  212. package/emotion/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
  213. package/emotion/es/examples/sds_engineer/components/Image/Image.js +4 -0
  214. package/emotion/es/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
  215. package/emotion/es/examples/sds_engineer/components/Link/Link.config.js +115 -0
  216. package/emotion/es/examples/sds_engineer/components/Link/Link.js +5 -0
  217. package/emotion/es/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
  218. package/emotion/es/examples/sds_engineer/components/Modal/Modal.config.js +12 -0
  219. package/emotion/es/examples/sds_engineer/components/Modal/Modal.js +6 -0
  220. package/emotion/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
  221. package/emotion/es/examples/sds_engineer/components/Notification/Notification.config.js +19 -0
  222. package/emotion/es/examples/sds_engineer/components/Notification/Notification.js +16 -0
  223. package/emotion/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
  224. package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
  225. package/emotion/es/examples/sds_engineer/components/Panel/Panel.config.js +21 -0
  226. package/emotion/es/examples/sds_engineer/components/Panel/Panel.js +12 -0
  227. package/emotion/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
  228. package/emotion/es/examples/sds_engineer/components/Popover/Popover.config.js +12 -0
  229. package/emotion/es/examples/sds_engineer/components/Popover/Popover.js +5 -0
  230. package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
  231. package/emotion/es/examples/sds_engineer/components/Popup/Popup.js +5 -0
  232. package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
  233. package/emotion/es/examples/sds_engineer/components/Progress/Progress.config.js +22 -0
  234. package/emotion/es/examples/sds_engineer/components/Progress/Progress.js +5 -0
  235. package/emotion/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
  236. package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +36 -0
  237. package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.js +5 -0
  238. package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
  239. package/emotion/es/examples/sds_engineer/components/Segment/Segment.js +8 -0
  240. package/emotion/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
  241. package/emotion/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +29 -0
  242. package/emotion/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +27 -0
  243. package/emotion/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +28 -0
  244. package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.js +7 -0
  245. package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
  246. package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.config.js +25 -0
  247. package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.js +5 -0
  248. package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
  249. package/emotion/es/examples/sds_engineer/components/Switch/Switch.config.js +30 -0
  250. package/emotion/es/examples/sds_engineer/components/Switch/Switch.js +5 -0
  251. package/emotion/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
  252. package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.config.js +33 -0
  253. package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.js +5 -0
  254. package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.config.js +36 -0
  255. package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.js +5 -0
  256. package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
  257. package/emotion/es/examples/sds_engineer/components/Tabs/TabsController.js +4 -0
  258. package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.config.js +22 -0
  259. package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.js +5 -0
  260. package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
  261. package/emotion/es/examples/sds_engineer/components/TextField/TextField.config.js +33 -0
  262. package/emotion/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
  263. package/emotion/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
  264. package/emotion/es/examples/sds_engineer/components/Toast/Toast.config.js +21 -0
  265. package/emotion/es/examples/sds_engineer/components/Toast/Toast.js +8 -0
  266. package/emotion/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
  267. package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
  268. package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
  269. package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
  270. package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +16 -0
  271. package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.js +5 -0
  272. package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
  273. package/emotion/es/examples/themes/index.js +3 -1
  274. package/emotion/es/examples/themes/sds_engineer.module.css +373 -0
  275. package/es/components/Autocomplete/Autocomplete.css +11 -9
  276. package/es/components/DatePicker/RangeDate/RangeDate.css +11 -9
  277. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -9
  278. package/es/components/DatePicker/SingleDate/SingleDate.css +11 -9
  279. package/es/components/Range/Range.css +11 -9
  280. package/es/components/Slider/Slider.css +11 -9
  281. package/es/components/Slider/components/Double/Double.css +11 -9
  282. package/es/components/TextArea/TextArea.js +29 -8
  283. package/es/components/TextArea/TextArea.js.map +1 -1
  284. package/es/components/TextArea/TextArea.styles.js +46 -36
  285. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  286. package/es/components/TextArea/TextArea.styles_av6xxy.css +11 -0
  287. package/es/components/TextArea/TextArea.tokens.js +8 -1
  288. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  289. package/es/components/TextArea/variations/_required/base.js +5 -0
  290. package/es/components/TextArea/variations/_required/base.js.map +1 -0
  291. package/es/components/TextArea/variations/_required/base_x642ct.css +1 -0
  292. package/es/components/TextField/TextField.js +33 -10
  293. package/es/components/TextField/TextField.js.map +1 -1
  294. package/es/components/TextField/TextField.styles.js +12 -2
  295. package/es/components/TextField/TextField.styles.js.map +1 -1
  296. package/{cjs/components/TextField/TextField.styles_9fkr1l.css → es/components/TextField/TextField.styles_1lfge6n.css} +3 -1
  297. package/es/components/TextField/TextField.tokens.js +8 -1
  298. package/es/components/TextField/TextField.tokens.js.map +1 -1
  299. package/es/components/TextField/TextField_1lzb2r1.css +1 -0
  300. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  301. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  302. package/es/components/TextField/variations/_label-placement/base_1yaoy2k.css +1 -0
  303. package/es/components/TextField/variations/_required/base.js +5 -0
  304. package/es/components/TextField/variations/_required/base.js.map +1 -0
  305. package/es/components/TextField/variations/_required/base_x642ct.css +1 -0
  306. package/es/index.css +22 -18
  307. package/package.json +2 -2
  308. package/styled-components/cjs/components/TextArea/TextArea.js +28 -7
  309. package/styled-components/cjs/components/TextArea/TextArea.styles.js +17 -11
  310. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
  311. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +8 -1
  312. package/styled-components/cjs/components/TextArea/variations/_required/base.js +8 -0
  313. package/styled-components/cjs/components/TextArea/variations/_required/tokens.json +1 -0
  314. package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +7 -1
  315. package/styled-components/cjs/components/TextField/TextField.js +32 -9
  316. package/styled-components/cjs/components/TextField/TextField.styles.js +9 -3
  317. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +27 -1
  318. package/styled-components/cjs/components/TextField/TextField.tokens.js +8 -1
  319. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  320. package/styled-components/cjs/components/TextField/variations/_required/base.js +8 -0
  321. package/styled-components/cjs/components/TextField/variations/_required/tokens.json +1 -0
  322. package/styled-components/cjs/components/TextField/variations/_size/tokens.json +6 -0
  323. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -4
  324. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
  325. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -4
  326. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  327. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
  328. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
  329. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -4
  330. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  331. package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +29 -0
  332. package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.js +11 -0
  333. package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
  334. package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +10 -0
  335. package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
  336. package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.config.js +36 -0
  337. package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.js +11 -0
  338. package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
  339. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +51 -0
  340. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.js +11 -0
  341. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
  342. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +56 -0
  343. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +11 -0
  344. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
  345. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.js +23 -0
  346. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
  347. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +25 -0
  348. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +25 -0
  349. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +41 -0
  350. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +11 -0
  351. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
  352. package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.config.js +28 -0
  353. package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.js +11 -0
  354. package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
  355. package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.config.js +29 -0
  356. package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.js +11 -0
  357. package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
  358. package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.config.js +31 -0
  359. package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.js +11 -0
  360. package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
  361. package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +26 -0
  362. package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.js +18 -0
  363. package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
  364. package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.config.js +22 -0
  365. package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.js +23 -0
  366. package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
  367. package/styled-components/cjs/examples/sds_engineer/components/Image/Image.js +10 -0
  368. package/styled-components/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
  369. package/styled-components/cjs/examples/sds_engineer/components/Link/Link.config.js +32 -0
  370. package/styled-components/cjs/examples/sds_engineer/components/Link/Link.js +11 -0
  371. package/styled-components/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
  372. package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.config.js +18 -0
  373. package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.js +17 -0
  374. package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
  375. package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.config.js +25 -0
  376. package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.js +29 -0
  377. package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
  378. package/styled-components/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
  379. package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.config.js +27 -0
  380. package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.js +18 -0
  381. package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
  382. package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.config.js +18 -0
  383. package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.js +11 -0
  384. package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
  385. package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.js +28 -0
  386. package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
  387. package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.config.js +28 -0
  388. package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.js +11 -0
  389. package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
  390. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +42 -0
  391. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +11 -0
  392. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
  393. package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.js +14 -0
  394. package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
  395. package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +35 -0
  396. package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +33 -0
  397. package/styled-components/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +34 -0
  398. package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +25 -0
  399. package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
  400. package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +31 -0
  401. package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.js +11 -0
  402. package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
  403. package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.config.js +36 -0
  404. package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.js +11 -0
  405. package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
  406. package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +39 -0
  407. package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.js +11 -0
  408. package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +42 -0
  409. package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.js +11 -0
  410. package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
  411. package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabsController.js +10 -0
  412. package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +28 -0
  413. package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.js +11 -0
  414. package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
  415. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +39 -0
  416. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
  417. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
  418. package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.config.js +27 -0
  419. package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.js +19 -0
  420. package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
  421. package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
  422. package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
  423. package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
  424. package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +22 -0
  425. package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +11 -0
  426. package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
  427. package/styled-components/cjs/examples/themes/index.js +3 -1
  428. package/styled-components/cjs/examples/themes/sds_engineer.module.css +373 -0
  429. package/styled-components/es/components/TextArea/TextArea.js +29 -8
  430. package/styled-components/es/components/TextArea/TextArea.styles.js +16 -10
  431. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -3
  432. package/styled-components/es/components/TextArea/TextArea.tokens.js +8 -1
  433. package/styled-components/es/components/TextArea/variations/_required/base.js +2 -0
  434. package/styled-components/es/components/TextArea/variations/_required/tokens.json +1 -0
  435. package/styled-components/es/components/TextArea/variations/_size/tokens.json +7 -1
  436. package/styled-components/es/components/TextField/TextField.js +31 -8
  437. package/styled-components/es/components/TextField/TextField.styles.js +8 -2
  438. package/styled-components/es/components/TextField/TextField.template-doc.mdx +27 -1
  439. package/styled-components/es/components/TextField/TextField.tokens.js +8 -1
  440. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  441. package/styled-components/es/components/TextField/variations/_required/base.js +2 -0
  442. package/styled-components/es/components/TextField/variations/_required/tokens.json +1 -0
  443. package/styled-components/es/components/TextField/variations/_size/tokens.json +6 -0
  444. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -4
  445. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
  446. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -4
  447. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  448. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +7 -4
  449. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -0
  450. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -4
  451. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  452. package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.config.js +23 -0
  453. package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.js +5 -0
  454. package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +65 -0
  455. package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +4 -0
  456. package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +73 -0
  457. package/styled-components/es/examples/sds_engineer/components/Badge/Badge.config.js +30 -0
  458. package/styled-components/es/examples/sds_engineer/components/Badge/Badge.js +5 -0
  459. package/styled-components/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +56 -0
  460. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +45 -0
  461. package/styled-components/es/examples/sds_engineer/components/Button/Button.js +5 -0
  462. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +117 -0
  463. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +50 -0
  464. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +5 -0
  465. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +118 -0
  466. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.js +17 -0
  467. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +283 -0
  468. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +19 -0
  469. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +19 -0
  470. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +35 -0
  471. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.js +5 -0
  472. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +167 -0
  473. package/styled-components/es/examples/sds_engineer/components/Chip/Chip.config.js +22 -0
  474. package/styled-components/es/examples/sds_engineer/components/Chip/Chip.js +5 -0
  475. package/styled-components/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +37 -0
  476. package/styled-components/es/examples/sds_engineer/components/Counter/Counter.config.js +23 -0
  477. package/styled-components/es/examples/sds_engineer/components/Counter/Counter.js +5 -0
  478. package/styled-components/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +41 -0
  479. package/styled-components/es/examples/sds_engineer/components/Divider/Divider.config.js +25 -0
  480. package/styled-components/es/examples/sds_engineer/components/Divider/Divider.js +5 -0
  481. package/styled-components/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +61 -0
  482. package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.config.js +20 -0
  483. package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.js +12 -0
  484. package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +218 -0
  485. package/styled-components/es/examples/sds_engineer/components/Grid/Grid.config.js +16 -0
  486. package/styled-components/es/examples/sds_engineer/components/Grid/Grid.js +6 -0
  487. package/styled-components/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +122 -0
  488. package/styled-components/es/examples/sds_engineer/components/Image/Image.js +4 -0
  489. package/styled-components/es/examples/sds_engineer/components/Image/Image.stories.tsx +48 -0
  490. package/styled-components/es/examples/sds_engineer/components/Link/Link.config.js +26 -0
  491. package/styled-components/es/examples/sds_engineer/components/Link/Link.js +5 -0
  492. package/styled-components/es/examples/sds_engineer/components/Link/Link.stories.tsx +30 -0
  493. package/styled-components/es/examples/sds_engineer/components/Modal/Modal.config.js +12 -0
  494. package/styled-components/es/examples/sds_engineer/components/Modal/Modal.js +6 -0
  495. package/styled-components/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +208 -0
  496. package/styled-components/es/examples/sds_engineer/components/Notification/Notification.config.js +19 -0
  497. package/styled-components/es/examples/sds_engineer/components/Notification/Notification.js +16 -0
  498. package/styled-components/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +159 -0
  499. package/styled-components/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +79 -0
  500. package/styled-components/es/examples/sds_engineer/components/Panel/Panel.config.js +21 -0
  501. package/styled-components/es/examples/sds_engineer/components/Panel/Panel.js +12 -0
  502. package/styled-components/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +148 -0
  503. package/styled-components/es/examples/sds_engineer/components/Popover/Popover.config.js +12 -0
  504. package/styled-components/es/examples/sds_engineer/components/Popover/Popover.js +5 -0
  505. package/styled-components/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +117 -0
  506. package/styled-components/es/examples/sds_engineer/components/Popup/Popup.js +5 -0
  507. package/styled-components/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +179 -0
  508. package/styled-components/es/examples/sds_engineer/components/Progress/Progress.config.js +22 -0
  509. package/styled-components/es/examples/sds_engineer/components/Progress/Progress.js +5 -0
  510. package/styled-components/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +33 -0
  511. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +36 -0
  512. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.js +5 -0
  513. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +134 -0
  514. package/styled-components/es/examples/sds_engineer/components/Segment/Segment.js +8 -0
  515. package/styled-components/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +95 -0
  516. package/styled-components/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +29 -0
  517. package/styled-components/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +27 -0
  518. package/styled-components/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +28 -0
  519. package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.js +7 -0
  520. package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +90 -0
  521. package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.config.js +25 -0
  522. package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.js +5 -0
  523. package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +53 -0
  524. package/styled-components/es/examples/sds_engineer/components/Switch/Switch.config.js +30 -0
  525. package/styled-components/es/examples/sds_engineer/components/Switch/Switch.js +5 -0
  526. package/styled-components/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +61 -0
  527. package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.config.js +33 -0
  528. package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.js +5 -0
  529. package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.config.js +36 -0
  530. package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.js +5 -0
  531. package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +262 -0
  532. package/styled-components/es/examples/sds_engineer/components/Tabs/TabsController.js +4 -0
  533. package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.config.js +22 -0
  534. package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.js +5 -0
  535. package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +66 -0
  536. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +33 -0
  537. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
  538. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +171 -0
  539. package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js +21 -0
  540. package/styled-components/es/examples/sds_engineer/components/Toast/Toast.js +8 -0
  541. package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +223 -0
  542. package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
  543. package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
  544. package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
  545. package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +16 -0
  546. package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.js +5 -0
  547. package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +205 -0
  548. package/styled-components/es/examples/themes/index.js +3 -1
  549. package/styled-components/es/examples/themes/sds_engineer.module.css +373 -0
  550. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +6 -0
  551. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  552. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +6 -0
  553. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  554. package/types/components/Range/Range.styles.d.ts +6 -0
  555. package/types/components/Range/Range.styles.d.ts.map +1 -1
  556. package/types/components/Slider/components/Double/Double.styles.d.ts +6 -0
  557. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  558. package/types/components/TextArea/TextArea.d.ts +4 -0
  559. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  560. package/types/components/TextArea/TextArea.styles.d.ts +2 -0
  561. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  562. package/types/components/TextArea/TextArea.tokens.d.ts +7 -0
  563. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  564. package/types/components/TextArea/TextArea.types.d.ts +13 -0
  565. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  566. package/types/components/TextArea/variations/_required/base.d.ts +2 -0
  567. package/types/components/TextArea/variations/_required/base.d.ts.map +1 -0
  568. package/types/components/TextField/TextField.d.ts +4 -0
  569. package/types/components/TextField/TextField.d.ts.map +1 -1
  570. package/types/components/TextField/TextField.styles.d.ts +2 -0
  571. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  572. package/types/components/TextField/TextField.tokens.d.ts +7 -0
  573. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  574. package/types/components/TextField/TextField.types.d.ts +13 -0
  575. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  576. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  577. package/types/components/TextField/variations/_required/base.d.ts +2 -0
  578. package/types/components/TextField/variations/_required/base.d.ts.map +1 -0
  579. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  580. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  581. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
  582. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  583. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +3 -0
  584. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  585. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +9 -0
  586. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  587. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
  588. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  589. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +3 -0
  590. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  591. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +3 -0
  592. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  593. package/types/examples/plasma_web/components/TextField/TextField.d.ts +9 -0
  594. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  595. package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts +22 -0
  596. package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts.map +1 -0
  597. package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts +26 -0
  598. package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts.map +1 -0
  599. package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts +5 -0
  600. package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts.map +1 -0
  601. package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts +29 -0
  602. package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts.map +1 -0
  603. package/types/examples/sds_engineer/components/Badge/Badge.d.ts +34 -0
  604. package/types/examples/sds_engineer/components/Badge/Badge.d.ts.map +1 -0
  605. package/types/examples/sds_engineer/components/Button/Button.config.d.ts +44 -0
  606. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -0
  607. package/types/examples/sds_engineer/components/Button/Button.d.ts +80 -0
  608. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -0
  609. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts +49 -0
  610. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -0
  611. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts +44 -0
  612. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
  613. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +28 -0
  614. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -0
  615. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +18 -0
  616. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -0
  617. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +18 -0
  618. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -0
  619. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +34 -0
  620. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -0
  621. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +24 -0
  622. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -0
  623. package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts +21 -0
  624. package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts.map +1 -0
  625. package/types/examples/sds_engineer/components/Chip/Chip.d.ts +16 -0
  626. package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -0
  627. package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts +22 -0
  628. package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts.map +1 -0
  629. package/types/examples/sds_engineer/components/Counter/Counter.d.ts +22 -0
  630. package/types/examples/sds_engineer/components/Counter/Counter.d.ts.map +1 -0
  631. package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts +23 -0
  632. package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts.map +1 -0
  633. package/types/examples/sds_engineer/components/Divider/Divider.d.ts +17 -0
  634. package/types/examples/sds_engineer/components/Divider/Divider.d.ts.map +1 -0
  635. package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts +19 -0
  636. package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts.map +1 -0
  637. package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts +38 -0
  638. package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts.map +1 -0
  639. package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts +11 -0
  640. package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts.map +1 -0
  641. package/types/examples/sds_engineer/components/Grid/Grid.d.ts +8 -0
  642. package/types/examples/sds_engineer/components/Grid/Grid.d.ts.map +1 -0
  643. package/types/examples/sds_engineer/components/Image/Image.d.ts +8 -0
  644. package/types/examples/sds_engineer/components/Image/Image.d.ts.map +1 -0
  645. package/types/examples/sds_engineer/components/Link/Link.config.d.ts +26 -0
  646. package/types/examples/sds_engineer/components/Link/Link.config.d.ts.map +1 -0
  647. package/types/examples/sds_engineer/components/Link/Link.d.ts +21 -0
  648. package/types/examples/sds_engineer/components/Link/Link.d.ts.map +1 -0
  649. package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts +11 -0
  650. package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts.map +1 -0
  651. package/types/examples/sds_engineer/components/Modal/Modal.d.ts +8 -0
  652. package/types/examples/sds_engineer/components/Modal/Modal.d.ts.map +1 -0
  653. package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts +18 -0
  654. package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts.map +1 -0
  655. package/types/examples/sds_engineer/components/Notification/Notification.d.ts +19 -0
  656. package/types/examples/sds_engineer/components/Notification/Notification.d.ts.map +1 -0
  657. package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts +20 -0
  658. package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts.map +1 -0
  659. package/types/examples/sds_engineer/components/Panel/Panel.d.ts +27 -0
  660. package/types/examples/sds_engineer/components/Panel/Panel.d.ts.map +1 -0
  661. package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts +11 -0
  662. package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts.map +1 -0
  663. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +8 -0
  664. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -0
  665. package/types/examples/sds_engineer/components/Popup/Popup.d.ts +4 -0
  666. package/types/examples/sds_engineer/components/Popup/Popup.d.ts.map +1 -0
  667. package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts +21 -0
  668. package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts.map +1 -0
  669. package/types/examples/sds_engineer/components/Progress/Progress.d.ts +16 -0
  670. package/types/examples/sds_engineer/components/Progress/Progress.d.ts.map +1 -0
  671. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts +35 -0
  672. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -0
  673. package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts +24 -0
  674. package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts.map +1 -0
  675. package/types/examples/sds_engineer/components/Segment/Segment.d.ts +58 -0
  676. package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +1 -0
  677. package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts +28 -0
  678. package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts.map +1 -0
  679. package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts +26 -0
  680. package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts.map +1 -0
  681. package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts +27 -0
  682. package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts.map +1 -0
  683. package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts +51 -0
  684. package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts.map +1 -0
  685. package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts +24 -0
  686. package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts.map +1 -0
  687. package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts +34 -0
  688. package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts.map +1 -0
  689. package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts +28 -0
  690. package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts.map +1 -0
  691. package/types/examples/sds_engineer/components/Switch/Switch.d.ts +21 -0
  692. package/types/examples/sds_engineer/components/Switch/Switch.d.ts.map +1 -0
  693. package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts +32 -0
  694. package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts.map +1 -0
  695. package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +3 -0
  696. package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -0
  697. package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts +35 -0
  698. package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts.map +1 -0
  699. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +3 -0
  700. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -0
  701. package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts +3 -0
  702. package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts.map +1 -0
  703. package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts +21 -0
  704. package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts.map +1 -0
  705. package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts +46 -0
  706. package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts.map +1 -0
  707. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
  708. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
  709. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +70 -0
  710. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
  711. package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts +20 -0
  712. package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts.map +1 -0
  713. package/types/examples/sds_engineer/components/Toast/Toast.d.ts +20 -0
  714. package/types/examples/sds_engineer/components/Toast/Toast.d.ts.map +1 -0
  715. package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts +18 -0
  716. package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts.map +1 -0
  717. package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts +23 -0
  718. package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts.map +1 -0
  719. package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts +15 -0
  720. package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts.map +1 -0
  721. package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts +5 -0
  722. package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts.map +1 -0
  723. package/types/examples/themes/index.d.ts.map +1 -1
  724. package/cjs/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
  725. package/cjs/components/TextField/TextField_wctd2m.css +0 -1
  726. package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
  727. package/es/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
  728. package/es/components/TextField/TextField_wctd2m.css +0 -1
  729. package/es/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
@@ -0,0 +1,117 @@
1
+ import React, { useState } from 'react';
2
+ import styled from '@emotion/styled';
3
+ import type { ComponentProps } from 'react';
4
+ import type { StoryObj, Meta } from '@storybook/react';
5
+
6
+ import { Button } from '../Button/Button';
7
+ import { WithTheme } from '../../../_helpers';
8
+
9
+ import { Popover } from './Popover';
10
+
11
+ const meta: Meta<typeof Popover> = {
12
+ title: 'sds_engineer/Popover',
13
+ decorators: [WithTheme],
14
+ component: Popover,
15
+ argTypes: {
16
+ placement: {
17
+ options: ['top', 'bottom', 'right', 'left', 'auto'],
18
+ control: {
19
+ type: 'select',
20
+ },
21
+ table: { defaultValue: { summary: 'bottom' } },
22
+ },
23
+ trigger: {
24
+ options: ['click', 'hover'],
25
+ control: {
26
+ type: 'select',
27
+ },
28
+ table: { defaultValue: { summary: 'click' } },
29
+ },
30
+ closeOnOverlayClick: {
31
+ control: {
32
+ type: 'boolean',
33
+ },
34
+ table: { defaultValue: { summary: true } },
35
+ },
36
+ closeOnEsc: {
37
+ control: {
38
+ type: 'boolean',
39
+ },
40
+ table: { defaultValue: { summary: true } },
41
+ },
42
+ isFocusTrapped: {
43
+ control: {
44
+ type: 'boolean',
45
+ },
46
+ table: { defaultValue: { summary: true } },
47
+ },
48
+ skidding: {
49
+ control: {
50
+ type: 'number',
51
+ },
52
+ table: { defaultValue: { summary: 0 } },
53
+ },
54
+ distance: {
55
+ control: {
56
+ type: 'number',
57
+ },
58
+ table: { defaultValue: { summary: 8 } },
59
+ },
60
+ },
61
+ args: {
62
+ placement: 'bottom',
63
+ trigger: 'click',
64
+ closeOnOverlayClick: true,
65
+ closeOnEsc: true,
66
+ isFocusTrapped: true,
67
+ skidding: 0,
68
+ distance: 8,
69
+ },
70
+ };
71
+
72
+ export default meta;
73
+
74
+ type StoryPopoverProps = ComponentProps<typeof Popover> & {
75
+ skidding?: number;
76
+ distance?: number;
77
+ };
78
+
79
+ const StyledContent = styled.div`
80
+ background: var(--plasma-colors-surface-solid03);
81
+ padding: 1rem;
82
+ border-radius: 0.5rem;
83
+
84
+ display: flex;
85
+ flex-direction: column;
86
+ align-items: center;
87
+ `;
88
+
89
+ const StoryDefault = (args: StoryPopoverProps) => {
90
+ const { skidding = 0, distance = 8 } = args;
91
+
92
+ const [isOpen, setIsOpen] = useState(false);
93
+
94
+ return (
95
+ <Popover
96
+ opened={isOpen}
97
+ onToggle={(is) => setIsOpen(is)}
98
+ frame="theme-root"
99
+ usePortal={false}
100
+ role="presentation"
101
+ id="popover"
102
+ target={<Button>Target</Button>}
103
+ hasArrow
104
+ offset={[skidding, distance]}
105
+ {...args}
106
+ >
107
+ <StyledContent>
108
+ <>Content</>
109
+ <Button onClick={() => setIsOpen(false)}>Close</Button>
110
+ </StyledContent>
111
+ </Popover>
112
+ );
113
+ };
114
+
115
+ export const Default: StoryObj<StoryPopoverProps> = {
116
+ render: (args) => <StoryDefault {...args} />,
117
+ };
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Popup = void 0;
7
+ Object.defineProperty(exports, "PopupProvider", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _Popup.PopupProvider;
11
+ }
12
+ });
13
+ Object.defineProperty(exports, "popupClasses", {
14
+ enumerable: true,
15
+ get: function get() {
16
+ return _Popup.popupClasses;
17
+ }
18
+ });
19
+ Object.defineProperty(exports, "usePopupContext", {
20
+ enumerable: true,
21
+ get: function get() {
22
+ return _Popup.usePopupContext;
23
+ }
24
+ });
25
+ var _Popup = /*#__PURE__*/require("../../../../components/Popup");
26
+ var _engines = /*#__PURE__*/require("../../../../engines");
27
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Popup.popupConfig);
28
+ var Popup = exports.Popup = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,179 @@
1
+ import React, { useState, useRef } from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import styled from '@emotion/styled';
4
+ import type { StoryObj, Meta } from '@storybook/react';
5
+ import { SSRProvider } from '@salutejs/plasma-core';
6
+
7
+ import { Button } from '../Button/Button';
8
+ import { WithTheme } from '../../../_helpers';
9
+
10
+ import { Popup, popupClasses, PopupProvider } from './Popup';
11
+
12
+ const meta: Meta<typeof Popup> = {
13
+ title: 'sds_engineer/Popup',
14
+ decorators: [WithTheme],
15
+ argTypes: {
16
+ placement: {
17
+ options: [
18
+ 'center',
19
+ 'top',
20
+ 'bottom',
21
+ 'right',
22
+ 'left',
23
+ 'top-right',
24
+ 'top-left',
25
+ 'bottom-right',
26
+ 'bottom-left',
27
+ ],
28
+ control: {
29
+ type: 'select',
30
+ },
31
+ table: { defaultValue: { summary: 'center' } },
32
+ },
33
+ offsetX: {
34
+ control: {
35
+ type: 'number',
36
+ },
37
+ table: { defaultValue: { summary: 0 } },
38
+ },
39
+ offsetY: {
40
+ control: {
41
+ type: 'number',
42
+ },
43
+ table: { defaultValue: { summary: 0 } },
44
+ },
45
+ },
46
+ };
47
+
48
+ export default meta;
49
+
50
+ type StoryPopupProps = ComponentProps<typeof Popup> & { placement: string; offsetX: number; offsetY: number };
51
+
52
+ const StyledButton = styled(Button)`
53
+ margin-top: 1rem;
54
+ width: 15rem;
55
+ `;
56
+
57
+ const StyledWrapper = styled.div`
58
+ height: 1200px;
59
+ `;
60
+
61
+ const OtherContent = styled.div`
62
+ width: 50%;
63
+ height: 50%;
64
+ background: var(--plasma-colors-surface-solid03);
65
+ position: absolute;
66
+
67
+ display: flex;
68
+ align-items: flex-start;
69
+ justify-content: center;
70
+ padding: 1rem;
71
+
72
+ top: 10rem;
73
+ right: 0;
74
+ `;
75
+
76
+ const Content = styled.div`
77
+ background: var(--plasma-colors-surface-solid02);
78
+ padding: 1rem;
79
+ `;
80
+
81
+ const StyledPopupAnimation = styled(Popup)`
82
+ && > .${popupClasses.root} {
83
+ animation: fadeIn 1s forwards;
84
+ }
85
+
86
+ &&.${popupClasses.endAnimation} > .${popupClasses.root} {
87
+ animation: fadeOut 1s forwards;
88
+ }
89
+
90
+ @keyframes fadeIn {
91
+ from {
92
+ opacity: 0;
93
+ }
94
+
95
+ to {
96
+ opacity: 1;
97
+ }
98
+ }
99
+
100
+ @keyframes fadeOut {
101
+ from {
102
+ opacity: 1;
103
+ }
104
+
105
+ to {
106
+ opacity: 0;
107
+ }
108
+ }
109
+ `;
110
+
111
+ const StyledPopupTransition = styled(Popup)`
112
+ && > .${popupClasses.root} {
113
+ opacity: 1;
114
+ transition: opacity 0.5s 0.1s;
115
+ }
116
+
117
+ &&.${popupClasses.endTransition} > .${popupClasses.root} {
118
+ opacity: 0;
119
+ transition: opacity 0.5s 0.1s;
120
+ }
121
+ `;
122
+
123
+ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
124
+ const [isOpenA, setIsOpenA] = useState(false);
125
+ const [isOpenB, setIsOpenB] = useState(false);
126
+
127
+ const ref = useRef<HTMLDivElement>(null);
128
+
129
+ return (
130
+ <SSRProvider>
131
+ <StyledWrapper>
132
+ <PopupProvider>
133
+ <div style={{ display: 'flex', flexDirection: 'column' }}>
134
+ <StyledButton text="Открыть в document" onClick={() => setIsOpenB(true)} />
135
+ <StyledButton text="Открыть во Frame" onClick={() => setIsOpenA(true)} />
136
+ </div>
137
+ <StyledPopupAnimation
138
+ id="popupA"
139
+ frame={ref}
140
+ withAnimation
141
+ opened={isOpenA}
142
+ placement={placement}
143
+ offset={[offsetX, offsetY]}
144
+ >
145
+ <Content>
146
+ <Button onClick={() => setIsOpenA(false)}>Close</Button>
147
+ <>Content</>
148
+ </Content>
149
+ </StyledPopupAnimation>
150
+ <OtherContent ref={ref}>
151
+ <>Frame</>
152
+ </OtherContent>
153
+ <StyledPopupTransition
154
+ id="popupB"
155
+ frame="theme-root"
156
+ withAnimation
157
+ opened={isOpenB}
158
+ placement={placement}
159
+ offset={[offsetX, offsetY]}
160
+ >
161
+ <Content>
162
+ <Button onClick={() => setIsOpenB(false)}>Close</Button>
163
+ <>Content</>
164
+ </Content>
165
+ </StyledPopupTransition>
166
+ </PopupProvider>
167
+ </StyledWrapper>
168
+ </SSRProvider>
169
+ );
170
+ };
171
+
172
+ export const PopupDemo: StoryObj<StoryPopupProps> = {
173
+ args: {
174
+ placement: 'center',
175
+ offsetX: 0,
176
+ offsetY: 0,
177
+ },
178
+ render: (args) => <StoryPopupDemo {...args} />,
179
+ };
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _react = /*#__PURE__*/require("@emotion/react");
8
+ var _Progress = /*#__PURE__*/require("../../../../components/Progress");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ size: 'm'
13
+ },
14
+ variations: {
15
+ view: {
16
+ "default": /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-solid-default);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvc2RzX2VuZ2luZWVyL2NvbXBvbmVudHMvUHJvZ3Jlc3MvUHJvZ3Jlc3MuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwcm9ncmVzc1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvUHJvZ3Jlc3MnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1kZWZhdWx0KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzZWNvbmRhcnk6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBwcmltYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50LWdyYWRpZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzdWNjZXNzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1wb3NpdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgd2FybmluZzogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utd2FybmluZyk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZXJyb3I6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLW5lZ2F0aXZlKTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrSGVpZ2h0fTogMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQm9yZGVyUmFkaXVzfTogMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkSGVpZ2h0fTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJvcmRlclJhZGl1c306IDAuMzc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZU1hcmdpbkxlZnR9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
17
+ secondary: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-solid-tertiary);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__secondary;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
18
+ primary: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-accent);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__primary;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
19
+ accent: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-accent-gradient);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__accent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
20
+ success: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-positive);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__success;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQndCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
21
+ warning: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-warning);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__warning;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
22
+ error: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackBackgroundColor, ":var(--surface-transparent-secondary);", _Progress.progressTokens.progressFilledBackgroundColor, ":var(--surface-negative);", _Progress.progressTokens.valueColor, ":var(--text-tertiary);;label:plasma-new-hope__error;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3NCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
23
+ },
24
+ size: {
25
+ m: /*#__PURE__*/(0, _react.css)(_Progress.progressTokens.trackHeight, ":0.25rem;", _Progress.progressTokens.trackBorderRadius, ":0.125rem;", _Progress.progressTokens.progressFilledHeight, ":0.375rem;", _Progress.progressTokens.progressFilledBorderRadius, ":0.375rem;", _Progress.progressTokens.valueMarginLeft, ":0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3Nkc19lbmdpbmVlci9jb21wb25lbnRzL1Byb2dyZXNzL1Byb2dyZXNzLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJvZ3Jlc3NUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1Byb2dyZXNzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc2Vjb25kYXJ5OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcHJpbWFyeTogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnZhbHVlQ29sb3J9OiB2YXIoLS10ZXh0LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ncmFkaWVudCk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgc3VjY2VzczogY3NzYFxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtcG9zaXRpdmUpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHdhcm5pbmc6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXdhcm5pbmcpO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVDb2xvcn06IHZhcigtLXRleHQtdGVydGlhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGVycm9yOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Byb2dyZXNzVG9rZW5zLnByb2dyZXNzRmlsbGVkQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1uZWdhdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy52YWx1ZUNvbG9yfTogdmFyKC0tdGV4dC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0hlaWdodH06IDAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy50cmFja0JvcmRlclJhZGl1c306IDAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtwcm9ncmVzc1Rva2Vucy5wcm9ncmVzc0ZpbGxlZEhlaWdodH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMucHJvZ3Jlc3NGaWxsZWRCb3JkZXJSYWRpdXN9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7cHJvZ3Jlc3NUb2tlbnMudmFsdWVNYXJnaW5MZWZ0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
26
+ }
27
+ }
28
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Progress = void 0;
7
+ var _Progress = /*#__PURE__*/require("../../../../components/Progress");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Progress2 = /*#__PURE__*/require("./Progress.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Progress.progressConfig, _Progress2.config);
11
+ var Progress = exports.Progress = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+
5
+ import { WithTheme } from '../../../_helpers';
6
+
7
+ import { Progress } from './Progress';
8
+
9
+ const views = ['default', 'secondary', 'primary', 'accent', 'success', 'warning', 'error'];
10
+
11
+ const meta: Meta<typeof Progress> = {
12
+ title: 'sds_engineer/Progress',
13
+ component: Progress,
14
+ decorators: [WithTheme],
15
+ argTypes: {
16
+ view: {
17
+ options: views,
18
+ control: {
19
+ type: 'select',
20
+ },
21
+ },
22
+ },
23
+ };
24
+
25
+ export default meta;
26
+
27
+ export const Default: StoryObj<ComponentProps<typeof Progress>> = {
28
+ args: {
29
+ value: 25,
30
+ view: 'default',
31
+ displayValue: true,
32
+ },
33
+ };