@alfalab/core-components 47.0.0-beta.1 → 47.0.0-beta.2

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 (276) hide show
  1. package/base-modal/Component.js +2 -1
  2. package/base-modal/cssm/Component.js +2 -1
  3. package/base-modal/esm/Component.js +2 -1
  4. package/base-modal/esm/index.js +1 -0
  5. package/base-modal/modern/Component.js +2 -1
  6. package/base-modal/modern/index.js +1 -0
  7. package/calendar-range/utils.js +3 -1
  8. package/gallery/components/header/Component.js +1 -1
  9. package/gallery/components/header/buttons.js +1 -1
  10. package/gallery/components/image-viewer/component.js +1 -1
  11. package/gallery/components/image-viewer/slide.js +1 -1
  12. package/gallery/esm/Component.js +2 -2
  13. package/gallery/esm/components/header/Component.js +1 -1
  14. package/gallery/esm/components/header/buttons.js +1 -1
  15. package/gallery/esm/components/header/index.js +1 -1
  16. package/gallery/esm/components/image-preview/Component.js +1 -1
  17. package/gallery/esm/components/image-preview/index.js +1 -1
  18. package/gallery/esm/components/image-viewer/component.js +1 -1
  19. package/gallery/esm/components/image-viewer/index.js +1 -1
  20. package/gallery/esm/components/image-viewer/slide.js +1 -1
  21. package/gallery/esm/components/index.js +2 -2
  22. package/gallery/esm/components/navigation-bar/Component.js +1 -1
  23. package/gallery/esm/components/navigation-bar/index.js +1 -1
  24. package/gallery/esm/index.js +2 -2
  25. package/gallery/modern/Component.js +2 -2
  26. package/gallery/modern/components/header/Component.js +1 -1
  27. package/gallery/modern/components/header/buttons.js +1 -1
  28. package/gallery/modern/components/header/index.js +1 -1
  29. package/gallery/modern/components/image-preview/Component.js +1 -1
  30. package/gallery/modern/components/image-preview/index.js +1 -1
  31. package/gallery/modern/components/image-viewer/component.js +1 -1
  32. package/gallery/modern/components/image-viewer/index.js +1 -1
  33. package/gallery/modern/components/image-viewer/slide.js +1 -1
  34. package/gallery/modern/components/index.js +2 -2
  35. package/gallery/modern/components/navigation-bar/Component.js +1 -1
  36. package/gallery/modern/components/navigation-bar/index.js +1 -1
  37. package/gallery/modern/index.js +2 -2
  38. package/icon-button/Component.d.ts +10 -0
  39. package/icon-button/Component.js +4 -3
  40. package/icon-button/cssm/Component.d.ts +10 -0
  41. package/icon-button/cssm/Component.js +2 -1
  42. package/icon-button/cssm/default.module.css +35 -3
  43. package/icon-button/cssm/inverted.module.css +35 -3
  44. package/icon-button/default.css +35 -3
  45. package/icon-button/esm/Component.d.ts +10 -0
  46. package/icon-button/esm/Component.js +4 -3
  47. package/icon-button/esm/default.css +35 -3
  48. package/icon-button/esm/inverted.css +35 -3
  49. package/icon-button/inverted.css +35 -3
  50. package/icon-button/modern/Component.d.ts +10 -0
  51. package/icon-button/modern/Component.js +4 -3
  52. package/icon-button/modern/default.css +35 -3
  53. package/icon-button/modern/inverted.css +35 -3
  54. package/input/components/base-input/Component.d.ts +2 -2
  55. package/input/cssm/components/base-input/Component.d.ts +2 -2
  56. package/input/esm/components/base-input/Component.d.ts +2 -2
  57. package/input/modern/components/base-input/Component.d.ts +2 -2
  58. package/international-phone-input/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
  59. package/international-phone-input/Component.responsive.d.ts +4 -4
  60. package/international-phone-input/components/base-international-phone-input/Component.d.ts +1 -1
  61. package/international-phone-input/cssm/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
  62. package/international-phone-input/cssm/Component.responsive.d.ts +4 -4
  63. package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts +1 -1
  64. package/international-phone-input/cssm/index-7ca84eff.d.ts +15 -0
  65. package/international-phone-input/cssm/types.d.ts +1 -1
  66. package/international-phone-input/cssm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +38 -0
  67. package/international-phone-input/cssm/utils-89376c31.d.ts +1 -1
  68. package/international-phone-input/esm/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
  69. package/international-phone-input/esm/Component.responsive.d.ts +4 -4
  70. package/international-phone-input/esm/components/base-international-phone-input/Component.d.ts +1 -1
  71. package/international-phone-input/esm/index-7ca84eff.d.ts +15 -0
  72. package/international-phone-input/esm/types.d.ts +1 -1
  73. package/international-phone-input/esm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +38 -0
  74. package/international-phone-input/esm/utils-89376c31.d.ts +1 -1
  75. package/international-phone-input/index-7ca84eff.d.ts +15 -0
  76. package/international-phone-input/modern/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
  77. package/international-phone-input/modern/Component.responsive.d.ts +4 -4
  78. package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts +1 -1
  79. package/international-phone-input/modern/index-7ca84eff.d.ts +15 -0
  80. package/international-phone-input/modern/types.d.ts +1 -1
  81. package/international-phone-input/modern/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +38 -0
  82. package/international-phone-input/modern/utils-89376c31.d.ts +1 -1
  83. package/international-phone-input/types.d.ts +1 -1
  84. package/international-phone-input/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +38 -0
  85. package/international-phone-input/utils-89376c31.d.ts +1 -1
  86. package/modal/components/controls/Component.js +1 -1
  87. package/modal/components/footer/Component.js +1 -1
  88. package/modal/esm/Component.responsive.js +1 -1
  89. package/modal/esm/components/controls/Component.js +1 -1
  90. package/modal/esm/components/controls/index.js +1 -1
  91. package/modal/esm/components/footer/Component.js +1 -1
  92. package/modal/esm/desktop/Component.desktop.js +1 -1
  93. package/modal/esm/desktop/index.js +1 -1
  94. package/modal/esm/index.js +1 -1
  95. package/modal/esm/mobile/Component.mobile.js +1 -1
  96. package/modal/esm/mobile/index.js +1 -1
  97. package/modal/modern/Component.responsive.js +1 -1
  98. package/modal/modern/components/controls/Component.js +1 -1
  99. package/modal/modern/components/controls/index.js +1 -1
  100. package/modal/modern/components/footer/Component.js +1 -1
  101. package/modal/modern/desktop/Component.desktop.js +1 -1
  102. package/modal/modern/desktop/index.js +1 -1
  103. package/modal/modern/index.js +1 -1
  104. package/modal/modern/mobile/Component.mobile.js +1 -1
  105. package/modal/modern/mobile/index.js +1 -1
  106. package/notification/Component.js +2 -1
  107. package/notification/cssm/Component.js +2 -1
  108. package/notification/esm/Component.js +2 -1
  109. package/notification/esm/index.js +1 -0
  110. package/notification/modern/Component.js +2 -1
  111. package/notification/modern/index.js +1 -0
  112. package/notification-manager/component.js +2 -1
  113. package/notification-manager/cssm/component.js +2 -1
  114. package/notification-manager/esm/component.js +2 -1
  115. package/notification-manager/esm/index.js +1 -0
  116. package/notification-manager/modern/component.js +2 -1
  117. package/notification-manager/modern/index.js +1 -0
  118. package/package.json +2 -1
  119. package/picker-button/Component-0f35b62f.d.ts +5 -0
  120. package/picker-button/Component-c44170fe.d.ts +2 -2
  121. package/picker-button/cssm/Component-0f35b62f.d.ts +5 -0
  122. package/picker-button/cssm/Component-c44170fe.d.ts +2 -2
  123. package/picker-button/cssm/field/Component.d.ts +1 -1
  124. package/picker-button/cssm/index-bdb4c6b9.d.ts +1 -13
  125. package/picker-button/cssm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -0
  126. package/picker-button/cssm/utils-89376c31.d.ts +1 -1
  127. package/picker-button/esm/Component-0f35b62f.d.ts +5 -0
  128. package/picker-button/esm/Component-c44170fe.d.ts +2 -2
  129. package/picker-button/esm/field/Component.d.ts +1 -1
  130. package/picker-button/esm/index-bdb4c6b9.d.ts +1 -13
  131. package/picker-button/esm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -0
  132. package/picker-button/esm/utils-89376c31.d.ts +1 -1
  133. package/picker-button/field/Component.d.ts +1 -1
  134. package/picker-button/index-bdb4c6b9.d.ts +1 -13
  135. package/picker-button/modern/Component-0f35b62f.d.ts +5 -0
  136. package/picker-button/modern/Component-c44170fe.d.ts +2 -2
  137. package/picker-button/modern/field/Component.d.ts +1 -1
  138. package/picker-button/modern/index-bdb4c6b9.d.ts +1 -13
  139. package/picker-button/modern/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -0
  140. package/picker-button/modern/utils-89376c31.d.ts +1 -1
  141. package/picker-button/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -0
  142. package/picker-button/utils-89376c31.d.ts +1 -1
  143. package/popover/Component.js +2 -1
  144. package/popover/cssm/Component.js +2 -1
  145. package/popover/esm/Component.js +2 -1
  146. package/popover/esm/index.js +1 -0
  147. package/popover/modern/Component.js +2 -1
  148. package/popover/modern/index.js +1 -0
  149. package/select/components/base-select/Component.js +2 -2
  150. package/select/components/options-list/Component.js +2 -2
  151. package/select/components/virtual-options-list/Component.js +4 -2
  152. package/select/cssm/components/base-select/Component.js +2 -2
  153. package/select/cssm/components/options-list/Component.js +2 -2
  154. package/select/cssm/components/virtual-options-list/Component.js +4 -2
  155. package/select/cssm/typings.d.ts +32 -0
  156. package/select/esm/components/base-select/Component.js +2 -2
  157. package/select/esm/components/options-list/Component.js +2 -2
  158. package/select/esm/components/virtual-options-list/Component.js +4 -2
  159. package/select/esm/typings.d.ts +32 -0
  160. package/select/modern/components/base-select/Component.js +2 -2
  161. package/select/modern/components/options-list/Component.js +2 -2
  162. package/select/modern/components/virtual-options-list/Component.js +2 -2
  163. package/select/modern/typings.d.ts +32 -0
  164. package/select/typings.d.ts +32 -0
  165. package/stack/component.js +4 -4
  166. package/stack/cssm/component.js +4 -4
  167. package/stack/cssm/index.d.ts +0 -1
  168. package/stack/cssm/index.js +0 -3
  169. package/stack/esm/component.js +1 -1
  170. package/stack/esm/index.d.ts +0 -1
  171. package/stack/esm/index.js +1 -1
  172. package/stack/index.d.ts +0 -1
  173. package/stack/index.js +0 -3
  174. package/stack/modern/component.js +1 -1
  175. package/stack/modern/index.d.ts +0 -1
  176. package/stack/modern/index.js +1 -1
  177. package/status/Component.d.ts +2 -1
  178. package/status/Component.js +2 -2
  179. package/status/cssm/Component.d.ts +2 -1
  180. package/status/cssm/Component.js +1 -1
  181. package/status/cssm/index.module.css +74 -29
  182. package/status/esm/Component.d.ts +2 -1
  183. package/status/esm/Component.js +2 -2
  184. package/status/esm/index.css +55 -27
  185. package/status/index.css +55 -27
  186. package/status/modern/Component.d.ts +2 -1
  187. package/status/modern/Component.js +2 -2
  188. package/status/modern/index.css +55 -27
  189. package/themes/click.css +0 -1516
  190. package/themes/compiled/mobile-dark-bluetint.css +210 -50
  191. package/themes/corp.css +0 -1516
  192. package/themes/intranet.css +0 -1516
  193. package/themes/mobile.css +0 -1516
  194. package/themes/site.css +0 -1516
  195. package/toast/components/base-toast/component.js +2 -1
  196. package/toast/cssm/components/base-toast/component.js +2 -1
  197. package/toast/esm/Component.responsive.js +1 -0
  198. package/toast/esm/components/base-toast/component.js +2 -1
  199. package/toast/esm/components/base-toast/index.js +1 -0
  200. package/toast/esm/desktop/Component.desktop.js +1 -0
  201. package/toast/esm/desktop/index.js +1 -0
  202. package/toast/esm/index.js +1 -0
  203. package/toast/esm/mobile/Component.mobile.js +1 -0
  204. package/toast/esm/mobile/index.js +1 -0
  205. package/toast/modern/Component.responsive.js +1 -0
  206. package/toast/modern/components/base-toast/component.js +2 -1
  207. package/toast/modern/components/base-toast/index.js +1 -0
  208. package/toast/modern/desktop/Component.desktop.js +1 -0
  209. package/toast/modern/desktop/index.js +1 -0
  210. package/toast/modern/index.js +1 -0
  211. package/toast/modern/mobile/Component.mobile.js +1 -0
  212. package/toast/modern/mobile/index.js +1 -0
  213. package/toast-plate/components/base-toast-plate/component.js +1 -1
  214. package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -1
  215. package/toast-plate/esm/Component.responsive.js +1 -1
  216. package/toast-plate/esm/components/base-toast-plate/component.js +1 -1
  217. package/toast-plate/esm/components/base-toast-plate/index.js +1 -1
  218. package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -1
  219. package/toast-plate/esm/desktop/Component.desktop.js +1 -1
  220. package/toast-plate/esm/desktop/index.js +1 -1
  221. package/toast-plate/esm/index-307da6d7.d.ts +1 -1
  222. package/toast-plate/esm/index.js +1 -1
  223. package/toast-plate/esm/mobile/Component.mobile.js +1 -1
  224. package/toast-plate/esm/mobile/index.js +1 -1
  225. package/toast-plate/index-307da6d7.d.ts +1 -1
  226. package/toast-plate/modern/Component.responsive.js +1 -1
  227. package/toast-plate/modern/components/base-toast-plate/component.js +1 -1
  228. package/toast-plate/modern/components/base-toast-plate/index.js +1 -1
  229. package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -1
  230. package/toast-plate/modern/desktop/Component.desktop.js +1 -1
  231. package/toast-plate/modern/desktop/index.js +1 -1
  232. package/toast-plate/modern/index-307da6d7.d.ts +1 -1
  233. package/toast-plate/modern/index.js +1 -1
  234. package/toast-plate/modern/mobile/Component.mobile.js +1 -1
  235. package/toast-plate/modern/mobile/index.js +1 -1
  236. package/universal-date-input/cssm/index-5712fce2.d.ts +1 -13
  237. package/universal-date-input/esm/index-5712fce2.d.ts +1 -13
  238. package/universal-date-input/index-5712fce2.d.ts +1 -13
  239. package/universal-date-input/modern/index-5712fce2.d.ts +1 -13
  240. package/international-phone-input/cssm/index-136acbb1.d.ts +0 -28
  241. package/international-phone-input/esm/index-136acbb1.d.ts +0 -28
  242. package/international-phone-input/index-136acbb1.d.ts +0 -28
  243. package/international-phone-input/modern/index-136acbb1.d.ts +0 -28
  244. package/picker-button/Component-1fe708ea.d.ts +0 -5
  245. package/picker-button/cssm/Component-1fe708ea.d.ts +0 -5
  246. package/picker-button/esm/Component-1fe708ea.d.ts +0 -5
  247. package/picker-button/modern/Component-1fe708ea.d.ts +0 -5
  248. package/stack/context.d.ts +0 -29
  249. package/stack/context.js +0 -34
  250. package/stack/cssm/context.d.ts +0 -29
  251. package/stack/cssm/context.js +0 -34
  252. package/stack/esm/context.d.ts +0 -29
  253. package/stack/esm/context.js +0 -31
  254. package/stack/modern/context.d.ts +0 -29
  255. package/stack/modern/context.js +0 -31
  256. /package/gallery/{buttons-36b3ca68.d.ts → buttons-2c587253.d.ts} +0 -0
  257. /package/gallery/{buttons-36b3ca68.js → buttons-2c587253.js} +0 -0
  258. /package/gallery/esm/{buttons-49e609ab.d.ts → buttons-fb317559.d.ts} +0 -0
  259. /package/gallery/esm/{buttons-49e609ab.js → buttons-fb317559.js} +0 -0
  260. /package/gallery/esm/{slide-01af06f1.d.ts → slide-cb44c8ba.d.ts} +0 -0
  261. /package/gallery/esm/{slide-01af06f1.js → slide-cb44c8ba.js} +0 -0
  262. /package/gallery/modern/{buttons-9e01c41d.d.ts → buttons-0d4c9cc6.d.ts} +0 -0
  263. /package/gallery/modern/{buttons-9e01c41d.js → buttons-0d4c9cc6.js} +0 -0
  264. /package/gallery/modern/{slide-0932c021.d.ts → slide-3771e01f.d.ts} +0 -0
  265. /package/gallery/modern/{slide-0932c021.js → slide-3771e01f.js} +0 -0
  266. /package/gallery/{slide-cbb98cfd.d.ts → slide-a4b1c89f.d.ts} +0 -0
  267. /package/gallery/{slide-cbb98cfd.js → slide-a4b1c89f.js} +0 -0
  268. /package/modal/esm/{layout.module-8f4bb5c4.js → layout.module-5977466c.js} +0 -0
  269. /package/modal/{layout.module-dd4e6f62.js → layout.module-74b07012.js} +0 -0
  270. /package/modal/modern/{layout.module-6bc66458.js → layout.module-565c309a.js} +0 -0
  271. /package/toast-plate/esm/{getDataTestId-1e8085ca.d.ts → getDataTestId-32922464.d.ts} +0 -0
  272. /package/toast-plate/esm/{getDataTestId-1e8085ca.js → getDataTestId-32922464.js} +0 -0
  273. /package/toast-plate/{getDataTestId-4ff6c5ff.d.ts → getDataTestId-64de4ccf.d.ts} +0 -0
  274. /package/toast-plate/{getDataTestId-4ff6c5ff.js → getDataTestId-64de4ccf.js} +0 -0
  275. /package/toast-plate/modern/{getDataTestId-11ebf806.d.ts → getDataTestId-4d724a67.d.ts} +0 -0
  276. /package/toast-plate/modern/{getDataTestId-11ebf806.js → getDataTestId-4d724a67.js} +0 -0
