@alfalab/core-components 46.0.0-beta.7 → 46.0.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (496) hide show
  1. package/amount-input/Component.js +1 -2
  2. package/amount-input/cssm/Component.js +1 -2
  3. package/amount-input/esm/Component.js +1 -2
  4. package/amount-input/esm/index.js +0 -1
  5. package/amount-input/modern/Component.js +1 -2
  6. package/amount-input/modern/index.js +0 -1
  7. package/button/Component.responsive.js +1 -2
  8. package/button/cssm/Component.responsive.js +1 -2
  9. package/button/esm/Component.responsive.js +2 -2
  10. package/button/esm/index.js +1 -1
  11. package/button/modern/Component.responsive.js +2 -2
  12. package/button/modern/index.js +1 -1
  13. package/calendar/Component.responsive.js +1 -2
  14. package/calendar/cssm/Component.responsive.js +1 -2
  15. package/calendar/esm/Component.responsive.js +2 -2
  16. package/calendar/esm/index.js +1 -1
  17. package/calendar/modern/Component.responsive.js +2 -2
  18. package/calendar/modern/index.js +1 -1
  19. package/calendar-input/Component.responsive.js +1 -2
  20. package/calendar-input/cssm/Component.responsive.js +1 -2
  21. package/calendar-input/esm/Component.responsive.js +1 -2
  22. package/calendar-input/esm/index.js +0 -1
  23. package/calendar-input/modern/Component.responsive.js +1 -2
  24. package/calendar-input/modern/index.js +0 -1
  25. package/checkbox-group/Component.responsive.js +1 -2
  26. package/checkbox-group/cssm/Component.responsive.js +1 -2
  27. package/checkbox-group/esm/Component.responsive.js +1 -2
  28. package/checkbox-group/esm/index.js +0 -1
  29. package/checkbox-group/modern/Component.responsive.js +1 -2
  30. package/checkbox-group/modern/index.js +0 -1
  31. package/code-input/Component.responsive.js +1 -2
  32. package/code-input/cssm/Component.responsive.js +1 -2
  33. package/code-input/esm/Component.responsive.js +1 -2
  34. package/code-input/esm/index.js +0 -1
  35. package/code-input/modern/Component.responsive.js +1 -2
  36. package/code-input/modern/index.js +0 -1
  37. package/confirmation/component.responsive.js +1 -2
  38. package/confirmation/components/base-confirmation/component.js +1 -2
  39. package/confirmation/cssm/component.responsive.js +1 -2
  40. package/confirmation/cssm/components/base-confirmation/component.js +1 -2
  41. package/confirmation/esm/component.responsive.js +1 -2
  42. package/confirmation/esm/components/base-confirmation/component.js +1 -2
  43. package/confirmation/esm/components/base-confirmation/index.js +0 -1
  44. package/confirmation/esm/desktop/component.desktop.js +0 -1
  45. package/confirmation/esm/desktop/index.js +0 -1
  46. package/confirmation/esm/index.js +0 -1
  47. package/confirmation/esm/mobile/component.mobile.js +0 -1
  48. package/confirmation/esm/mobile/index.js +0 -1
  49. package/confirmation/modern/component.responsive.js +1 -2
  50. package/confirmation/modern/components/base-confirmation/component.js +1 -2
  51. package/confirmation/modern/components/base-confirmation/index.js +0 -1
  52. package/confirmation/modern/desktop/component.desktop.js +0 -1
  53. package/confirmation/modern/desktop/index.js +0 -1
  54. package/confirmation/modern/index.js +0 -1
  55. package/confirmation/modern/mobile/component.mobile.js +0 -1
  56. package/confirmation/modern/mobile/index.js +0 -1
  57. package/custom-picker-button/Component.responsive.js +1 -2
  58. package/custom-picker-button/cssm/Component.responsive.js +1 -2
  59. package/custom-picker-button/esm/Component.responsive.js +1 -2
  60. package/custom-picker-button/esm/index.js +0 -1
  61. package/custom-picker-button/modern/Component.responsive.js +1 -2
  62. package/custom-picker-button/modern/index.js +0 -1
  63. package/date-range-input/Component.responsive.js +1 -2
  64. package/date-range-input/cssm/Component.responsive.js +1 -2
  65. package/date-range-input/esm/Component.responsive.js +1 -2
  66. package/date-range-input/esm/index.js +0 -1
  67. package/date-range-input/modern/Component.responsive.js +1 -2
  68. package/date-range-input/modern/index.js +0 -1
  69. package/date-time-input/Component.responsive.js +1 -2
  70. package/date-time-input/cssm/Component.responsive.js +1 -2
  71. package/date-time-input/esm/Component.responsive.js +1 -2
  72. package/date-time-input/esm/index.js +0 -1
  73. package/date-time-input/modern/Component.responsive.js +1 -2
  74. package/date-time-input/modern/index.js +0 -1
  75. package/filter-tag/Component.responsive.js +1 -2
  76. package/filter-tag/cssm/Component.responsive.js +1 -2
  77. package/filter-tag/esm/Component.responsive.js +1 -2
  78. package/filter-tag/esm/index.js +0 -1
  79. package/filter-tag/modern/Component.responsive.js +1 -2
  80. package/filter-tag/modern/index.js +0 -1
  81. package/form-control/Component.responsive.js +1 -2
  82. package/form-control/cssm/Component.responsive.js +1 -2
  83. package/form-control/esm/Component.responsive.js +2 -2
  84. package/form-control/esm/index.js +1 -1
  85. package/form-control/modern/Component.responsive.js +2 -2
  86. package/form-control/modern/index.js +1 -1
  87. package/gallery/components/header/Component.js +1 -1
  88. package/gallery/components/header/buttons.js +1 -1
  89. package/gallery/components/image-viewer/component.js +1 -1
  90. package/gallery/components/image-viewer/slide.js +1 -1
  91. package/gallery/esm/Component.js +2 -2
  92. package/gallery/esm/components/header/Component.js +1 -1
  93. package/gallery/esm/components/header/buttons.js +1 -1
  94. package/gallery/esm/components/header/index.js +1 -1
  95. package/gallery/esm/components/image-preview/Component.js +1 -1
  96. package/gallery/esm/components/image-preview/index.js +1 -1
  97. package/gallery/esm/components/image-viewer/component.js +1 -1
  98. package/gallery/esm/components/image-viewer/index.js +1 -1
  99. package/gallery/esm/components/image-viewer/slide.js +1 -1
  100. package/gallery/esm/components/index.js +2 -2
  101. package/gallery/esm/components/navigation-bar/Component.js +1 -1
  102. package/gallery/esm/components/navigation-bar/index.js +1 -1
  103. package/gallery/esm/index.js +2 -2
  104. package/gallery/modern/Component.js +2 -2
  105. package/gallery/modern/components/header/Component.js +1 -1
  106. package/gallery/modern/components/header/buttons.js +1 -1
  107. package/gallery/modern/components/header/index.js +1 -1
  108. package/gallery/modern/components/image-preview/Component.js +1 -1
  109. package/gallery/modern/components/image-preview/index.js +1 -1
  110. package/gallery/modern/components/image-viewer/component.js +1 -1
  111. package/gallery/modern/components/image-viewer/index.js +1 -1
  112. package/gallery/modern/components/image-viewer/slide.js +1 -1
  113. package/gallery/modern/components/index.js +2 -2
  114. package/gallery/modern/components/navigation-bar/Component.js +1 -1
  115. package/gallery/modern/components/navigation-bar/index.js +1 -1
  116. package/gallery/modern/index.js +2 -2
  117. package/icon-button/Component.d.ts +0 -10
  118. package/icon-button/Component.js +3 -4
  119. package/icon-button/cssm/Component.d.ts +0 -10
  120. package/icon-button/cssm/Component.js +1 -2
  121. package/icon-button/cssm/default.module.css +3 -35
  122. package/icon-button/cssm/inverted.module.css +3 -35
  123. package/icon-button/default.css +3 -35
  124. package/icon-button/esm/Component.d.ts +0 -10
  125. package/icon-button/esm/Component.js +3 -4
  126. package/icon-button/esm/default.css +3 -35
  127. package/icon-button/esm/inverted.css +3 -35
  128. package/icon-button/inverted.css +3 -35
  129. package/icon-button/modern/Component.d.ts +0 -10
  130. package/icon-button/modern/Component.js +3 -4
  131. package/icon-button/modern/default.css +3 -35
  132. package/icon-button/modern/inverted.css +3 -35
  133. package/input/Component.responsive.js +1 -2
  134. package/input/cssm/Component.responsive.js +1 -2
  135. package/input/esm/Component.responsive.js +2 -2
  136. package/input/esm/index.js +1 -1
  137. package/input/modern/Component.responsive.js +2 -2
  138. package/input/modern/index.js +1 -1
  139. package/input-autocomplete/Component.responsive.js +1 -2
  140. package/input-autocomplete/cssm/Component.responsive.js +1 -2
  141. package/input-autocomplete/esm/Component.responsive.js +2 -2
  142. package/input-autocomplete/esm/index.js +1 -1
  143. package/input-autocomplete/modern/Component.responsive.js +2 -2
  144. package/input-autocomplete/modern/index.js +1 -1
  145. package/international-phone-input/Component.responsive.js +1 -2
  146. package/international-phone-input/cssm/Component.responsive.js +1 -2
  147. package/international-phone-input/cssm/typings-1fe708ea.d.ts +0 -6
  148. package/international-phone-input/esm/Component.responsive.js +2 -2
  149. package/international-phone-input/esm/index.js +1 -1
  150. package/international-phone-input/esm/typings-1fe708ea.d.ts +0 -6
  151. package/international-phone-input/modern/Component.responsive.js +2 -2
  152. package/international-phone-input/modern/index.js +1 -1
  153. package/international-phone-input/modern/typings-1fe708ea.d.ts +0 -6
  154. package/international-phone-input/typings-1fe708ea.d.ts +0 -6
  155. package/markdown/Component.responsive.js +1 -1
  156. package/markdown/cssm/Component.responsive.js +1 -1
  157. package/markdown/esm/Component.responsive.js +2 -2
  158. package/markdown/modern/Component.responsive.js +2 -2
  159. package/modal/Component.responsive.js +1 -2
  160. package/modal/cssm/Component.responsive.js +1 -2
  161. package/modal/esm/Component.responsive.js +2 -2
  162. package/modal/esm/index.js +1 -1
  163. package/modal/modern/Component.responsive.js +2 -2
  164. package/modal/modern/index.js +1 -1
  165. package/number-input/Component.responsive.js +1 -2
  166. package/number-input/cssm/Component.responsive.js +1 -2
  167. package/number-input/esm/Component.responsive.js +2 -2
  168. package/number-input/esm/index.js +1 -1
  169. package/number-input/modern/Component.responsive.js +2 -2
  170. package/number-input/modern/index.js +1 -1
  171. package/package.json +3 -1
  172. package/pattern-lock/Component.responsive.js +1 -2
  173. package/pattern-lock/cssm/Component.responsive.js +1 -2
  174. package/pattern-lock/esm/Component.responsive.js +2 -2
  175. package/pattern-lock/esm/index.js +1 -1
  176. package/pattern-lock/modern/Component.responsive.js +2 -2
  177. package/pattern-lock/modern/index.js +1 -1
  178. package/picker-button/Component-307da6d7.d.ts +168 -0
  179. package/picker-button/Component.responsive.js +1 -2
  180. package/picker-button/Context-c2e6f1b2.d.ts +4 -0
  181. package/picker-button/cssm/Component-307da6d7.d.ts +168 -0
  182. package/picker-button/cssm/Component.responsive.js +1 -2
  183. package/picker-button/cssm/Context-c2e6f1b2.d.ts +4 -0
  184. package/picker-button/cssm/index-064acd29.d.ts +13 -0
  185. package/picker-button/cssm/index-307da6d7.d.ts +67 -0
  186. package/picker-button/cssm/mobile/Component.mobile.js +1 -2
  187. package/picker-button/cssm/types-a870d1f8.d.ts +117 -0
  188. package/picker-button/cssm/typings-1fe708ea.d.ts +10 -415
  189. package/picker-button/esm/Component-307da6d7.d.ts +168 -0
  190. package/picker-button/esm/Component.responsive.js +1 -2
  191. package/picker-button/esm/Context-c2e6f1b2.d.ts +4 -0
  192. package/picker-button/esm/index-064acd29.d.ts +13 -0
  193. package/picker-button/esm/index-307da6d7.d.ts +67 -0
  194. package/picker-button/esm/index.js +0 -1
  195. package/picker-button/esm/mobile/Component.mobile.js +1 -2
  196. package/picker-button/esm/mobile/index.js +0 -1
  197. package/picker-button/esm/types-a870d1f8.d.ts +117 -0
  198. package/picker-button/esm/typings-1fe708ea.d.ts +10 -415
  199. package/picker-button/index-064acd29.d.ts +13 -0
  200. package/picker-button/index-307da6d7.d.ts +67 -0
  201. package/picker-button/mobile/Component.mobile.js +1 -2
  202. package/picker-button/modern/Component-307da6d7.d.ts +168 -0
  203. package/picker-button/modern/Component.responsive.js +1 -2
  204. package/picker-button/modern/Context-c2e6f1b2.d.ts +4 -0
  205. package/picker-button/modern/index-064acd29.d.ts +13 -0
  206. package/picker-button/modern/index-307da6d7.d.ts +67 -0
  207. package/picker-button/modern/index.js +0 -1
  208. package/picker-button/modern/mobile/Component.mobile.js +1 -2
  209. package/picker-button/modern/mobile/index.js +0 -1
  210. package/picker-button/modern/types-a870d1f8.d.ts +117 -0
  211. package/picker-button/modern/typings-1fe708ea.d.ts +10 -415
  212. package/picker-button/types-a870d1f8.d.ts +117 -0
  213. package/picker-button/typings-1fe708ea.d.ts +10 -415
  214. package/plate/Component.responsive.js +1 -17
  215. package/plate/cssm/Component.responsive.js +1 -17
  216. package/plate/esm/Component.responsive.js +2 -17
  217. package/plate/esm/index.js +1 -1
  218. package/plate/modern/Component.responsive.js +2 -18
  219. package/plate/modern/index.js +1 -1
  220. package/radio-group/Component.responsive.js +1 -2
  221. package/radio-group/cssm/Component.responsive.js +1 -2
  222. package/radio-group/esm/Component.responsive.js +1 -2
  223. package/radio-group/esm/index.js +0 -1
  224. package/radio-group/modern/Component.responsive.js +1 -2
  225. package/radio-group/modern/index.js +0 -1
  226. package/select/Component.responsive.js +1 -2
  227. package/select/cssm/Component.responsive.js +1 -2
  228. package/select/cssm/{hook-aae7b381.js → hook-941ed97f.js} +6 -1
  229. package/select/{modern/hook-d4f77aed.d.ts → cssm/hook-bdd14a05.d.ts} +5 -2
  230. package/select/cssm/mobile/Component.mobile.js +1 -1
  231. package/select/cssm/presets/index.d.ts +1 -1
  232. package/select/cssm/presets/index.js +1 -1
  233. package/select/cssm/presets/useSelectWithApply/hook.js +2 -1
  234. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  235. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  236. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  237. package/select/cssm/shared/index.js +1 -1
  238. package/select/cssm/typings.d.ts +1 -1
  239. package/select/esm/Component.responsive.js +4 -3
  240. package/select/esm/{hook-cdd6fd77.js → hook-b1acbe62.js} +5 -1
  241. package/select/{hook-d4f77aed.d.ts → esm/hook-bdd14a05.d.ts} +5 -2
  242. package/select/esm/index.js +3 -2
  243. package/select/esm/mobile/Component.mobile.js +2 -1
  244. package/select/esm/mobile/Component.modal.mobile.js +2 -1
  245. package/select/esm/mobile/index.js +2 -1
  246. package/select/esm/presets/index.d.ts +1 -1
  247. package/select/esm/presets/index.js +2 -1
  248. package/select/esm/presets/useSelectWithApply/hook.js +2 -1
  249. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +2 -1
  250. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  251. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +2 -1
  252. package/select/esm/shared/index.js +2 -1
  253. package/select/esm/typings.d.ts +1 -1
  254. package/select/{hook-504cecce.js → hook-1e1150ba.js} +6 -1
  255. package/select/{esm/hook-d4f77aed.d.ts → hook-bdd14a05.d.ts} +5 -2
  256. package/select/mobile/Component.mobile.js +1 -1
  257. package/select/modern/Component.responsive.js +4 -3
  258. package/select/{cssm/hook-d4f77aed.d.ts → modern/hook-bdd14a05.d.ts} +5 -2
  259. package/select/modern/{hook-f45c958e.js → hook-c88964f0.js} +5 -1
  260. package/select/modern/index.js +3 -2
  261. package/select/modern/mobile/Component.mobile.js +2 -1
  262. package/select/modern/mobile/Component.modal.mobile.js +2 -1
  263. package/select/modern/mobile/index.js +2 -1
  264. package/select/modern/presets/index.d.ts +1 -1
  265. package/select/modern/presets/index.js +2 -1
  266. package/select/modern/presets/useSelectWithApply/hook.js +2 -1
  267. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +2 -1
  268. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  269. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +2 -1
  270. package/select/modern/shared/index.js +2 -1
  271. package/select/modern/typings.d.ts +1 -1
  272. package/select/presets/index.d.ts +1 -1
  273. package/select/presets/index.js +1 -1
  274. package/select/presets/useSelectWithApply/hook.js +2 -1
  275. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  276. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  277. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  278. package/select/shared/index.js +1 -1
  279. package/select/typings.d.ts +1 -1
  280. package/select-with-tags/Component.responsive.js +1 -2
  281. package/select-with-tags/cssm/Component.responsive.js +1 -2
  282. package/select-with-tags/esm/Component.responsive.js +1 -2
  283. package/select-with-tags/esm/index.js +0 -1
  284. package/select-with-tags/modern/Component.responsive.js +1 -2
  285. package/select-with-tags/modern/index.js +0 -1
  286. package/shared/cssm/index.d.ts +0 -1
  287. package/shared/cssm/index.js +0 -2
  288. package/shared/esm/index.d.ts +0 -1
  289. package/shared/esm/index.js +0 -1
  290. package/shared/index.d.ts +0 -1
  291. package/shared/index.js +0 -2
  292. package/shared/modern/index.d.ts +0 -1
  293. package/shared/modern/index.js +0 -1
  294. package/side-panel/Component.responsive.js +1 -1
  295. package/side-panel/components/controls/Component.js +1 -1
  296. package/side-panel/components/footer/Component.js +1 -1
  297. package/side-panel/cssm/Component.responsive.js +1 -1
  298. package/side-panel/esm/Component.responsive.js +3 -3
  299. package/side-panel/esm/components/controls/Component.js +1 -1
  300. package/side-panel/esm/components/controls/index.js +1 -1
  301. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  302. package/side-panel/esm/components/footer/Component.js +1 -1
  303. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  304. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  305. package/side-panel/esm/desktop/index.js +1 -1
  306. package/side-panel/esm/index.js +1 -1
  307. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  308. package/side-panel/esm/mobile/index.js +1 -1
  309. package/side-panel/modern/Component.responsive.js +3 -3
  310. package/side-panel/modern/components/controls/Component.js +1 -1
  311. package/side-panel/modern/components/controls/index.js +1 -1
  312. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  313. package/side-panel/modern/components/footer/Component.js +1 -1
  314. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  315. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  316. package/side-panel/modern/desktop/index.js +1 -1
  317. package/side-panel/modern/index.js +1 -1
  318. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  319. package/side-panel/modern/mobile/index.js +1 -1
  320. package/status/Component.d.ts +1 -2
  321. package/status/Component.js +2 -2
  322. package/status/cssm/Component.d.ts +1 -2
  323. package/status/cssm/Component.js +1 -1
  324. package/status/cssm/index.module.css +29 -74
  325. package/status/esm/Component.d.ts +1 -2
  326. package/status/esm/Component.js +2 -2
  327. package/status/esm/index.css +27 -55
  328. package/status/index.css +27 -55
  329. package/status/modern/Component.d.ts +1 -2
  330. package/status/modern/Component.js +2 -2
  331. package/status/modern/index.css +27 -55
  332. package/system-message/Components.responsive.js +1 -1
  333. package/system-message/cssm/Components.responsive.js +1 -1
  334. package/system-message/esm/Components.responsive.js +2 -2
  335. package/system-message/modern/Components.responsive.js +2 -2
  336. package/tabs/components/primary-tablist/Component.collapsible.js +1 -2
  337. package/tabs/components/primary-tablist/Component.responsive.js +1 -2
  338. package/tabs/components/secondary-tablist/Component.responsive.js +1 -2
  339. package/tabs/components/tabs/Component.js +1 -2
  340. package/tabs/cssm/components/primary-tablist/Component.collapsible.js +1 -2
  341. package/tabs/cssm/components/primary-tablist/Component.responsive.js +1 -2
  342. package/tabs/cssm/components/secondary-tablist/Component.responsive.js +1 -2
  343. package/tabs/cssm/components/tabs/Component.js +1 -2
  344. package/tabs/esm/collapsible/index.js +1 -1
  345. package/tabs/esm/components/primary-tablist/Component.collapsible.js +2 -2
  346. package/tabs/esm/components/primary-tablist/Component.responsive.js +2 -2
  347. package/tabs/esm/components/secondary-tablist/Component.responsive.js +2 -2
  348. package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
  349. package/tabs/esm/components/tabs/Component.js +1 -2
  350. package/tabs/esm/components/tabs/Component.responsive.js +1 -1
  351. package/tabs/esm/index.js +1 -1
  352. package/tabs/modern/collapsible/index.js +1 -1
  353. package/tabs/modern/components/primary-tablist/Component.collapsible.js +2 -2
  354. package/tabs/modern/components/primary-tablist/Component.responsive.js +2 -2
  355. package/tabs/modern/components/secondary-tablist/Component.responsive.js +2 -2
  356. package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
  357. package/tabs/modern/components/tabs/Component.js +1 -2
  358. package/tabs/modern/components/tabs/Component.responsive.js +1 -1
  359. package/tabs/modern/index.js +1 -1
  360. package/tag/Component.responsive.js +1 -2
  361. package/tag/components/base-tag/Component.d.ts +1 -1
  362. package/tag/cssm/Component.responsive.js +1 -2
  363. package/tag/cssm/components/base-tag/Component.d.ts +1 -1
  364. package/tag/esm/Component.responsive.js +1 -2
  365. package/tag/esm/components/base-tag/Component.d.ts +1 -1
  366. package/tag/esm/index.js +0 -1
  367. package/tag/modern/Component.responsive.js +1 -2
  368. package/tag/modern/components/base-tag/Component.d.ts +1 -1
  369. package/tag/modern/index.js +0 -1
  370. package/themes/compiled/mobile-dark-bluetint.css +51 -72
  371. package/toast/Component.responsive.js +1 -2
  372. package/toast/cssm/Component.responsive.js +1 -2
  373. package/toast/esm/Component.responsive.js +1 -2
  374. package/toast/esm/index.js +0 -1
  375. package/toast/modern/Component.responsive.js +1 -2
  376. package/toast/modern/index.js +0 -1
  377. package/toast-plate/Component.responsive.js +1 -2
  378. package/toast-plate/browser-a216f694.d.ts +6 -0
  379. package/toast-plate/components/base-toast-plate/component.js +4 -3
  380. package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +5 -2
  381. package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +5 -3
  382. package/toast-plate/cssm/Component.responsive.js +1 -2
  383. package/toast-plate/cssm/browser-a216f694.d.ts +6 -0
  384. package/toast-plate/cssm/components/base-toast-plate/component.js +4 -3
  385. package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.js +5 -2
  386. package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +5 -3
  387. package/toast-plate/cssm/getDataTestId-73ea38f8.d.ts +3 -0
  388. package/toast-plate/cssm/getDataTestId-73ea38f8.js +6 -0
  389. package/toast-plate/cssm/index-307da6d7.d.ts +71 -0
  390. package/toast-plate/cssm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  391. package/toast-plate/esm/Component.responsive.js +3 -2
  392. package/toast-plate/esm/browser-a216f694.d.ts +6 -0
  393. package/toast-plate/esm/components/base-toast-plate/component.js +2 -1
  394. package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +4 -1
  395. package/toast-plate/esm/components/base-toast-plate/index.js +2 -1
  396. package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -1
  397. package/toast-plate/esm/desktop/Component.desktop.js +2 -1
  398. package/toast-plate/esm/desktop/index.js +2 -1
  399. package/toast-plate/esm/getDataTestId-32d52205.d.ts +3 -0
  400. package/toast-plate/esm/getDataTestId-32d52205.js +6 -0
  401. package/toast-plate/esm/index-307da6d7.d.ts +71 -0
  402. package/toast-plate/esm/index.js +2 -1
  403. package/toast-plate/esm/mobile/Component.mobile.js +2 -1
  404. package/toast-plate/esm/mobile/index.js +2 -1
  405. package/toast-plate/esm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  406. package/toast-plate/getDataTestId-1de39d74.d.ts +3 -0
  407. package/toast-plate/getDataTestId-1de39d74.js +6 -0
  408. package/toast-plate/index-307da6d7.d.ts +71 -0
  409. package/toast-plate/modern/Component.responsive.js +3 -2
  410. package/toast-plate/modern/browser-a216f694.d.ts +6 -0
  411. package/toast-plate/modern/components/base-toast-plate/component.js +2 -1
  412. package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +4 -1
  413. package/toast-plate/modern/components/base-toast-plate/index.js +2 -1
  414. package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -1
  415. package/toast-plate/modern/desktop/Component.desktop.js +2 -1
  416. package/toast-plate/modern/desktop/index.js +2 -1
  417. package/toast-plate/modern/getDataTestId-dd00ab19.d.ts +3 -0
  418. package/toast-plate/modern/getDataTestId-dd00ab19.js +6 -0
  419. package/toast-plate/modern/index-307da6d7.d.ts +71 -0
  420. package/toast-plate/modern/index.js +2 -1
  421. package/toast-plate/modern/mobile/Component.mobile.js +2 -1
  422. package/toast-plate/modern/mobile/index.js +2 -1
  423. package/toast-plate/modern/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  424. package/toast-plate/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  425. package/tooltip/Component.responsive.js +1 -2
  426. package/tooltip/cssm/Component.responsive.js +1 -2
  427. package/tooltip/esm/Component.responsive.js +1 -2
  428. package/tooltip/esm/index.js +0 -1
  429. package/tooltip/modern/Component.responsive.js +1 -2
  430. package/tooltip/modern/index.js +0 -1
  431. package/universal-date-input/Component.responsive.js +1 -2
  432. package/universal-date-input/cssm/Component.responsive.js +1 -2
  433. package/universal-date-input/esm/Component.responsive.js +2 -2
  434. package/universal-date-input/esm/index.js +1 -1
  435. package/universal-date-input/modern/Component.responsive.js +2 -2
  436. package/universal-date-input/modern/index.js +1 -1
  437. package/amount-input/@alfalab/core-components-shared/package.json +0 -23
  438. package/calendar-input/@alfalab/core-components-shared/package.json +0 -23
  439. package/checkbox-group/@alfalab/core-components-shared/package.json +0 -23
  440. package/code-input/@alfalab/core-components-shared/package.json +0 -23
  441. package/confirmation/@alfalab/core-components-shared/package.json +0 -23
  442. package/custom-picker-button/@alfalab/core-components-shared/package.json +0 -23
  443. package/date-range-input/@alfalab/core-components-shared/package.json +0 -23
  444. package/date-time-input/@alfalab/core-components-shared/package.json +0 -23
  445. package/filter-tag/@alfalab/core-components-shared/package.json +0 -23
  446. package/picker-button/@alfalab/core-components-shared/package.json +0 -23
  447. package/radio-group/@alfalab/core-components-shared/package.json +0 -23
  448. package/select-with-tags/@alfalab/core-components-shared/package.json +0 -23
  449. package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
  450. package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js +0 -18
  451. package/shared/cssm/getComponentBreakpoint/index.d.ts +0 -1
  452. package/shared/cssm/getComponentBreakpoint/index.js +0 -7
  453. package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
  454. package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.js +0 -16
  455. package/shared/esm/getComponentBreakpoint/index.d.ts +0 -1
  456. package/shared/esm/getComponentBreakpoint/index.js +0 -1
  457. package/shared/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
  458. package/shared/getComponentBreakpoint/getComponentBreakpoint.js +0 -18
  459. package/shared/getComponentBreakpoint/index.d.ts +0 -1
  460. package/shared/getComponentBreakpoint/index.js +0 -7
  461. package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
  462. package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.js +0 -17
  463. package/shared/modern/getComponentBreakpoint/index.d.ts +0 -1
  464. package/shared/modern/getComponentBreakpoint/index.js +0 -1
  465. package/tag/@alfalab/core-components-shared/package.json +0 -23
  466. package/themes/breakpoints/breakpoint-768.css +0 -3
  467. package/toast/@alfalab/core-components-shared/package.json +0 -23
  468. package/toast-plate/@alfalab/core-components-shared/package.json +0 -23
  469. package/tooltip/@alfalab/core-components-shared/package.json +0 -23
  470. /package/gallery/{buttons-0e0683d9.d.ts → buttons-c6aed03c.d.ts} +0 -0
  471. /package/gallery/{buttons-0e0683d9.js → buttons-c6aed03c.js} +0 -0
  472. /package/gallery/esm/{buttons-eabdb51b.d.ts → buttons-62670d03.d.ts} +0 -0
  473. /package/gallery/esm/{buttons-eabdb51b.js → buttons-62670d03.js} +0 -0
  474. /package/gallery/esm/{slide-a8f6ccc1.d.ts → slide-049da652.d.ts} +0 -0
  475. /package/gallery/esm/{slide-a8f6ccc1.js → slide-049da652.js} +0 -0
  476. /package/gallery/modern/{buttons-062ff167.d.ts → buttons-c1152f47.d.ts} +0 -0
  477. /package/gallery/modern/{buttons-062ff167.js → buttons-c1152f47.js} +0 -0
  478. /package/gallery/modern/{slide-b5566e19.d.ts → slide-eb235226.d.ts} +0 -0
  479. /package/gallery/modern/{slide-b5566e19.js → slide-eb235226.js} +0 -0
  480. /package/gallery/{slide-3d8ed06b.d.ts → slide-89e87125.d.ts} +0 -0
  481. /package/gallery/{slide-3d8ed06b.js → slide-89e87125.js} +0 -0
  482. /package/{plate → picker-button}/browser-a216f694.d.ts +0 -0
  483. /package/{plate → picker-button}/cssm/browser-a216f694.d.ts +0 -0
  484. /package/{plate → picker-button}/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
  485. /package/{plate → picker-button}/esm/browser-a216f694.d.ts +0 -0
  486. /package/{plate → picker-button}/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
  487. /package/{plate → picker-button}/modern/browser-a216f694.d.ts +0 -0
  488. /package/{plate → picker-button}/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
  489. /package/{plate → picker-button}/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
  490. /package/select/cssm/{hook-aae7b381.d.ts → hook-941ed97f.d.ts} +0 -0
  491. /package/select/esm/{hook-cdd6fd77.d.ts → hook-b1acbe62.d.ts} +0 -0
  492. /package/select/{hook-504cecce.d.ts → hook-1e1150ba.d.ts} +0 -0
  493. /package/select/modern/{hook-f45c958e.d.ts → hook-c88964f0.d.ts} +0 -0
  494. /package/side-panel/esm/{layout.module-85dc8854.js → layout.module-72cc1a7a.js} +0 -0
  495. /package/side-panel/{layout.module-7feda991.js → layout.module-cfb65ab1.js} +0 -0
  496. /package/side-panel/modern/{layout.module-3ff83598.js → layout.module-3503b091.js} +0 -0