package/status/index.css CHANGED
@@ -2,6 +2,7 @@
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);
5
6
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
6
7
  --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
7
8
  --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,6 +31,12 @@
30
31
  --color-light-decorative-muted-alt-orange: #fde6c8;
31
32
  --color-light-decorative-muted-alt-red: #ffdfdf;
32
33
  --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;
33
40
  --color-light-decorative-orange: #fa9313;
34
41
  --color-light-decorative-red: #fe5e48;
35
42
  --color-light-decorative-teal: #09b9be;
@@ -61,41 +68,62 @@
61
68
  word-break: break-all;
62
69
  } .status__component_1keqd:empty {
63
70
  padding: 0;
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 {
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 {
77
87
  background: var(--color-light-neutral-translucent-300);
78
88
  color: var(--color-light-text-secondary);
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 {
89
+ } .status__muted-alt_1keqd.status__purple_1keqd {
83
90
  background: var(--color-light-decorative-muted-alt-indigo);
84
91
  color: var(--color-light-decorative-text-indigo);
85
92
  } .status__contrast_1keqd {
86
93
  color: var(--color-light-text-primary-inverted)
87
94
  } .status__contrast_1keqd.status__green_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 {
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 {
96
105
  background: var(--color-light-neutral-700);
97
- } .status__contrast_1keqd.status__teal_1keqd {
98
- background: var(--color-light-decorative-teal);
99
106
  } .status__contrast_1keqd.status__purple_1keqd {
100
107
  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);
101
129
  }
package/status/modern/Component.d.ts CHANGED
@@ -7,8 +7,9 @@ type StatusProps = {
7
7
  className?: string;
8
8
  /**
9
9
  * Вид компонента
10
+ * @description soft deprecated, используйте вместо него muted-alt
10
11
  */
11
- view?: 'contrast' | 'soft';
12
+ view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
12
13
  /**
13
14
  * Цветовое оформление иконки
14
15
  */
package/status/modern/Component.js CHANGED
@@ -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","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"};
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"};
5
5
  require('./index.css');
6
6
 
7
7
  const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
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 },
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 },
9
9
  React.createElement("span", { className: styles.ellipsis }, children)));
10
10
 
11
11
  export { Status, colors };
package/status/modern/index.css CHANGED
@@ -2,6 +2,7 @@
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);
5
6
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
6
7
  --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
7
8
  --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,6 +31,12 @@
30
31
  --color-light-decorative-muted-alt-orange: #fde6c8;
31
32
  --color-light-decorative-muted-alt-red: #ffdfdf;
32
33
  --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;
33
40
  --color-light-decorative-orange: #fa9313;
34
41
  --color-light-decorative-red: #fe5e48;
35
42
  --color-light-decorative-teal: #09b9be;
@@ -61,41 +68,62 @@
61
68
  word-break: break-all;
62
69
  } .status__component_1keqd:empty {
63
70
  padding: 0;
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 {
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 {
77
87
  background: var(--color-light-neutral-translucent-300);
78
88
  color: var(--color-light-text-secondary);
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 {
89
+ } .status__muted-alt_1keqd.status__purple_1keqd {
83
90
  background: var(--color-light-decorative-muted-alt-indigo);
84
91
  color: var(--color-light-decorative-text-indigo);
85
92
  } .status__contrast_1keqd {
86
93
  color: var(--color-light-text-primary-inverted)
87
94
  } .status__contrast_1keqd.status__green_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 {
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 {
96
105
  background: var(--color-light-neutral-700);
97
- } .status__contrast_1keqd.status__teal_1keqd {
98
- background: var(--color-light-decorative-teal);
99
106
  } .status__contrast_1keqd.status__purple_1keqd {
100
107
  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);
101
129
  }