@@ -5,7 +5,7 @@ import '../../../../shared/modern';
5
5
  import '../../Context.js';
6
6
  import '../../../../base-modal/modern';
7
7
  import '../../ResponsiveContext.js';
8
- import '../../layout.module-3ff83598.js';
8
+ import '../../layout.module-3503b091.js';
9
9
 
10
10
  const styles = {"footer":"side-panel__footer_ezvfb","sticky":"side-panel__sticky_ezvfb"};
11
11
  require('./mobile.css');
@@ -12,7 +12,7 @@ import '../components/content/Component.js';
12
12
  import '../../../shared/modern';
13
13
  import '../Context.js';
14
14
  import '../../../base-modal/modern';
15
- import '../layout.module-3ff83598.js';
15
+ import '../layout.module-3503b091.js';
16
16
  import '../components/footer/Component.js';
17
17
  import '../../../navigation-bar-private/modern';
18
18
 
@@ -11,7 +11,7 @@ import '../Context.js';
11
11
  import '../../../base-modal/modern';
12
12
  import '../ResponsiveContext.js';
13
13
  import '../components/controls/Component.js';
14
- import '../layout.module-3ff83598.js';
14
+ import '../layout.module-3503b091.js';
15
15
  import '../components/footer/Component.desktop.js';
16
16
  import '../components/footer/Component.js';
17
17
  import '../components/header/Component.js';
@@ -5,7 +5,7 @@ import '../../shared/modern';
5
5
  import './components/controls/Component.js';
6
6
  import 'classnames';
7
7
  import './ResponsiveContext.js';
8
- import './layout.module-3ff83598.js';
8
+ import './layout.module-3503b091.js';
9
9
  import './components/header/Component.js';
10
10
  import '../../navigation-bar-private/modern';
11
11
  import './consts.js';
@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
9
9
  import '../components/content/Component.js';
10
10
  import '../../../shared/modern';
11
11
  import '../Context.js';
12
- import '../layout.module-3ff83598.js';
12
+ import '../layout.module-3503b091.js';
13
13
  import '../components/footer/Component.js';
14
14
  import '../../../navigation-bar-private/modern';
15
15
  import '../consts.js';
@@ -8,7 +8,7 @@ import '../../../shared/modern';
8
8
  import '../Context.js';
9
9
  import '../ResponsiveContext.js';
10
10
  import '../components/controls/Component.js';
11
- import '../layout.module-3ff83598.js';
11
+ import '../layout.module-3503b091.js';
12
12
  import '../components/footer/Component.mobile.js';
13
13
  import '../components/footer/Component.js';
14
14
  import '../components/header/Component.js';
@@ -7,9 +7,8 @@ type StatusProps = {
7
7
  className?: string;
8
8
  /**
9
9
  * Вид компонента
10
- * @description soft deprecated, используйте вместо него muted-alt
11
10
  */
12
- view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
11
+ view?: 'contrast' | 'soft';
13
12
  /**
14
13
  * Цветовое оформление иконки
15
14
  */
@@ -8,12 +8,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
8
8
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
9
9
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
10
10
 
11
- var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","muted-alt":"status__muted-alt_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","teal":"status__teal_1keqd","grey":"status__grey_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd","muted":"status__muted_1keqd"};
11
+ var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","soft":"status__soft_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","grey":"status__grey_1keqd","teal":"status__teal_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd"};
12
12
  require('./index.css');
13
13
 
14
14
  var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
15
15
  var Status = function (_a) {
16
- var className = _a.className, _b = _a.view, view = _b === void 0 ? 'muted-alt' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
16
+ var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
17
17
  return (React__default.default.createElement("span", { className: cn__default.default(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
18
18
  React__default.default.createElement("span", { className: styles.ellipsis }, children)));
19
19
  };
@@ -7,9 +7,8 @@ type StatusProps = {
7
7
  className?: string;
8
8
  /**
9
9
  * Вид компонента
10
- * @description soft deprecated, используйте вместо него muted-alt
11
10
  */
12
- view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
11
+ view?: 'contrast' | 'soft';
13
12
  /**
14
13
  * Цветовое оформление иконки
15
14
  */
@@ -12,7 +12,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
12
12
 
13
13
  var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
14
14
  var Status = function (_a) {
15
- var className = _a.className, _b = _a.view, view = _b === void 0 ? 'muted-alt' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
15
+ var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
16
16
  return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], className), "data-test-id": dataTestId },
17
17
  React__default.default.createElement("span", { className: styles__default.default.ellipsis }, children)));
18
18
  };
@@ -1,7 +1,6 @@
1
1
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
3
  --color-light-neutral-700: #898991;
4
- --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
5
4
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
6
5
  --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
7
6
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +29,6 @@
30
29
  --color-light-decorative-muted-alt-orange: #fde6c8;
31
30
  --color-light-decorative-muted-alt-red: #ffdfdf;
32
31
  --color-light-decorative-muted-alt-teal: #c8f1f3;
33
- --color-light-decorative-muted-blue: #e4f0ff;
34
- --color-light-decorative-muted-green: #dff8e5;
35
- --color-light-decorative-muted-indigo: #eeedff;
36
- --color-light-decorative-muted-orange: #ffefd9;
37
- --color-light-decorative-muted-red: #ffebeb;
38
- --color-light-decorative-muted-teal: #daf7f8;
39
32
  --color-light-decorative-orange: #fa9313;
40
33
  --color-light-decorative-red: #fe5e48;
41
34
  --color-light-decorative-teal: #09b9be;
@@ -67,79 +60,41 @@
67
60
  word-break: break-all;
68
61
  } .component:empty {
69
62
  padding: 0;
70
- } .muted-alt {
71
- &.green {
72
- background: var(--color-light-decorative-muted-alt-green);
73
- color: var(--color-light-decorative-text-green);
74
- }
75
- &.orange {
76
- background: var(--color-light-decorative-muted-alt-orange);
77
- color: var(--color-light-decorative-text-orange);
78
- }
79
- &.red {
80
- background: var(--color-light-decorative-muted-alt-red);
81
- color: var(--color-light-decorative-text-red);
82
- }
83
- &.blue {
84
- background: var(--color-light-decorative-muted-alt-blue);
85
- color: var(--color-light-decorative-text-blue);
86
- }
87
- &.teal {
88
- background: var(--color-light-decorative-muted-alt-teal);
89
- color: var(--color-light-decorative-text-teal);
90
- }
91
- } .muted-alt.grey {
63
+ } .soft.green {
64
+ background: var(--color-light-decorative-muted-alt-green);
65
+ color: var(--color-light-decorative-text-green);
66
+ } .soft.orange {
67
+ background: var(--color-light-decorative-muted-alt-orange);
68
+ color: var(--color-light-decorative-text-orange);
69
+ } .soft.red {
70
+ background: var(--color-light-decorative-muted-alt-red);
71
+ color: var(--color-light-decorative-text-red);
72
+ } .soft.blue {
73
+ background: var(--color-light-decorative-muted-alt-blue);
74
+ color: var(--color-light-decorative-text-blue);
75
+ } .soft.grey {
92
76
  background: var(--color-light-neutral-translucent-300);
93
77
  color: var(--color-light-text-secondary);
94
- } .muted-alt.purple {
78
+ } .soft.teal {
79
+ background: var(--color-light-decorative-muted-alt-teal);
80
+ color: var(--color-light-decorative-text-teal);
81
+ } .soft.purple {
95
82
  background: var(--color-light-decorative-muted-alt-indigo);
96
83
  color: var(--color-light-decorative-text-indigo);
97
84
  } .contrast {
98
- color: var(--color-light-text-primary-inverted);
99
- &.green {
100
- background: var(--color-light-decorative-green);
101
- }
102
- &.orange {
103
- background: var(--color-light-decorative-orange);
104
- }
105
- &.red {
106
- background: var(--color-light-decorative-red);
107
- }
108
- &.blue {
109
- background: var(--color-light-decorative-blue);
110
- }
111
- &.teal {
112
- background: var(--color-light-decorative-teal);
113
- }
114
- } .contrast.grey {
85
+ color: var(--color-light-text-primary-inverted)
86
+ } .contrast.green {
87
+ background: var(--color-light-decorative-green);
88
+ } .contrast.orange {
89
+ background: var(--color-light-decorative-orange);
90
+ } .contrast.red {
91
+ background: var(--color-light-decorative-red);
92
+ } .contrast.blue {
93
+ background: var(--color-light-decorative-blue);
94
+ } .contrast.grey {
115
95
  background: var(--color-light-neutral-700);
96
+ } .contrast.teal {
97
+ background: var(--color-light-decorative-teal);
116
98
  } .contrast.purple {
117
99
  background: var(--color-light-decorative-indigo);
118
- } .muted {
119
- &.green {
120
- background: var(--color-light-decorative-muted-green);
121
- color: var(--color-light-decorative-text-green);
122
- }
123
- &.orange {
124
- background: var(--color-light-decorative-muted-orange);
125
- color: var(--color-light-decorative-text-orange);
126
- }
127
- &.red {
128
- background: var(--color-light-decorative-muted-red);
129
- color: var(--color-light-decorative-text-red);
130
- }
131
- &.blue {
132
- background: var(--color-light-decorative-muted-blue);
133
- color: var(--color-light-decorative-text-blue);
134
- }
135
- &.teal {
136
- background: var(--color-light-decorative-muted-teal);
137
- color: var(--color-light-decorative-text-teal);
138
- }
139
- } .muted.grey {
140
- background: var(--color-light-neutral-translucent-200);
141
- color: var(--color-light-text-secondary);
142
- } .muted.purple {
143
- background: var(--color-light-decorative-muted-indigo);
144
- color: var(--color-light-decorative-text-indigo);
145
100
  }
@@ -7,9 +7,8 @@ type StatusProps = {
7
7
  className?: string;
8
8
  /**
9
9
  * Вид компонента
10
- * @description soft deprecated, используйте вместо него muted-alt
11
10
  */
12
- view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
11
+ view?: 'contrast' | 'soft';
13
12
  /**
14
13
  * Цветовое оформление иконки
15
14
  */
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","muted-alt":"status__muted-alt_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","teal":"status__teal_1keqd","grey":"status__grey_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd","muted":"status__muted_1keqd"};
4
+ var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","soft":"status__soft_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","grey":"status__grey_1keqd","teal":"status__teal_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd"};
5
5
  require('./index.css');
6
6
 
7
7
  var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
8
8
  var Status = function (_a) {
9
- var className = _a.className, _b = _a.view, view = _b === void 0 ? 'muted-alt' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
9
+ var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
10
10
  return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
11
11
  React.createElement("span", { className: styles.ellipsis }, children)));
12
12
  };
@@ -2,7 +2,6 @@
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-700: #898991;
5
- --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
6
5
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
7
6
  --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
8
7
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,12 +30,6 @@
31
30
  --color-light-decorative-muted-alt-orange: #fde6c8;
32
31
  --color-light-decorative-muted-alt-red: #ffdfdf;
33
32
  --color-light-decorative-muted-alt-teal: #c8f1f3;
34
- --color-light-decorative-muted-blue: #e4f0ff;
35
- --color-light-decorative-muted-green: #dff8e5;
36
- --color-light-decorative-muted-indigo: #eeedff;
37
- --color-light-decorative-muted-orange: #ffefd9;
38
- --color-light-decorative-muted-red: #ffebeb;
39
- --color-light-decorative-muted-teal: #daf7f8;
40
33
  --color-light-decorative-orange: #fa9313;
41
34
  --color-light-decorative-red: #fe5e48;
42
35
  --color-light-decorative-teal: #09b9be;
@@ -68,62 +61,41 @@
68
61
  word-break: break-all;
69
62
  } .status__component_1keqd:empty {
70
63
  padding: 0;
71
- } .status__muted-alt_1keqd.status__green_1keqd {
72
- background: var(--color-light-decorative-muted-alt-green);
73
- color: var(--color-light-decorative-text-green);
74
- } .status__muted-alt_1keqd.status__orange_1keqd {
75
- background: var(--color-light-decorative-muted-alt-orange);
76
- color: var(--color-light-decorative-text-orange);
77
- } .status__muted-alt_1keqd.status__red_1keqd {
78
- background: var(--color-light-decorative-muted-alt-red);
79
- color: var(--color-light-decorative-text-red);
80
- } .status__muted-alt_1keqd.status__blue_1keqd {
81
- background: var(--color-light-decorative-muted-alt-blue);
82
- color: var(--color-light-decorative-text-blue);
83
- } .status__muted-alt_1keqd.status__teal_1keqd {
84
- background: var(--color-light-decorative-muted-alt-teal);
85
- color: var(--color-light-decorative-text-teal);
86
- } .status__muted-alt_1keqd.status__grey_1keqd {
64
+ } .status__soft_1keqd.status__green_1keqd {
65
+ background: var(--color-light-decorative-muted-alt-green);
66
+ color: var(--color-light-decorative-text-green);
67
+ } .status__soft_1keqd.status__orange_1keqd {
68
+ background: var(--color-light-decorative-muted-alt-orange);
69
+ color: var(--color-light-decorative-text-orange);
70
+ } .status__soft_1keqd.status__red_1keqd {
71
+ background: var(--color-light-decorative-muted-alt-red);
72
+ color: var(--color-light-decorative-text-red);
73
+ } .status__soft_1keqd.status__blue_1keqd {
74
+ background: var(--color-light-decorative-muted-alt-blue);
75
+ color: var(--color-light-decorative-text-blue);
76
+ } .status__soft_1keqd.status__grey_1keqd {
87
77
  background: var(--color-light-neutral-translucent-300);
88
78
  color: var(--color-light-text-secondary);
89
- } .status__muted-alt_1keqd.status__purple_1keqd {
79
+ } .status__soft_1keqd.status__teal_1keqd {
80
+ background: var(--color-light-decorative-muted-alt-teal);
81
+ color: var(--color-light-decorative-text-teal);
82
+ } .status__soft_1keqd.status__purple_1keqd {
90
83
  background: var(--color-light-decorative-muted-alt-indigo);
91
84
  color: var(--color-light-decorative-text-indigo);
92
85
  } .status__contrast_1keqd {
93
86
  color: var(--color-light-text-primary-inverted)
94
87
  } .status__contrast_1keqd.status__green_1keqd {
95
- background: var(--color-light-decorative-green);
96
- } .status__contrast_1keqd.status__orange_1keqd {
97
- background: var(--color-light-decorative-orange);
98
- } .status__contrast_1keqd.status__red_1keqd {
99
- background: var(--color-light-decorative-red);
100
- } .status__contrast_1keqd.status__blue_1keqd {
101
- background: var(--color-light-decorative-blue);
102
- } .status__contrast_1keqd.status__teal_1keqd {
103
- background: var(--color-light-decorative-teal);
104
- } .status__contrast_1keqd.status__grey_1keqd {
88
+ background: var(--color-light-decorative-green);
89
+ } .status__contrast_1keqd.status__orange_1keqd {
90
+ background: var(--color-light-decorative-orange);
91
+ } .status__contrast_1keqd.status__red_1keqd {
92
+ background: var(--color-light-decorative-red);
93
+ } .status__contrast_1keqd.status__blue_1keqd {
94
+ background: var(--color-light-decorative-blue);
95
+ } .status__contrast_1keqd.status__grey_1keqd {
105
96
  background: var(--color-light-neutral-700);
97
+ } .status__contrast_1keqd.status__teal_1keqd {
98
+ background: var(--color-light-decorative-teal);
106
99
  } .status__contrast_1keqd.status__purple_1keqd {
107
100
  background: var(--color-light-decorative-indigo);
108
- } .status__muted_1keqd.status__green_1keqd {
109
- background: var(--color-light-decorative-muted-green);
110
- color: var(--color-light-decorative-text-green);
111
- } .status__muted_1keqd.status__orange_1keqd {
112
- background: var(--color-light-decorative-muted-orange);
113
- color: var(--color-light-decorative-text-orange);
114
- } .status__muted_1keqd.status__red_1keqd {
115
- background: var(--color-light-decorative-muted-red);
116
- color: var(--color-light-decorative-text-red);
117
- } .status__muted_1keqd.status__blue_1keqd {
118
- background: var(--color-light-decorative-muted-blue);
119
- color: var(--color-light-decorative-text-blue);
120
- } .status__muted_1keqd.status__teal_1keqd {
121
- background: var(--color-light-decorative-muted-teal);
122
- color: var(--color-light-decorative-text-teal);
123
- } .status__muted_1keqd.status__grey_1keqd {
124
- background: var(--color-light-neutral-translucent-200);
125
- color: var(--color-light-text-secondary);
126
- } .status__muted_1keqd.status__purple_1keqd {
127
- background: var(--color-light-decorative-muted-indigo);
128
- color: var(--color-light-decorative-text-indigo);
129
101
  }
package/status/index.css CHANGED
@@ -2,7 +2,6 @@
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-700: #898991;
5
- --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
6
5
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
7
6
  --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
8
7
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,12 +30,6 @@
31
30
  --color-light-decorative-muted-alt-orange: #fde6c8;
32
31
  --color-light-decorative-muted-alt-red: #ffdfdf;
33
32
  --color-light-decorative-muted-alt-teal: #c8f1f3;
34
- --color-light-decorative-muted-blue: #e4f0ff;
35
- --color-light-decorative-muted-green: #dff8e5;
36
- --color-light-decorative-muted-indigo: #eeedff;
37
- --color-light-decorative-muted-orange: #ffefd9;
38
- --color-light-decorative-muted-red: #ffebeb;
39
- --color-light-decorative-muted-teal: #daf7f8;
40
33
  --color-light-decorative-orange: #fa9313;
41
34
  --color-light-decorative-red: #fe5e48;
42
35
  --color-light-decorative-teal: #09b9be;
@@ -68,62 +61,41 @@
68
61
  word-break: break-all;
69
62
  } .status__component_1keqd:empty {
70
63
  padding: 0;
71
- } .status__muted-alt_1keqd.status__green_1keqd {
72
- background: var(--color-light-decorative-muted-alt-green);
73
- color: var(--color-light-decorative-text-green);
74
- } .status__muted-alt_1keqd.status__orange_1keqd {
75
- background: var(--color-light-decorative-muted-alt-orange);
76
- color: var(--color-light-decorative-text-orange);
77
- } .status__muted-alt_1keqd.status__red_1keqd {
78
- background: var(--color-light-decorative-muted-alt-red);
79
- color: var(--color-light-decorative-text-red);
80
- } .status__muted-alt_1keqd.status__blue_1keqd {
81
- background: var(--color-light-decorative-muted-alt-blue);
82
- color: var(--color-light-decorative-text-blue);
83
- } .status__muted-alt_1keqd.status__teal_1keqd {
84
- background: var(--color-light-decorative-muted-alt-teal);
85
- color: var(--color-light-decorative-text-teal);
86
- } .status__muted-alt_1keqd.status__grey_1keqd {
64
+ } .status__soft_1keqd.status__green_1keqd {
65
+ background: var(--color-light-decorative-muted-alt-green);
66
+ color: var(--color-light-decorative-text-green);
67
+ } .status__soft_1keqd.status__orange_1keqd {
68
+ background: var(--color-light-decorative-muted-alt-orange);
69
+ color: var(--color-light-decorative-text-orange);
70
+ } .status__soft_1keqd.status__red_1keqd {
71
+ background: var(--color-light-decorative-muted-alt-red);
72
+ color: var(--color-light-decorative-text-red);
73
+ } .status__soft_1keqd.status__blue_1keqd {
74
+ background: var(--color-light-decorative-muted-alt-blue);
75
+ color: var(--color-light-decorative-text-blue);
76
+ } .status__soft_1keqd.status__grey_1keqd {
87
77
  background: var(--color-light-neutral-translucent-300);
88
78
  color: var(--color-light-text-secondary);
89
- } .status__muted-alt_1keqd.status__purple_1keqd {
79
+ } .status__soft_1keqd.status__teal_1keqd {
80
+ background: var(--color-light-decorative-muted-alt-teal);
81
+ color: var(--color-light-decorative-text-teal);
82
+ } .status__soft_1keqd.status__purple_1keqd {
90
83
  background: var(--color-light-decorative-muted-alt-indigo);
91
84
  color: var(--color-light-decorative-text-indigo);
92
85
  } .status__contrast_1keqd {
93
86
  color: var(--color-light-text-primary-inverted)
94
87
  } .status__contrast_1keqd.status__green_1keqd {
95
- background: var(--color-light-decorative-green);
96
- } .status__contrast_1keqd.status__orange_1keqd {
97
- background: var(--color-light-decorative-orange);
98
- } .status__contrast_1keqd.status__red_1keqd {
99
- background: var(--color-light-decorative-red);
100
- } .status__contrast_1keqd.status__blue_1keqd {
101
- background: var(--color-light-decorative-blue);
102
- } .status__contrast_1keqd.status__teal_1keqd {
103
- background: var(--color-light-decorative-teal);
104
- } .status__contrast_1keqd.status__grey_1keqd {
88
+ background: var(--color-light-decorative-green);
89
+ } .status__contrast_1keqd.status__orange_1keqd {
90
+ background: var(--color-light-decorative-orange);
91
+ } .status__contrast_1keqd.status__red_1keqd {
92
+ background: var(--color-light-decorative-red);
93
+ } .status__contrast_1keqd.status__blue_1keqd {
94
+ background: var(--color-light-decorative-blue);
95
+ } .status__contrast_1keqd.status__grey_1keqd {
105
96
  background: var(--color-light-neutral-700);
97
+ } .status__contrast_1keqd.status__teal_1keqd {
98
+ background: var(--color-light-decorative-teal);
106
99
  } .status__contrast_1keqd.status__purple_1keqd {
107
100
  background: var(--color-light-decorative-indigo);
108
- } .status__muted_1keqd.status__green_1keqd {
109
- background: var(--color-light-decorative-muted-green);
110
- color: var(--color-light-decorative-text-green);
111
- } .status__muted_1keqd.status__orange_1keqd {
112
- background: var(--color-light-decorative-muted-orange);
113
- color: var(--color-light-decorative-text-orange);
114
- } .status__muted_1keqd.status__red_1keqd {
115
- background: var(--color-light-decorative-muted-red);
116
- color: var(--color-light-decorative-text-red);
117
- } .status__muted_1keqd.status__blue_1keqd {
118
- background: var(--color-light-decorative-muted-blue);
119
- color: var(--color-light-decorative-text-blue);
120
- } .status__muted_1keqd.status__teal_1keqd {
121
- background: var(--color-light-decorative-muted-teal);
122
- color: var(--color-light-decorative-text-teal);
123
- } .status__muted_1keqd.status__grey_1keqd {
124
- background: var(--color-light-neutral-translucent-200);
125
- color: var(--color-light-text-secondary);
126
- } .status__muted_1keqd.status__purple_1keqd {
127
- background: var(--color-light-decorative-muted-indigo);
128
- color: var(--color-light-decorative-text-indigo);
129
101
  }
@@ -7,9 +7,8 @@ type StatusProps = {
7
7
  className?: string;
8
8
  /**
9
9
  * Вид компонента
10
- * @description soft deprecated, используйте вместо него muted-alt
11
10
  */
12
- view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
11
+ view?: 'contrast' | 'soft';
13
12
  /**
14
13
  * Цветовое оформление иконки
15
14
  */
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","muted-alt":"status__muted-alt_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","teal":"status__teal_1keqd","grey":"status__grey_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd","muted":"status__muted_1keqd"};
4
+ const styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","soft":"status__soft_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","grey":"status__grey_1keqd","teal":"status__teal_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd"};
5
5
  require('./index.css');
6
6
 
7
7
  const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
8
- const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, }) => (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
8
+ const Status = ({ className, view = 'soft', color = 'green', children, dataTestId, }) => (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
9
9
  React.createElement("span", { className: styles.ellipsis }, children)));
10
10
 
11
11
  export { Status, colors };