@alfalab/core-components 47.0.0-beta.0 → 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 (1011) 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/esm/Component.js +1 -1
  8. package/calendar-range/esm/index.js +1 -1
  9. package/calendar-range/esm/views/popover.js +1 -1
  10. package/calendar-range/esm/views/static.js +1 -1
  11. package/calendar-range/modern/Component.js +1 -1
  12. package/calendar-range/modern/index.js +1 -1
  13. package/calendar-range/modern/views/popover.js +1 -1
  14. package/calendar-range/modern/views/static.js +1 -1
  15. package/calendar-range/views/popover.js +1 -1
  16. package/calendar-range/views/static.js +1 -1
  17. package/confirmation/components/screens/initial/component.js +1 -1
  18. package/confirmation/components/screens/initial/countdown-section.js +1 -1
  19. package/confirmation/esm/component.responsive.js +1 -1
  20. package/confirmation/esm/components/base-confirmation/component.js +1 -1
  21. package/confirmation/esm/components/base-confirmation/index.js +1 -1
  22. package/confirmation/esm/components/index.js +1 -1
  23. package/confirmation/esm/components/screens/index.js +1 -1
  24. package/confirmation/esm/components/screens/initial/component.js +1 -1
  25. package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
  26. package/confirmation/esm/components/screens/initial/index.js +1 -1
  27. package/confirmation/esm/desktop/component.desktop.js +1 -1
  28. package/confirmation/esm/desktop/index.js +1 -1
  29. package/confirmation/esm/index.js +1 -1
  30. package/confirmation/esm/mobile/component.mobile.js +1 -1
  31. package/confirmation/esm/mobile/index.js +1 -1
  32. package/confirmation/esm/shared/index.js +1 -1
  33. package/confirmation/modern/component.responsive.js +1 -1
  34. package/confirmation/modern/components/base-confirmation/component.js +1 -1
  35. package/confirmation/modern/components/base-confirmation/index.js +1 -1
  36. package/confirmation/modern/components/index.js +1 -1
  37. package/confirmation/modern/components/screens/index.js +1 -1
  38. package/confirmation/modern/components/screens/initial/component.js +1 -1
  39. package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
  40. package/confirmation/modern/components/screens/initial/index.js +1 -1
  41. package/confirmation/modern/desktop/component.desktop.js +1 -1
  42. package/confirmation/modern/desktop/index.js +1 -1
  43. package/confirmation/modern/index.js +1 -1
  44. package/confirmation/modern/mobile/component.mobile.js +1 -1
  45. package/confirmation/modern/mobile/index.js +1 -1
  46. package/confirmation/modern/shared/index.js +1 -1
  47. package/gallery/components/header/Component.js +1 -1
  48. package/gallery/components/header/buttons.js +1 -1
  49. package/gallery/components/image-viewer/component.js +1 -1
  50. package/gallery/components/image-viewer/slide.js +1 -1
  51. package/gallery/esm/Component.js +2 -2
  52. package/gallery/esm/components/header/Component.js +1 -1
  53. package/gallery/esm/components/header/buttons.js +1 -1
  54. package/gallery/esm/components/header/index.js +1 -1
  55. package/gallery/esm/components/image-preview/Component.js +1 -1
  56. package/gallery/esm/components/image-preview/index.js +1 -1
  57. package/gallery/esm/components/image-viewer/component.js +1 -1
  58. package/gallery/esm/components/image-viewer/index.js +1 -1
  59. package/gallery/esm/components/image-viewer/slide.js +1 -1
  60. package/gallery/esm/components/index.js +2 -2
  61. package/gallery/esm/components/navigation-bar/Component.js +1 -1
  62. package/gallery/esm/components/navigation-bar/index.js +1 -1
  63. package/gallery/esm/index.js +2 -2
  64. package/gallery/modern/Component.js +2 -2
  65. package/gallery/modern/components/header/Component.js +1 -1
  66. package/gallery/modern/components/header/buttons.js +1 -1
  67. package/gallery/modern/components/header/index.js +1 -1
  68. package/gallery/modern/components/image-preview/Component.js +1 -1
  69. package/gallery/modern/components/image-preview/index.js +1 -1
  70. package/gallery/modern/components/image-viewer/component.js +1 -1
  71. package/gallery/modern/components/image-viewer/index.js +1 -1
  72. package/gallery/modern/components/image-viewer/slide.js +1 -1
  73. package/gallery/modern/components/index.js +2 -2
  74. package/gallery/modern/components/navigation-bar/Component.js +1 -1
  75. package/gallery/modern/components/navigation-bar/index.js +1 -1
  76. package/gallery/modern/index.js +2 -2
  77. package/gap/Component.d.ts +2 -2
  78. package/gap/Component.js +2 -0
  79. package/gap/cssm/Component.d.ts +2 -2
  80. package/gap/cssm/Component.js +2 -0
  81. package/gap/cssm/index.module.css +8 -0
  82. package/gap/esm/Component.d.ts +2 -2
  83. package/gap/esm/Component.js +2 -0
  84. package/gap/esm/index.css +8 -0
  85. package/gap/index.css +8 -0
  86. package/gap/modern/Component.d.ts +2 -2
  87. package/gap/modern/Component.js +2 -0
  88. package/gap/modern/index.css +8 -0
  89. package/icon-button/Component.d.ts +10 -0
  90. package/icon-button/Component.js +4 -3
  91. package/icon-button/cssm/Component.d.ts +10 -0
  92. package/icon-button/cssm/Component.js +2 -1
  93. package/icon-button/cssm/default.module.css +35 -3
  94. package/icon-button/cssm/inverted.module.css +35 -3
  95. package/icon-button/default.css +35 -3
  96. package/icon-button/esm/Component.d.ts +10 -0
  97. package/icon-button/esm/Component.js +4 -3
  98. package/icon-button/esm/default.css +35 -3
  99. package/icon-button/esm/inverted.css +35 -3
  100. package/icon-button/inverted.css +35 -3
  101. package/icon-button/modern/Component.d.ts +10 -0
  102. package/icon-button/modern/Component.js +4 -3
  103. package/icon-button/modern/default.css +35 -3
  104. package/icon-button/modern/inverted.css +35 -3
  105. package/input/components/base-input/Component.d.ts +2 -2
  106. package/input/cssm/components/base-input/Component.d.ts +2 -2
  107. package/input/esm/components/base-input/Component.d.ts +2 -2
  108. package/input/modern/components/base-input/Component.d.ts +2 -2
  109. package/international-phone-input/cssm/index-7ca84eff.d.ts +15 -0
  110. package/international-phone-input/cssm/typings-0f35b62f.d.ts +6 -0
  111. package/international-phone-input/esm/index-7ca84eff.d.ts +15 -0
  112. package/international-phone-input/esm/typings-0f35b62f.d.ts +6 -0
  113. package/international-phone-input/index-7ca84eff.d.ts +15 -0
  114. package/international-phone-input/modern/index-7ca84eff.d.ts +15 -0
  115. package/international-phone-input/modern/typings-0f35b62f.d.ts +6 -0
  116. package/international-phone-input/typings-0f35b62f.d.ts +6 -0
  117. package/list/Component.js +1 -1
  118. package/list/components/item/Component.js +1 -1
  119. package/list/components/item/index.d.ts +1 -1
  120. package/list/components/item/index.js +1 -1
  121. package/list/esm/Component.js +1 -1
  122. package/list/esm/components/item/Component.js +1 -1
  123. package/list/esm/components/item/index.d.ts +1 -1
  124. package/list/esm/components/item/index.js +1 -1
  125. package/list/esm/index.js +1 -1
  126. package/list/index.js +1 -1
  127. package/list/modern/Component.js +1 -1
  128. package/list/modern/components/item/Component.js +1 -1
  129. package/list/modern/components/item/index.d.ts +1 -1
  130. package/list/modern/components/item/index.js +1 -1
  131. package/list/modern/index.js +1 -1
  132. package/markdown/Component.js +1 -1
  133. package/markdown/esm/Component.desktop.js +1 -1
  134. package/markdown/esm/Component.js +1 -1
  135. package/markdown/esm/Component.mobile.js +1 -1
  136. package/markdown/esm/Component.responsive.js +1 -1
  137. package/markdown/esm/desktop/index.js +1 -1
  138. package/markdown/esm/hooks/use-overrides.js +1 -1
  139. package/markdown/esm/index.js +1 -1
  140. package/markdown/esm/mobile/index.js +1 -1
  141. package/markdown/hooks/use-overrides.js +1 -1
  142. package/markdown/modern/Component.desktop.js +1 -1
  143. package/markdown/modern/Component.js +1 -1
  144. package/markdown/modern/Component.mobile.js +1 -1
  145. package/markdown/modern/Component.responsive.js +1 -1
  146. package/markdown/modern/desktop/index.js +1 -1
  147. package/markdown/modern/hooks/use-overrides.js +1 -1
  148. package/markdown/modern/index.js +1 -1
  149. package/markdown/modern/mobile/index.js +1 -1
  150. package/modal/components/controls/Component.js +1 -1
  151. package/modal/components/footer/Component.js +1 -1
  152. package/modal/esm/Component.responsive.js +1 -1
  153. package/modal/esm/components/controls/Component.js +1 -1
  154. package/modal/esm/components/controls/index.js +1 -1
  155. package/modal/esm/components/footer/Component.js +1 -1
  156. package/modal/esm/desktop/Component.desktop.js +1 -1
  157. package/modal/esm/desktop/index.js +1 -1
  158. package/modal/esm/index.js +1 -1
  159. package/modal/esm/mobile/Component.mobile.js +1 -1
  160. package/modal/esm/mobile/index.js +1 -1
  161. package/modal/modern/Component.responsive.js +1 -1
  162. package/modal/modern/components/controls/Component.js +1 -1
  163. package/modal/modern/components/controls/index.js +1 -1
  164. package/modal/modern/components/footer/Component.js +1 -1
  165. package/modal/modern/desktop/Component.desktop.js +1 -1
  166. package/modal/modern/desktop/index.js +1 -1
  167. package/modal/modern/index.js +1 -1
  168. package/modal/modern/mobile/Component.mobile.js +1 -1
  169. package/modal/modern/mobile/index.js +1 -1
  170. package/notification/Component.js +2 -1
  171. package/notification/cssm/Component.js +2 -1
  172. package/notification/esm/Component.js +2 -1
  173. package/notification/esm/index.js +1 -0
  174. package/notification/modern/Component.js +2 -1
  175. package/notification/modern/index.js +1 -0
  176. package/notification-manager/component.js +2 -1
  177. package/notification-manager/cssm/component.js +2 -1
  178. package/notification-manager/esm/component.js +2 -1
  179. package/notification-manager/esm/index.js +1 -0
  180. package/notification-manager/modern/component.js +2 -1
  181. package/notification-manager/modern/index.js +1 -0
  182. package/package.json +2 -1
  183. package/pass-code/Component.d.ts +17 -21
  184. package/pass-code/Component.js +7 -9
  185. package/pass-code/Component.responsive.d.ts +5 -0
  186. package/pass-code/Component.responsive.js +21 -0
  187. package/pass-code/components/InputProgress/Component.d.ts +1 -0
  188. package/pass-code/components/InputProgress/Component.js +15 -7
  189. package/pass-code/components/InputProgress/index.css +55 -15
  190. package/pass-code/components/InputProgress/useInputProgress.d.ts +5 -0
  191. package/pass-code/components/InputProgress/useInputProgress.js +20 -0
  192. package/pass-code/components/KeyPad/index.css +12 -22
  193. package/pass-code/components/KeyPadButton/Component.d.ts +7 -7
  194. package/pass-code/components/KeyPadButton/Component.js +3 -4
  195. package/pass-code/components/KeyPadButton/index.css +19 -37
  196. package/pass-code/cssm/Component.d.ts +17 -21
  197. package/pass-code/cssm/Component.js +8 -10
  198. package/pass-code/cssm/Component.responsive.d.ts +5 -0
  199. package/pass-code/cssm/Component.responsive.js +21 -0
  200. package/pass-code/cssm/components/InputProgress/Component.d.ts +1 -0
  201. package/pass-code/cssm/components/InputProgress/Component.js +14 -6
  202. package/pass-code/cssm/components/InputProgress/animations.module.css +15 -0
  203. package/pass-code/cssm/components/InputProgress/index.module.css +55 -15
  204. package/pass-code/cssm/components/InputProgress/useInputProgress.d.ts +5 -0
  205. package/pass-code/cssm/components/InputProgress/useInputProgress.js +20 -0
  206. package/pass-code/cssm/components/KeyPad/index.module.css +12 -22
  207. package/pass-code/cssm/components/KeyPadButton/Component.d.ts +7 -7
  208. package/pass-code/cssm/components/KeyPadButton/Component.js +2 -3
  209. package/pass-code/cssm/components/KeyPadButton/index.module.css +19 -37
  210. package/pass-code/cssm/desktop/PassCodeDesktop.d.ts +5 -0
  211. package/pass-code/cssm/desktop/PassCodeDesktop.js +15 -0
  212. package/pass-code/cssm/desktop/desktop.module.css +16 -0
  213. package/pass-code/cssm/index.d.ts +1 -1
  214. package/pass-code/cssm/index.js +2 -2
  215. package/pass-code/cssm/index.module.css +5 -7
  216. package/pass-code/cssm/mobile/PassCodeMobile.d.ts +5 -0
  217. package/pass-code/cssm/mobile/PassCodeMobile.js +15 -0
  218. package/pass-code/cssm/mobile/mobile.module.css +23 -0
  219. package/pass-code/cssm/typings.d.ts +18 -0
  220. package/pass-code/cssm/typings.js +1 -0
  221. package/pass-code/desktop/PassCodeDesktop.d.ts +5 -0
  222. package/pass-code/desktop/PassCodeDesktop.js +16 -0
  223. package/pass-code/desktop/desktop.css +17 -0
  224. package/pass-code/esm/Component.d.ts +17 -21
  225. package/pass-code/esm/Component.js +8 -9
  226. package/pass-code/esm/Component.responsive.d.ts +5 -0
  227. package/pass-code/esm/Component.responsive.js +26 -0
  228. package/pass-code/esm/components/InputProgress/Component.d.ts +1 -0
  229. package/pass-code/esm/components/InputProgress/Component.js +15 -7
  230. package/pass-code/esm/components/InputProgress/index.css +55 -15
  231. package/pass-code/esm/components/InputProgress/index.js +1 -0
  232. package/pass-code/esm/components/InputProgress/useInputProgress.d.ts +5 -0
  233. package/pass-code/esm/components/InputProgress/useInputProgress.js +18 -0
  234. package/pass-code/esm/components/KeyPad/index.css +12 -22
  235. package/pass-code/esm/components/KeyPadButton/Component.d.ts +7 -7
  236. package/pass-code/esm/components/KeyPadButton/Component.js +3 -4
  237. package/pass-code/esm/components/KeyPadButton/index.css +19 -37
  238. package/pass-code/esm/desktop/PassCodeDesktop.d.ts +5 -0
  239. package/pass-code/esm/desktop/PassCodeDesktop.js +20 -0
  240. package/pass-code/esm/desktop/desktop.css +17 -0
  241. package/pass-code/esm/index.css +5 -7
  242. package/pass-code/esm/index.d.ts +1 -1
  243. package/pass-code/esm/index.js +7 -1
  244. package/pass-code/esm/mobile/PassCodeMobile.d.ts +5 -0
  245. package/pass-code/esm/mobile/PassCodeMobile.js +20 -0
  246. package/pass-code/esm/mobile/mobile.css +24 -0
  247. package/pass-code/esm/typings.d.ts +18 -0
  248. package/pass-code/esm/typings.js +1 -0
  249. package/pass-code/index.css +5 -7
  250. package/pass-code/index.d.ts +1 -1
  251. package/pass-code/index.js +2 -2
  252. package/pass-code/mobile/PassCodeMobile.d.ts +5 -0
  253. package/pass-code/mobile/PassCodeMobile.js +16 -0
  254. package/pass-code/mobile/mobile.css +24 -0
  255. package/pass-code/modern/Component.d.ts +17 -21
  256. package/pass-code/modern/Component.js +8 -9
  257. package/pass-code/modern/Component.responsive.d.ts +5 -0
  258. package/pass-code/modern/Component.responsive.js +24 -0
  259. package/pass-code/modern/components/InputProgress/Component.d.ts +1 -0
  260. package/pass-code/modern/components/InputProgress/Component.js +21 -11
  261. package/pass-code/modern/components/InputProgress/index.css +55 -15
  262. package/pass-code/modern/components/InputProgress/index.js +1 -0
  263. package/pass-code/modern/components/InputProgress/useInputProgress.d.ts +5 -0
  264. package/pass-code/modern/components/InputProgress/useInputProgress.js +18 -0
  265. package/pass-code/modern/components/KeyPad/index.css +12 -22
  266. package/pass-code/modern/components/KeyPadButton/Component.d.ts +7 -7
  267. package/pass-code/modern/components/KeyPadButton/Component.js +3 -4
  268. package/pass-code/modern/components/KeyPadButton/index.css +19 -37
  269. package/pass-code/modern/desktop/PassCodeDesktop.d.ts +5 -0
  270. package/pass-code/modern/desktop/PassCodeDesktop.js +19 -0
  271. package/pass-code/modern/desktop/desktop.css +17 -0
  272. package/pass-code/modern/index.css +5 -7
  273. package/pass-code/modern/index.d.ts +1 -1
  274. package/pass-code/modern/index.js +6 -1
  275. package/pass-code/modern/mobile/PassCodeMobile.d.ts +5 -0
  276. package/pass-code/modern/mobile/PassCodeMobile.js +19 -0
  277. package/pass-code/modern/mobile/mobile.css +24 -0
  278. package/pass-code/modern/typings.d.ts +18 -0
  279. package/pass-code/modern/typings.js +1 -0
  280. package/pass-code/typings.d.ts +18 -0
  281. package/pass-code/typings.js +1 -0
  282. package/pass-code-v1/Component.d.ts +62 -0
  283. package/pass-code-v1/Component.js +46 -0
  284. package/pass-code-v1/components/InputProgress/Component.d.ts +11 -0
  285. package/pass-code-v1/components/InputProgress/Component.js +40 -0
  286. package/pass-code-v1/components/InputProgress/index.css +41 -0
  287. package/pass-code-v1/components/InputProgress/index.d.ts +1 -0
  288. package/pass-code-v1/components/InputProgress/index.js +7 -0
  289. package/pass-code-v1/components/InputProgress/transitions.css +52 -0
  290. package/pass-code-v1/components/KeyPad/Component.d.ts +31 -0
  291. package/pass-code-v1/components/KeyPad/Component.js +42 -0
  292. package/pass-code-v1/components/KeyPad/index.css +45 -0
  293. package/pass-code-v1/components/KeyPad/index.d.ts +1 -0
  294. package/pass-code-v1/components/KeyPad/index.js +7 -0
  295. package/pass-code-v1/components/KeyPadButton/Component.d.ts +32 -0
  296. package/pass-code-v1/components/KeyPadButton/Component.js +21 -0
  297. package/pass-code-v1/components/KeyPadButton/index.css +69 -0
  298. package/pass-code-v1/components/KeyPadButton/index.d.ts +1 -0
  299. package/pass-code-v1/components/KeyPadButton/index.js +7 -0
  300. package/pass-code-v1/cssm/Component.d.ts +62 -0
  301. package/pass-code-v1/cssm/Component.js +45 -0
  302. package/pass-code-v1/cssm/components/InputProgress/Component.d.ts +11 -0
  303. package/pass-code-v1/cssm/components/InputProgress/Component.js +38 -0
  304. package/pass-code-v1/cssm/components/InputProgress/index.d.ts +1 -0
  305. package/pass-code-v1/cssm/components/InputProgress/index.js +7 -0
  306. package/pass-code-v1/cssm/components/InputProgress/index.module.css +40 -0
  307. package/pass-code-v1/cssm/components/InputProgress/transitions.module.css +51 -0
  308. package/pass-code-v1/cssm/components/KeyPad/Component.d.ts +31 -0
  309. package/pass-code-v1/cssm/components/KeyPad/Component.js +41 -0
  310. package/pass-code-v1/cssm/components/KeyPad/index.d.ts +1 -0
  311. package/pass-code-v1/cssm/components/KeyPad/index.js +7 -0
  312. package/pass-code-v1/cssm/components/KeyPad/index.module.css +44 -0
  313. package/pass-code-v1/cssm/components/KeyPadButton/Component.d.ts +32 -0
  314. package/pass-code-v1/cssm/components/KeyPadButton/Component.js +20 -0
  315. package/pass-code-v1/cssm/components/KeyPadButton/index.d.ts +1 -0
  316. package/pass-code-v1/cssm/components/KeyPadButton/index.js +7 -0
  317. package/pass-code-v1/cssm/components/KeyPadButton/index.module.css +68 -0
  318. package/pass-code-v1/cssm/index.d.ts +2 -0
  319. package/pass-code-v1/cssm/index.js +9 -0
  320. package/pass-code-v1/cssm/index.module.css +37 -0
  321. package/pass-code-v1/cssm/shared/index.d.ts +1 -0
  322. package/pass-code-v1/cssm/shared/index.js +7 -0
  323. package/pass-code-v1/cssm/utils.d.ts +10 -0
  324. package/pass-code-v1/cssm/utils.js +17 -0
  325. package/pass-code-v1/cssm/vars.css +0 -0
  326. package/pass-code-v1/esm/Component.d.ts +62 -0
  327. package/pass-code-v1/esm/Component.js +43 -0
  328. package/pass-code-v1/esm/components/InputProgress/Component.d.ts +11 -0
  329. package/pass-code-v1/esm/components/InputProgress/Component.js +33 -0
  330. package/pass-code-v1/esm/components/InputProgress/index.css +41 -0
  331. package/pass-code-v1/esm/components/InputProgress/index.d.ts +1 -0
  332. package/pass-code-v1/esm/components/InputProgress/index.js +5 -0
  333. package/pass-code-v1/esm/components/InputProgress/transitions.css +52 -0
  334. package/pass-code-v1/esm/components/KeyPad/Component.d.ts +31 -0
  335. package/pass-code-v1/esm/components/KeyPad/Component.js +38 -0
  336. package/pass-code-v1/esm/components/KeyPad/index.css +45 -0
  337. package/pass-code-v1/esm/components/KeyPad/index.d.ts +1 -0
  338. package/pass-code-v1/esm/components/KeyPad/index.js +7 -0
  339. package/pass-code-v1/esm/components/KeyPadButton/Component.d.ts +32 -0
  340. package/pass-code-v1/esm/components/KeyPadButton/Component.js +14 -0
  341. package/pass-code-v1/esm/components/KeyPadButton/index.css +69 -0
  342. package/pass-code-v1/esm/components/KeyPadButton/index.d.ts +1 -0
  343. package/pass-code-v1/esm/components/KeyPadButton/index.js +4 -0
  344. package/pass-code-v1/esm/index.css +38 -0
  345. package/pass-code-v1/esm/index.d.ts +2 -0
  346. package/pass-code-v1/esm/index.js +11 -0
  347. package/pass-code-v1/esm/shared/index.d.ts +1 -0
  348. package/pass-code-v1/esm/shared/index.js +2 -0
  349. package/pass-code-v1/esm/utils.d.ts +10 -0
  350. package/pass-code-v1/esm/utils.js +15 -0
  351. package/pass-code-v1/index.css +38 -0
  352. package/pass-code-v1/index.d.ts +2 -0
  353. package/pass-code-v1/index.js +9 -0
  354. package/pass-code-v1/modern/Component.d.ts +62 -0
  355. package/pass-code-v1/modern/Component.js +42 -0
  356. package/pass-code-v1/modern/components/InputProgress/Component.d.ts +11 -0
  357. package/pass-code-v1/modern/components/InputProgress/Component.js +25 -0
  358. package/pass-code-v1/modern/components/InputProgress/index.css +41 -0
  359. package/pass-code-v1/modern/components/InputProgress/index.d.ts +1 -0
  360. package/pass-code-v1/modern/components/InputProgress/index.js +5 -0
  361. package/pass-code-v1/modern/components/InputProgress/transitions.css +52 -0
  362. package/pass-code-v1/modern/components/KeyPad/Component.d.ts +31 -0
  363. package/pass-code-v1/modern/components/KeyPad/Component.js +35 -0
  364. package/pass-code-v1/modern/components/KeyPad/index.css +45 -0
  365. package/pass-code-v1/modern/components/KeyPad/index.d.ts +1 -0
  366. package/pass-code-v1/modern/components/KeyPad/index.js +7 -0
  367. package/pass-code-v1/modern/components/KeyPadButton/Component.d.ts +32 -0
  368. package/pass-code-v1/modern/components/KeyPadButton/Component.js +13 -0
  369. package/pass-code-v1/modern/components/KeyPadButton/index.css +69 -0
  370. package/pass-code-v1/modern/components/KeyPadButton/index.d.ts +1 -0
  371. package/pass-code-v1/modern/components/KeyPadButton/index.js +4 -0
  372. package/pass-code-v1/modern/index.css +38 -0
  373. package/pass-code-v1/modern/index.d.ts +2 -0
  374. package/pass-code-v1/modern/index.js +11 -0
  375. package/pass-code-v1/modern/shared/index.d.ts +1 -0
  376. package/pass-code-v1/modern/shared/index.js +2 -0
  377. package/pass-code-v1/modern/utils.d.ts +10 -0
  378. package/pass-code-v1/modern/utils.js +15 -0
  379. package/pass-code-v1/package.json +3 -0
  380. package/pass-code-v1/shared/index.d.ts +1 -0
  381. package/pass-code-v1/shared/index.js +7 -0
  382. package/pass-code-v1/shared/package.json +3 -0
  383. package/pass-code-v1/utils.d.ts +10 -0
  384. package/pass-code-v1/utils.js +17 -0
  385. package/pattern-lock/components/base-pattern-lock/Component.js +7 -11
  386. package/pattern-lock/components/base-pattern-lock/index.css +11 -20
  387. package/pattern-lock/consts.js +8 -8
  388. package/pattern-lock/cssm/components/base-pattern-lock/Component.js +6 -10
  389. package/pattern-lock/cssm/components/base-pattern-lock/index.module.css +11 -20
  390. package/pattern-lock/cssm/consts.js +8 -8
  391. package/pattern-lock/cssm/desktop/desktop.module.css +3 -4
  392. package/pattern-lock/cssm/mobile/mobile.module.css +3 -26
  393. package/pattern-lock/cssm/typings.d.ts +6 -14
  394. package/pattern-lock/cssm/utils.d.ts +0 -2
  395. package/pattern-lock/cssm/utils.js +5 -30
  396. package/pattern-lock/desktop/desktop.css +3 -4
  397. package/pattern-lock/esm/components/base-pattern-lock/Component.js +7 -11
  398. package/pattern-lock/esm/components/base-pattern-lock/index.css +11 -20
  399. package/pattern-lock/esm/consts.js +8 -8
  400. package/pattern-lock/esm/desktop/desktop.css +3 -4
  401. package/pattern-lock/esm/mobile/mobile.css +3 -26
  402. package/pattern-lock/esm/typings.d.ts +6 -14
  403. package/pattern-lock/esm/utils.d.ts +0 -2
  404. package/pattern-lock/esm/utils.js +5 -30
  405. package/pattern-lock/mobile/mobile.css +3 -26
  406. package/pattern-lock/modern/components/base-pattern-lock/Component.js +6 -10
  407. package/pattern-lock/modern/components/base-pattern-lock/index.css +11 -20
  408. package/pattern-lock/modern/consts.js +8 -8
  409. package/pattern-lock/modern/desktop/desktop.css +3 -4
  410. package/pattern-lock/modern/mobile/mobile.css +3 -26
  411. package/pattern-lock/modern/typings.d.ts +6 -14
  412. package/pattern-lock/modern/utils.d.ts +0 -2
  413. package/pattern-lock/modern/utils.js +5 -30
  414. package/pattern-lock/typings.d.ts +6 -14
  415. package/pattern-lock/utils.d.ts +0 -2
  416. package/pattern-lock/utils.js +5 -30
  417. package/pattern-lock-v1/Component.responsive.d.ts +10 -0
  418. package/pattern-lock-v1/Component.responsive.js +25 -0
  419. package/pattern-lock-v1/components/base-pattern-lock/Component.d.ts +6 -0
  420. package/pattern-lock-v1/components/base-pattern-lock/Component.js +66 -0
  421. package/pattern-lock-v1/components/base-pattern-lock/index.css +45 -0
  422. package/pattern-lock-v1/components/base-pattern-lock/index.d.ts +1 -0
  423. package/pattern-lock-v1/components/base-pattern-lock/index.js +7 -0
  424. package/pattern-lock-v1/consts.d.ts +11 -0
  425. package/pattern-lock-v1/consts.js +32 -0
  426. package/pattern-lock-v1/cssm/Component.responsive.d.ts +10 -0
  427. package/pattern-lock-v1/cssm/Component.responsive.js +25 -0
  428. package/pattern-lock-v1/cssm/components/base-pattern-lock/Component.d.ts +6 -0
  429. package/pattern-lock-v1/cssm/components/base-pattern-lock/Component.js +65 -0
  430. package/pattern-lock-v1/cssm/components/base-pattern-lock/index.d.ts +1 -0
  431. package/pattern-lock-v1/cssm/components/base-pattern-lock/index.js +7 -0
  432. package/pattern-lock-v1/cssm/components/base-pattern-lock/index.module.css +44 -0
  433. package/pattern-lock-v1/cssm/consts.d.ts +11 -0
  434. package/pattern-lock-v1/cssm/consts.js +32 -0
  435. package/pattern-lock-v1/cssm/desktop/Component.desktop.d.ts +6 -0
  436. package/pattern-lock-v1/cssm/desktop/Component.desktop.js +15 -0
  437. package/pattern-lock-v1/cssm/desktop/desktop.module.css +27 -0
  438. package/pattern-lock-v1/cssm/desktop/index.d.ts +2 -0
  439. package/pattern-lock-v1/cssm/desktop/index.js +7 -0
  440. package/pattern-lock-v1/cssm/hooks/use-pattern-lock-cleanup.d.ts +6 -0
  441. package/pattern-lock-v1/cssm/hooks/use-pattern-lock-cleanup.js +16 -0
  442. package/pattern-lock-v1/cssm/index.d.ts +3 -0
  443. package/pattern-lock-v1/cssm/index.js +9 -0
  444. package/pattern-lock-v1/cssm/mobile/Component.mobile.d.ts +6 -0
  445. package/pattern-lock-v1/cssm/mobile/Component.mobile.js +15 -0
  446. package/pattern-lock-v1/cssm/mobile/index.d.ts +2 -0
  447. package/pattern-lock-v1/cssm/mobile/index.js +7 -0
  448. package/pattern-lock-v1/cssm/mobile/mobile.module.css +47 -0
  449. package/pattern-lock-v1/cssm/shared/index.d.ts +2 -0
  450. package/pattern-lock-v1/cssm/shared/index.js +9 -0
  451. package/pattern-lock-v1/cssm/typings.d.ts +91 -0
  452. package/pattern-lock-v1/cssm/typings.js +1 -0
  453. package/pattern-lock-v1/cssm/utils.d.ts +16 -0
  454. package/pattern-lock-v1/cssm/utils.js +94 -0
  455. package/pattern-lock-v1/cssm/vars.css +0 -0
  456. package/pattern-lock-v1/desktop/Component.desktop.d.ts +6 -0
  457. package/pattern-lock-v1/desktop/Component.desktop.js +16 -0
  458. package/pattern-lock-v1/desktop/desktop.css +28 -0
  459. package/pattern-lock-v1/desktop/index.d.ts +2 -0
  460. package/pattern-lock-v1/desktop/index.js +7 -0
  461. package/pattern-lock-v1/desktop/package.json +3 -0
  462. package/pattern-lock-v1/esm/Component.responsive.d.ts +10 -0
  463. package/pattern-lock-v1/esm/Component.responsive.js +26 -0
  464. package/pattern-lock-v1/esm/components/base-pattern-lock/Component.d.ts +6 -0
  465. package/pattern-lock-v1/esm/components/base-pattern-lock/Component.js +59 -0
  466. package/pattern-lock-v1/esm/components/base-pattern-lock/index.css +45 -0
  467. package/pattern-lock-v1/esm/components/base-pattern-lock/index.d.ts +1 -0
  468. package/pattern-lock-v1/esm/components/base-pattern-lock/index.js +9 -0
  469. package/pattern-lock-v1/esm/consts.d.ts +11 -0
  470. package/pattern-lock-v1/esm/consts.js +27 -0
  471. package/pattern-lock-v1/esm/desktop/Component.desktop.d.ts +6 -0
  472. package/pattern-lock-v1/esm/desktop/Component.desktop.js +16 -0
  473. package/pattern-lock-v1/esm/desktop/desktop.css +28 -0
  474. package/pattern-lock-v1/esm/desktop/index.d.ts +2 -0
  475. package/pattern-lock-v1/esm/desktop/index.js +10 -0
  476. package/pattern-lock-v1/esm/hooks/use-pattern-lock-cleanup.d.ts +6 -0
  477. package/pattern-lock-v1/esm/hooks/use-pattern-lock-cleanup.js +14 -0
  478. package/pattern-lock-v1/esm/index.d.ts +3 -0
  479. package/pattern-lock-v1/esm/index.js +13 -0
  480. package/pattern-lock-v1/esm/mobile/Component.mobile.d.ts +6 -0
  481. package/pattern-lock-v1/esm/mobile/Component.mobile.js +16 -0
  482. package/pattern-lock-v1/esm/mobile/index.d.ts +2 -0
  483. package/pattern-lock-v1/esm/mobile/index.js +10 -0
  484. package/pattern-lock-v1/esm/mobile/mobile.css +48 -0
  485. package/pattern-lock-v1/esm/shared/index.d.ts +2 -0
  486. package/pattern-lock-v1/esm/shared/index.js +6 -0
  487. package/pattern-lock-v1/esm/typings.d.ts +91 -0
  488. package/pattern-lock-v1/esm/typings.js +1 -0
  489. package/pattern-lock-v1/esm/utils.d.ts +16 -0
  490. package/pattern-lock-v1/esm/utils.js +88 -0
  491. package/pattern-lock-v1/hooks/use-pattern-lock-cleanup.d.ts +6 -0
  492. package/pattern-lock-v1/hooks/use-pattern-lock-cleanup.js +16 -0
  493. package/pattern-lock-v1/index.d.ts +3 -0
  494. package/pattern-lock-v1/index.js +9 -0
  495. package/pattern-lock-v1/mobile/Component.mobile.d.ts +6 -0
  496. package/pattern-lock-v1/mobile/Component.mobile.js +16 -0
  497. package/pattern-lock-v1/mobile/index.d.ts +2 -0
  498. package/pattern-lock-v1/mobile/index.js +7 -0
  499. package/pattern-lock-v1/mobile/mobile.css +48 -0
  500. package/pattern-lock-v1/mobile/package.json +3 -0
  501. package/pattern-lock-v1/modern/Component.responsive.d.ts +10 -0
  502. package/pattern-lock-v1/modern/Component.responsive.js +24 -0
  503. package/pattern-lock-v1/modern/components/base-pattern-lock/Component.d.ts +6 -0
  504. package/pattern-lock-v1/modern/components/base-pattern-lock/Component.js +54 -0
  505. package/pattern-lock-v1/modern/components/base-pattern-lock/index.css +45 -0
  506. package/pattern-lock-v1/modern/components/base-pattern-lock/index.d.ts +1 -0
  507. package/pattern-lock-v1/modern/components/base-pattern-lock/index.js +8 -0
  508. package/pattern-lock-v1/modern/consts.d.ts +11 -0
  509. package/pattern-lock-v1/modern/consts.js +27 -0
  510. package/pattern-lock-v1/modern/desktop/Component.desktop.d.ts +6 -0
  511. package/pattern-lock-v1/modern/desktop/Component.desktop.js +15 -0
  512. package/pattern-lock-v1/modern/desktop/desktop.css +28 -0
  513. package/pattern-lock-v1/modern/desktop/index.d.ts +2 -0
  514. package/pattern-lock-v1/modern/desktop/index.js +9 -0
  515. package/pattern-lock-v1/modern/hooks/use-pattern-lock-cleanup.d.ts +6 -0
  516. package/pattern-lock-v1/modern/hooks/use-pattern-lock-cleanup.js +14 -0
  517. package/pattern-lock-v1/modern/index.d.ts +3 -0
  518. package/pattern-lock-v1/modern/index.js +12 -0
  519. package/pattern-lock-v1/modern/mobile/Component.mobile.d.ts +6 -0
  520. package/pattern-lock-v1/modern/mobile/Component.mobile.js +15 -0
  521. package/pattern-lock-v1/modern/mobile/index.d.ts +2 -0
  522. package/pattern-lock-v1/modern/mobile/index.js +9 -0
  523. package/pattern-lock-v1/modern/mobile/mobile.css +48 -0
  524. package/pattern-lock-v1/modern/shared/index.d.ts +2 -0
  525. package/pattern-lock-v1/modern/shared/index.js +5 -0
  526. package/pattern-lock-v1/modern/typings.d.ts +91 -0
  527. package/pattern-lock-v1/modern/typings.js +1 -0
  528. package/pattern-lock-v1/modern/utils.d.ts +16 -0
  529. package/pattern-lock-v1/modern/utils.js +98 -0
  530. package/pattern-lock-v1/package.json +3 -0
  531. package/pattern-lock-v1/shared/index.d.ts +2 -0
  532. package/pattern-lock-v1/shared/index.js +9 -0
  533. package/pattern-lock-v1/shared/package.json +3 -0
  534. package/pattern-lock-v1/typings.d.ts +91 -0
  535. package/pattern-lock-v1/typings.js +1 -0
  536. package/pattern-lock-v1/utils.d.ts +16 -0
  537. package/pattern-lock-v1/utils.js +94 -0
  538. package/picker-button/Component-c44170fe.d.ts +2 -2
  539. package/picker-button/cssm/Component-c44170fe.d.ts +2 -2
  540. package/picker-button/cssm/index-bdb4c6b9.d.ts +1 -13
  541. package/picker-button/esm/Component-c44170fe.d.ts +2 -2
  542. package/picker-button/esm/index-bdb4c6b9.d.ts +1 -13
  543. package/picker-button/index-bdb4c6b9.d.ts +1 -13
  544. package/picker-button/modern/Component-c44170fe.d.ts +2 -2
  545. package/picker-button/modern/index-bdb4c6b9.d.ts +1 -13
  546. package/popover/Component.js +2 -1
  547. package/popover/cssm/Component.js +2 -1
  548. package/popover/esm/Component.js +2 -1
  549. package/popover/esm/index.js +1 -0
  550. package/popover/modern/Component.js +2 -1
  551. package/popover/modern/index.js +1 -0
  552. package/pure-cell/component.js +1 -1
  553. package/pure-cell/components/addon/component.js +1 -1
  554. package/pure-cell/components/addon/index.d.ts +1 -1
  555. package/pure-cell/components/addon/index.js +1 -1
  556. package/pure-cell/components/amount/component.js +1 -1
  557. package/pure-cell/components/amount/index.d.ts +1 -1
  558. package/pure-cell/components/amount/index.js +1 -1
  559. package/pure-cell/components/amount-title/component.js +1 -1
  560. package/pure-cell/components/amount-title/index.d.ts +1 -1
  561. package/pure-cell/components/amount-title/index.js +1 -1
  562. package/pure-cell/components/category/component.js +1 -1
  563. package/pure-cell/components/category/index.d.ts +1 -1
  564. package/pure-cell/components/category/index.js +1 -1
  565. package/pure-cell/components/content/component.js +1 -1
  566. package/pure-cell/components/content/index.d.ts +1 -1
  567. package/pure-cell/components/content/index.js +1 -1
  568. package/pure-cell/components/footer/component.js +1 -1
  569. package/pure-cell/components/footer/index.d.ts +1 -1
  570. package/pure-cell/components/footer/index.js +1 -1
  571. package/pure-cell/components/footer-button/component.js +1 -1
  572. package/pure-cell/components/footer-button/index.d.ts +1 -1
  573. package/pure-cell/components/footer-button/index.js +1 -1
  574. package/pure-cell/components/footer-text/component.js +1 -1
  575. package/pure-cell/components/footer-text/index.d.ts +1 -1
  576. package/pure-cell/components/footer-text/index.js +1 -1
  577. package/pure-cell/components/graphics/component.js +1 -1
  578. package/pure-cell/components/graphics/index.d.ts +1 -1
  579. package/pure-cell/components/graphics/index.js +1 -1
  580. package/pure-cell/components/main/component.js +1 -1
  581. package/pure-cell/components/main/index.d.ts +1 -1
  582. package/pure-cell/components/main/index.js +1 -1
  583. package/pure-cell/components/text/component.js +1 -1
  584. package/pure-cell/components/text/index.d.ts +1 -1
  585. package/pure-cell/components/text/index.js +1 -1
  586. package/pure-cell/esm/component.js +1 -1
  587. package/pure-cell/esm/components/addon/component.js +1 -1
  588. package/pure-cell/esm/components/addon/index.d.ts +1 -1
  589. package/pure-cell/esm/components/addon/index.js +1 -1
  590. package/pure-cell/esm/components/amount/component.js +1 -1
  591. package/pure-cell/esm/components/amount/index.d.ts +1 -1
  592. package/pure-cell/esm/components/amount/index.js +1 -1
  593. package/pure-cell/esm/components/amount-title/component.js +1 -1
  594. package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
  595. package/pure-cell/esm/components/amount-title/index.js +1 -1
  596. package/pure-cell/esm/components/category/component.js +1 -1
  597. package/pure-cell/esm/components/category/index.d.ts +1 -1
  598. package/pure-cell/esm/components/category/index.js +1 -1
  599. package/pure-cell/esm/components/content/component.js +1 -1
  600. package/pure-cell/esm/components/content/index.d.ts +1 -1
  601. package/pure-cell/esm/components/content/index.js +1 -1
  602. package/pure-cell/esm/components/footer/component.js +1 -1
  603. package/pure-cell/esm/components/footer/index.d.ts +1 -1
  604. package/pure-cell/esm/components/footer/index.js +1 -1
  605. package/pure-cell/esm/components/footer-button/component.js +1 -1
  606. package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
  607. package/pure-cell/esm/components/footer-button/index.js +1 -1
  608. package/pure-cell/esm/components/footer-text/component.js +1 -1
  609. package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
  610. package/pure-cell/esm/components/footer-text/index.js +1 -1
  611. package/pure-cell/esm/components/graphics/component.js +1 -1
  612. package/pure-cell/esm/components/graphics/index.d.ts +1 -1
  613. package/pure-cell/esm/components/graphics/index.js +1 -1
  614. package/pure-cell/esm/components/main/component.js +1 -1
  615. package/pure-cell/esm/components/main/index.d.ts +1 -1
  616. package/pure-cell/esm/components/main/index.js +1 -1
  617. package/pure-cell/esm/components/text/component.js +1 -1
  618. package/pure-cell/esm/components/text/index.d.ts +1 -1
  619. package/pure-cell/esm/components/text/index.js +1 -1
  620. package/pure-cell/esm/index.js +1 -1
  621. package/pure-cell/index.js +1 -1
  622. package/pure-cell/modern/component.js +1 -1
  623. package/pure-cell/modern/components/addon/component.js +1 -1
  624. package/pure-cell/modern/components/addon/index.d.ts +1 -1
  625. package/pure-cell/modern/components/addon/index.js +1 -1
  626. package/pure-cell/modern/components/amount/component.js +1 -1
  627. package/pure-cell/modern/components/amount/index.d.ts +1 -1
  628. package/pure-cell/modern/components/amount/index.js +1 -1
  629. package/pure-cell/modern/components/amount-title/component.js +1 -1
  630. package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
  631. package/pure-cell/modern/components/amount-title/index.js +1 -1
  632. package/pure-cell/modern/components/category/component.js +1 -1
  633. package/pure-cell/modern/components/category/index.d.ts +1 -1
  634. package/pure-cell/modern/components/category/index.js +1 -1
  635. package/pure-cell/modern/components/content/component.js +1 -1
  636. package/pure-cell/modern/components/content/index.d.ts +1 -1
  637. package/pure-cell/modern/components/content/index.js +1 -1
  638. package/pure-cell/modern/components/footer/component.js +1 -1
  639. package/pure-cell/modern/components/footer/index.d.ts +1 -1
  640. package/pure-cell/modern/components/footer/index.js +1 -1
  641. package/pure-cell/modern/components/footer-button/component.js +1 -1
  642. package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
  643. package/pure-cell/modern/components/footer-button/index.js +1 -1
  644. package/pure-cell/modern/components/footer-text/component.js +1 -1
  645. package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
  646. package/pure-cell/modern/components/footer-text/index.js +1 -1
  647. package/pure-cell/modern/components/graphics/component.js +1 -1
  648. package/pure-cell/modern/components/graphics/index.d.ts +1 -1
  649. package/pure-cell/modern/components/graphics/index.js +1 -1
  650. package/pure-cell/modern/components/main/component.js +1 -1
  651. package/pure-cell/modern/components/main/index.d.ts +1 -1
  652. package/pure-cell/modern/components/main/index.js +1 -1
  653. package/pure-cell/modern/components/text/component.js +1 -1
  654. package/pure-cell/modern/components/text/index.d.ts +1 -1
  655. package/pure-cell/modern/components/text/index.js +1 -1
  656. package/pure-cell/modern/index.js +1 -1
  657. package/select/esm/Component.responsive.js +1 -1
  658. package/select/esm/index.js +1 -1
  659. package/select/esm/mobile/Component.mobile.js +1 -1
  660. package/select/esm/mobile/Component.modal.mobile.js +1 -1
  661. package/select/esm/mobile/index.js +1 -1
  662. package/select/esm/presets/index.js +1 -1
  663. package/select/esm/presets/useSelectWithApply/hook.js +1 -1
  664. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  665. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  666. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  667. package/select/esm/shared/index.js +1 -1
  668. package/select/mobile/Component.mobile.js +1 -1
  669. package/select/modern/Component.responsive.js +1 -1
  670. package/select/modern/index.js +1 -1
  671. package/select/modern/mobile/Component.mobile.js +1 -1
  672. package/select/modern/mobile/Component.modal.mobile.js +1 -1
  673. package/select/modern/mobile/index.js +1 -1
  674. package/select/modern/presets/index.js +1 -1
  675. package/select/modern/presets/useSelectWithApply/hook.js +1 -1
  676. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  677. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  678. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  679. package/select/modern/shared/index.js +1 -1
  680. package/select/presets/index.js +1 -1
  681. package/select/presets/useSelectWithApply/hook.js +1 -1
  682. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  683. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  684. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  685. package/select/shared/index.js +1 -1
  686. package/side-panel/components/controls/Component.js +1 -1
  687. package/side-panel/components/footer/Component.js +1 -1
  688. package/side-panel/esm/Component.responsive.js +1 -1
  689. package/side-panel/esm/components/controls/Component.js +1 -1
  690. package/side-panel/esm/components/controls/index.js +1 -1
  691. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  692. package/side-panel/esm/components/footer/Component.js +1 -1
  693. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  694. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  695. package/side-panel/esm/desktop/index.js +1 -1
  696. package/side-panel/esm/index.js +1 -1
  697. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  698. package/side-panel/esm/mobile/index.js +1 -1
  699. package/side-panel/modern/Component.responsive.js +1 -1
  700. package/side-panel/modern/components/controls/Component.js +1 -1
  701. package/side-panel/modern/components/controls/index.js +1 -1
  702. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  703. package/side-panel/modern/components/footer/Component.js +1 -1
  704. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  705. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  706. package/side-panel/modern/desktop/index.js +1 -1
  707. package/side-panel/modern/index.js +1 -1
  708. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  709. package/side-panel/modern/mobile/index.js +1 -1
  710. package/stack/component.js +4 -4
  711. package/stack/cssm/component.js +4 -4
  712. package/stack/cssm/index.d.ts +0 -1
  713. package/stack/cssm/index.js +0 -3
  714. package/stack/esm/component.js +1 -1
  715. package/stack/esm/index.d.ts +0 -1
  716. package/stack/esm/index.js +1 -1
  717. package/stack/index.d.ts +0 -1
  718. package/stack/index.js +0 -3
  719. package/stack/modern/component.js +1 -1
  720. package/stack/modern/index.d.ts +0 -1
  721. package/stack/modern/index.js +1 -1
  722. package/status/Component.d.ts +2 -1
  723. package/status/Component.js +2 -2
  724. package/status/cssm/Component.d.ts +2 -1
  725. package/status/cssm/Component.js +1 -1
  726. package/status/cssm/index.module.css +74 -29
  727. package/status/esm/Component.d.ts +2 -1
  728. package/status/esm/Component.js +2 -2
  729. package/status/esm/index.css +55 -27
  730. package/status/index.css +55 -27
  731. package/status/modern/Component.d.ts +2 -1
  732. package/status/modern/Component.js +2 -2
  733. package/status/modern/index.css +55 -27
  734. package/tabs/components/primary-tablist/Component.collapsible.js +1 -1
  735. package/tabs/components/primary-tablist/Component.desktop.js +1 -1
  736. package/tabs/components/primary-tablist/Component.mobile.js +1 -1
  737. package/tabs/components/primary-tablist/mobile.css +1 -0
  738. package/tabs/components/secondary-tablist/Component.desktop.js +1 -1
  739. package/tabs/components/secondary-tablist/Component.mobile.js +1 -1
  740. package/tabs/components/secondary-tablist/mobile.css +1 -0
  741. package/tabs/esm/collapsible/index.js +1 -1
  742. package/tabs/esm/components/primary-tablist/Component.collapsible.js +1 -1
  743. package/tabs/esm/components/primary-tablist/Component.desktop.js +1 -1
  744. package/tabs/esm/components/primary-tablist/Component.mobile.js +1 -1
  745. package/tabs/esm/components/primary-tablist/Component.responsive.js +1 -1
  746. package/tabs/esm/components/primary-tablist/mobile.css +1 -0
  747. package/tabs/esm/components/secondary-tablist/Component.desktop.js +1 -1
  748. package/tabs/esm/components/secondary-tablist/Component.mobile.js +1 -1
  749. package/tabs/esm/components/secondary-tablist/Component.responsive.js +1 -1
  750. package/tabs/esm/components/secondary-tablist/mobile.css +1 -0
  751. package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
  752. package/tabs/esm/components/tabs/Component.desktop.js +2 -2
  753. package/tabs/esm/components/tabs/Component.mobile.js +2 -2
  754. package/tabs/esm/components/tabs/Component.responsive.js +2 -2
  755. package/tabs/esm/desktop/index.js +2 -2
  756. package/tabs/esm/index.js +2 -2
  757. package/tabs/esm/mobile/index.js +2 -2
  758. package/tabs/modern/collapsible/index.js +1 -1
  759. package/tabs/modern/components/primary-tablist/Component.collapsible.js +1 -1
  760. package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
  761. package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
  762. package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
  763. package/tabs/modern/components/primary-tablist/mobile.css +1 -0
  764. package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
  765. package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
  766. package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
  767. package/tabs/modern/components/secondary-tablist/mobile.css +1 -0
  768. package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
  769. package/tabs/modern/components/tabs/Component.desktop.js +2 -2
  770. package/tabs/modern/components/tabs/Component.mobile.js +2 -2
  771. package/tabs/modern/components/tabs/Component.responsive.js +2 -2
  772. package/tabs/modern/desktop/index.js +2 -2
  773. package/tabs/modern/index.js +2 -2
  774. package/tabs/modern/mobile/index.js +2 -2
  775. package/textarea/Component.js +1 -1
  776. package/textarea/components/PseudoTextArea.js +1 -1
  777. package/textarea/components/index.d.ts +1 -1
  778. package/textarea/components/index.js +1 -1
  779. package/textarea/esm/Component.js +1 -1
  780. package/textarea/esm/components/PseudoTextArea.js +1 -1
  781. package/textarea/esm/components/index.d.ts +1 -1
  782. package/textarea/esm/components/index.js +1 -1
  783. package/textarea/esm/index.js +1 -1
  784. package/textarea/modern/Component.js +1 -1
  785. package/textarea/modern/components/PseudoTextArea.js +1 -1
  786. package/textarea/modern/components/index.d.ts +1 -1
  787. package/textarea/modern/components/index.js +1 -1
  788. package/textarea/modern/index.js +1 -1
  789. package/themes/click.css +0 -1515
  790. package/themes/compiled/mobile-dark-bluetint.css +86 -65
  791. package/themes/corp.css +0 -1515
  792. package/themes/intranet.css +0 -1515
  793. package/themes/mobile.css +0 -1515
  794. package/themes/site.css +0 -1515
  795. package/toast/components/base-toast/component.js +2 -1
  796. package/toast/cssm/components/base-toast/component.js +2 -1
  797. package/toast/esm/Component.responsive.js +1 -0
  798. package/toast/esm/components/base-toast/component.js +2 -1
  799. package/toast/esm/components/base-toast/index.js +1 -0
  800. package/toast/esm/desktop/Component.desktop.js +1 -0
  801. package/toast/esm/desktop/index.js +1 -0
  802. package/toast/esm/index.js +1 -0
  803. package/toast/esm/mobile/Component.mobile.js +1 -0
  804. package/toast/esm/mobile/index.js +1 -0
  805. package/toast/modern/Component.responsive.js +1 -0
  806. package/toast/modern/components/base-toast/component.js +2 -1
  807. package/toast/modern/components/base-toast/index.js +1 -0
  808. package/toast/modern/desktop/Component.desktop.js +1 -0
  809. package/toast/modern/desktop/index.js +1 -0
  810. package/toast/modern/index.js +1 -0
  811. package/toast/modern/mobile/Component.mobile.js +1 -0
  812. package/toast/modern/mobile/index.js +1 -0
  813. package/toast-plate/components/base-toast-plate/component.js +1 -1
  814. package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -1
  815. package/toast-plate/esm/Component.responsive.js +1 -1
  816. package/toast-plate/esm/components/base-toast-plate/component.js +1 -1
  817. package/toast-plate/esm/components/base-toast-plate/index.js +1 -1
  818. package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -1
  819. package/toast-plate/esm/desktop/Component.desktop.js +1 -1
  820. package/toast-plate/esm/desktop/index.js +1 -1
  821. package/toast-plate/esm/index-307da6d7.d.ts +1 -1
  822. package/toast-plate/esm/index.js +1 -1
  823. package/toast-plate/esm/mobile/Component.mobile.js +1 -1
  824. package/toast-plate/esm/mobile/index.js +1 -1
  825. package/toast-plate/index-307da6d7.d.ts +1 -1
  826. package/toast-plate/modern/Component.responsive.js +1 -1
  827. package/toast-plate/modern/components/base-toast-plate/component.js +1 -1
  828. package/toast-plate/modern/components/base-toast-plate/index.js +1 -1
  829. package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -1
  830. package/toast-plate/modern/desktop/Component.desktop.js +1 -1
  831. package/toast-plate/modern/desktop/index.js +1 -1
  832. package/toast-plate/modern/index-307da6d7.d.ts +1 -1
  833. package/toast-plate/modern/index.js +1 -1
  834. package/toast-plate/modern/mobile/Component.mobile.js +1 -1
  835. package/toast-plate/modern/mobile/index.js +1 -1
  836. package/typography/esm/component.js +2 -2
  837. package/typography/esm/index.js +2 -2
  838. package/typography/esm/text/component.js +1 -1
  839. package/typography/esm/text/index.js +1 -1
  840. package/typography/esm/title/component.js +1 -1
  841. package/typography/esm/title/index.js +2 -2
  842. package/typography/esm/title-mobile/component.js +2 -2
  843. package/typography/esm/title-mobile/index.js +2 -2
  844. package/typography/esm/title-responsive/component.js +2 -2
  845. package/typography/esm/title-responsive/index.js +2 -2
  846. package/typography/modern/component.js +2 -2
  847. package/typography/modern/index.js +2 -2
  848. package/typography/modern/text/component.js +1 -1
  849. package/typography/modern/text/index.js +1 -1
  850. package/typography/modern/title/component.js +1 -1
  851. package/typography/modern/title/index.js +2 -2
  852. package/typography/modern/title-mobile/component.js +2 -2
  853. package/typography/modern/title-mobile/index.js +2 -2
  854. package/typography/modern/title-responsive/component.js +2 -2
  855. package/typography/modern/title-responsive/index.js +2 -2
  856. package/typography/text/component.js +1 -1
  857. package/typography/title/component.js +1 -1
  858. package/typography/title/index.js +1 -1
  859. package/typography/title-mobile/component.js +1 -1
  860. package/typography/title-responsive/component.js +1 -1
  861. package/underlay/Component.js +1 -1
  862. package/underlay/esm/Component.js +1 -1
  863. package/underlay/esm/index.js +1 -1
  864. package/underlay/esm/utils/getBorderCorners.js +1 -1
  865. package/underlay/esm/utils/getClasses.js +1 -1
  866. package/underlay/modern/Component.js +1 -1
  867. package/underlay/modern/index.js +1 -1
  868. package/underlay/modern/utils/getBorderCorners.js +1 -1
  869. package/underlay/modern/utils/getClasses.js +1 -1
  870. package/underlay/utils/getBorderCorners.js +1 -1
  871. package/underlay/utils/getClasses.js +1 -1
  872. package/universal-date-input/components/base-universal-date-input/Component.js +1 -1
  873. package/universal-date-input/components/date-input/Component.js +1 -1
  874. package/universal-date-input/components/date-range-input/Component.js +1 -1
  875. package/universal-date-input/cssm/index-5712fce2.d.ts +1 -13
  876. package/universal-date-input/esm/Component.responsive.js +1 -1
  877. package/universal-date-input/esm/components/base-universal-date-input/Component.js +1 -1
  878. package/universal-date-input/esm/components/base-universal-date-input/index.js +1 -1
  879. package/universal-date-input/esm/components/date-input/Component.js +1 -1
  880. package/universal-date-input/esm/components/date-input/index.js +1 -1
  881. package/universal-date-input/esm/components/date-range-input/Component.js +1 -1
  882. package/universal-date-input/esm/components/date-range-input/index.js +1 -1
  883. package/universal-date-input/esm/desktop/Component.desktop.js +1 -1
  884. package/universal-date-input/esm/desktop/index.js +1 -1
  885. package/universal-date-input/esm/index-5712fce2.d.ts +1 -13
  886. package/universal-date-input/esm/index.js +1 -1
  887. package/universal-date-input/esm/mobile/Component.mobile.js +1 -1
  888. package/universal-date-input/esm/mobile/index.js +1 -1
  889. package/universal-date-input/index-5712fce2.d.ts +1 -13
  890. package/universal-date-input/modern/Component.responsive.js +1 -1
  891. package/universal-date-input/modern/components/base-universal-date-input/Component.js +1 -1
  892. package/universal-date-input/modern/components/base-universal-date-input/index.js +1 -1
  893. package/universal-date-input/modern/components/date-input/Component.js +1 -1
  894. package/universal-date-input/modern/components/date-input/index.js +1 -1
  895. package/universal-date-input/modern/components/date-range-input/Component.js +1 -1
  896. package/universal-date-input/modern/components/date-range-input/index.js +1 -1
  897. package/universal-date-input/modern/desktop/Component.desktop.js +1 -1
  898. package/universal-date-input/modern/desktop/index.js +1 -1
  899. package/universal-date-input/modern/index-5712fce2.d.ts +1 -13
  900. package/universal-date-input/modern/index.js +1 -1
  901. package/universal-date-input/modern/mobile/Component.mobile.js +1 -1
  902. package/universal-date-input/modern/mobile/index.js +1 -1
  903. package/vars/cssm/bundle/click.css +1 -0
  904. package/vars/cssm/bundle/corp.css +1 -0
  905. package/vars/cssm/bundle/intranet.css +1 -0
  906. package/vars/cssm/bundle/mobile.css +1 -0
  907. package/vars/cssm/bundle/site.css +1 -0
  908. package/vars/cssm/gaps.css +1 -0
  909. package/vars/cssm/index.css +1 -0
  910. package/vars/cssm/index.d.ts +1 -0
  911. package/vars/cssm/index.js +1 -0
  912. package/vars/esm/index.d.ts +1 -0
  913. package/vars/esm/index.js +2 -1
  914. package/vars/gaps.css +1 -0
  915. package/vars/index.d.ts +1 -0
  916. package/vars/index.js +1 -0
  917. package/vars/modern/index.d.ts +1 -0
  918. package/vars/modern/index.js +2 -1
  919. package/international-phone-input/cssm/index-136acbb1.d.ts +0 -28
  920. package/international-phone-input/esm/index-136acbb1.d.ts +0 -28
  921. package/international-phone-input/index-136acbb1.d.ts +0 -28
  922. package/international-phone-input/modern/index-136acbb1.d.ts +0 -28
  923. package/stack/context.d.ts +0 -29
  924. package/stack/context.js +0 -34
  925. package/stack/cssm/context.d.ts +0 -29
  926. package/stack/cssm/context.js +0 -34
  927. package/stack/esm/context.d.ts +0 -29
  928. package/stack/esm/context.js +0 -31
  929. package/stack/modern/context.d.ts +0 -29
  930. package/stack/modern/context.js +0 -31
  931. /package/calendar-range/esm/{index.module-357c54b1.js → index.module-623d82cb.js} +0 -0
  932. /package/calendar-range/{index.module-ecaac793.js → index.module-d25909db.js} +0 -0
  933. /package/calendar-range/modern/{index.module-1cf41baf.js → index.module-aef2c351.js} +0 -0
  934. /package/confirmation/{countdown-section-f9e4f884.d.ts → countdown-section-5399b3c0.d.ts} +0 -0
  935. /package/confirmation/{countdown-section-f9e4f884.js → countdown-section-5399b3c0.js} +0 -0
  936. /package/confirmation/esm/{countdown-section-540da1e3.d.ts → countdown-section-71f92528.d.ts} +0 -0
  937. /package/confirmation/esm/{countdown-section-540da1e3.js → countdown-section-71f92528.js} +0 -0
  938. /package/confirmation/modern/{countdown-section-d3385b29.d.ts → countdown-section-6a0cf609.d.ts} +0 -0
  939. /package/confirmation/modern/{countdown-section-d3385b29.js → countdown-section-6a0cf609.js} +0 -0
  940. /package/gallery/{buttons-0e0683d9.d.ts → buttons-2c587253.d.ts} +0 -0
  941. /package/gallery/{buttons-0e0683d9.js → buttons-2c587253.js} +0 -0
  942. /package/gallery/esm/{buttons-eabdb51b.d.ts → buttons-fb317559.d.ts} +0 -0
  943. /package/gallery/esm/{buttons-eabdb51b.js → buttons-fb317559.js} +0 -0
  944. /package/gallery/esm/{slide-a8f6ccc1.d.ts → slide-cb44c8ba.d.ts} +0 -0
  945. /package/gallery/esm/{slide-a8f6ccc1.js → slide-cb44c8ba.js} +0 -0
  946. /package/gallery/modern/{buttons-062ff167.d.ts → buttons-0d4c9cc6.d.ts} +0 -0
  947. /package/gallery/modern/{buttons-062ff167.js → buttons-0d4c9cc6.js} +0 -0
  948. /package/gallery/modern/{slide-b5566e19.d.ts → slide-3771e01f.d.ts} +0 -0
  949. /package/gallery/modern/{slide-b5566e19.js → slide-3771e01f.js} +0 -0
  950. /package/gallery/{slide-3d8ed06b.d.ts → slide-a4b1c89f.d.ts} +0 -0
  951. /package/gallery/{slide-3d8ed06b.js → slide-a4b1c89f.js} +0 -0
  952. /package/list/{Component-ff6688dc.d.ts → Component-a602be93.d.ts} +0 -0
  953. /package/list/{Component-ff6688dc.js → Component-a602be93.js} +0 -0
  954. /package/list/esm/{Component-e815e6a4.d.ts → Component-cb53d490.d.ts} +0 -0
  955. /package/list/esm/{Component-e815e6a4.js → Component-cb53d490.js} +0 -0
  956. /package/list/modern/{Component-ec34e05a.d.ts → Component-a046ddbb.d.ts} +0 -0
  957. /package/list/modern/{Component-ec34e05a.js → Component-a046ddbb.js} +0 -0
  958. /package/markdown/esm/{use-overrides-1ff68396.d.ts → use-overrides-07b626db.d.ts} +0 -0
  959. /package/markdown/esm/{use-overrides-1ff68396.js → use-overrides-07b626db.js} +0 -0
  960. /package/markdown/modern/{use-overrides-7e45f101.d.ts → use-overrides-b5b09003.d.ts} +0 -0
  961. /package/markdown/modern/{use-overrides-7e45f101.js → use-overrides-b5b09003.js} +0 -0
  962. /package/markdown/{use-overrides-86d99dd7.d.ts → use-overrides-822accd9.d.ts} +0 -0
  963. /package/markdown/{use-overrides-86d99dd7.js → use-overrides-822accd9.js} +0 -0
  964. /package/modal/esm/{layout.module-702c2cb2.js → layout.module-5977466c.js} +0 -0
  965. /package/modal/{layout.module-aab0bc9b.js → layout.module-74b07012.js} +0 -0
  966. /package/modal/modern/{layout.module-b093854b.js → layout.module-565c309a.js} +0 -0
  967. /package/pure-cell/{component-d6b532a6.d.ts → component-7416d908.d.ts} +0 -0
  968. /package/pure-cell/{component-d6b532a6.js → component-7416d908.js} +0 -0
  969. /package/pure-cell/esm/{component-c7781796.d.ts → component-3d640b7c.d.ts} +0 -0
  970. /package/pure-cell/esm/{component-c7781796.js → component-3d640b7c.js} +0 -0
  971. /package/pure-cell/modern/{component-9e925174.d.ts → component-3e8f0f6a.d.ts} +0 -0
  972. /package/pure-cell/modern/{component-9e925174.js → component-3e8f0f6a.js} +0 -0
  973. /package/select/esm/{hook-74e64a0c.d.ts → hook-9053acbd.d.ts} +0 -0
  974. /package/select/esm/{hook-74e64a0c.js → hook-9053acbd.js} +0 -0
  975. /package/select/{hook-0bb52889.d.ts → hook-4828b821.d.ts} +0 -0
  976. /package/select/{hook-0bb52889.js → hook-4828b821.js} +0 -0
  977. /package/select/modern/{hook-6af684e1.d.ts → hook-b222c7a6.d.ts} +0 -0
  978. /package/select/modern/{hook-6af684e1.js → hook-b222c7a6.js} +0 -0
  979. /package/side-panel/esm/{layout.module-2920265f.js → layout.module-213a8df5.js} +0 -0
  980. /package/side-panel/{layout.module-e8737dea.js → layout.module-8f6fbc6c.js} +0 -0
  981. /package/side-panel/modern/{layout.module-4fa2bc24.js → layout.module-383ff816.js} +0 -0
  982. /package/tabs/esm/{index.module-ba7b2cb2.js → index.module-933af431.js} +0 -0
  983. /package/tabs/esm/{index.module-5a0e55b4.js → index.module-cf06e057.js} +0 -0
  984. /package/tabs/{index.module-cbc6d7c7.js → index.module-7921c543.js} +0 -0
  985. /package/tabs/{index.module-d6f111ab.js → index.module-b12043c1.js} +0 -0
  986. /package/tabs/modern/{index.module-ff97782f.js → index.module-2be333c9.js} +0 -0
  987. /package/tabs/modern/{index.module-a08c8cf9.js → index.module-31d8ecb3.js} +0 -0
  988. /package/textarea/{PseudoTextArea-7681334c.d.ts → PseudoTextArea-1ccf8201.d.ts} +0 -0
  989. /package/textarea/{PseudoTextArea-7681334c.js → PseudoTextArea-1ccf8201.js} +0 -0
  990. /package/textarea/esm/{PseudoTextArea-850a55b5.d.ts → PseudoTextArea-76d3dc41.d.ts} +0 -0
  991. /package/textarea/esm/{PseudoTextArea-850a55b5.js → PseudoTextArea-76d3dc41.js} +0 -0
  992. /package/textarea/modern/{PseudoTextArea-c51ed577.d.ts → PseudoTextArea-e429aefb.d.ts} +0 -0
  993. /package/textarea/modern/{PseudoTextArea-c51ed577.js → PseudoTextArea-e429aefb.js} +0 -0
  994. /package/toast-plate/esm/{getDataTestId-8021d762.d.ts → getDataTestId-32922464.d.ts} +0 -0
  995. /package/toast-plate/esm/{getDataTestId-8021d762.js → getDataTestId-32922464.js} +0 -0
  996. /package/toast-plate/{getDataTestId-929c5591.d.ts → getDataTestId-64de4ccf.d.ts} +0 -0
  997. /package/toast-plate/{getDataTestId-929c5591.js → getDataTestId-64de4ccf.js} +0 -0
  998. /package/toast-plate/modern/{getDataTestId-bae81f74.d.ts → getDataTestId-4d724a67.d.ts} +0 -0
  999. /package/toast-plate/modern/{getDataTestId-bae81f74.js → getDataTestId-4d724a67.js} +0 -0
  1000. /package/typography/{colors.module-25aafc23.js → colors.module-b5748ea8.js} +0 -0
  1001. /package/typography/{common.module-341ca469.js → common.module-80bf51b5.js} +0 -0
  1002. /package/typography/esm/{colors.module-b3609b01.js → colors.module-f3766eb5.js} +0 -0
  1003. /package/typography/esm/{common.module-9ba9bb80.js → common.module-f848d683.js} +0 -0
  1004. /package/typography/modern/{colors.module-cdb9be5e.js → colors.module-a1c32450.js} +0 -0
  1005. /package/typography/modern/{common.module-8139e615.js → common.module-51b2b521.js} +0 -0
  1006. /package/underlay/esm/{index.module-62313110.js → index.module-5d0c8b19.js} +0 -0
  1007. /package/underlay/{index.module-ac30b0c0.js → index.module-8abd8137.js} +0 -0
  1008. /package/underlay/modern/{index.module-072eac49.js → index.module-18cad96b.js} +0 -0
  1009. /package/universal-date-input/esm/{index.module-fe996ac6.js → index.module-c3d4524c.js} +0 -0
  1010. /package/universal-date-input/{index.module-0a5591a5.js → index.module-9e01be89.js} +0 -0
  1011. /package/universal-date-input/modern/{index.module-4dd39b6b.js → index.module-8877db57.js} +0 -0
package/icon-button/cssm/inverted.module.css CHANGED
@@ -6,7 +6,13 @@
6
6
  --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
7
7
  --color-light-status-negative-inverted: #ff4837;
8
8
  --color-light-status-negative-inverted-hover: #ff755e;
9
- --color-light-status-negative-inverted-press: #ff8d79; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
9
+ --color-light-status-negative-inverted-press: #ff8d79;
10
+ --color-light-text-negative-inverted: #ff4837;
11
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
12
+ --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
13
+ --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
14
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
15
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
16
  } :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 */
11
17
  } :root {
12
18
  } :root {
@@ -103,7 +109,31 @@
103
109
  color: var(--icon-button-inverted-tertiary-hover-color);
104
110
  } :global(.cc-icon-button).tertiary:active {
105
111
  color: var(--icon-button-inverted-tertiary-active-color);
106
- } :global(.cc-icon-button).component:disabled.primary {
112
+ } :global(.cc-icon-button).transparentBg.primary {
113
+ color: var(--color-light-text-primary-inverted)
114
+ } :global(.cc-icon-button).transparentBg.primary:hover {
115
+ background: var(--color-light-transparent-default-inverted-hover);
116
+ } :global(.cc-icon-button).transparentBg.primary:active {
117
+ background: var(--color-light-transparent-default-inverted-press);
118
+ } :global(.cc-icon-button).transparentBg.secondary {
119
+ color: var(--color-light-text-secondary-inverted)
120
+ } :global(.cc-icon-button).transparentBg.secondary:hover {
121
+ background: var(--color-light-transparent-default-inverted-hover);
122
+ } :global(.cc-icon-button).transparentBg.secondary:active {
123
+ background: var(--color-light-transparent-default-inverted-press);
124
+ } :global(.cc-icon-button).transparentBg.negative {
125
+ color: var(--color-light-text-negative-inverted)
126
+ } :global(.cc-icon-button).transparentBg.negative:hover {
127
+ background: var(--color-light-transparent-default-inverted-hover);
128
+ } :global(.cc-icon-button).transparentBg.negative:active {
129
+ background: var(--color-light-transparent-default-inverted-press);
130
+ } :global(.cc-icon-button).transparentBg.tertiary {
131
+ color: var(--color-light-text-tertiary-inverted)
132
+ } :global(.cc-icon-button).transparentBg.tertiary:hover {
133
+ background: var(--color-light-transparent-default-inverted-hover);
134
+ } :global(.cc-icon-button).transparentBg.tertiary:active {
135
+ background: var(--color-light-transparent-default-inverted-press);
136
+ } :global(.cc-icon-button).component:disabled.primary {
107
137
  color: var(--icon-button-inverted-primary-disabled-color)
108
138
  } :global(.cc-icon-button).component:disabled.primary.loader {
109
139
  color: var(--icon-button-inverted-primary-base-color);
@@ -119,4 +149,6 @@
119
149
  color: var(--icon-button-inverted-tertiary-disabled-color)
120
150
  } :global(.cc-icon-button).component:disabled.tertiary.loader {
121
151
  color: var(--icon-button-inverted-tertiary-base-color);
122
- }
152
+ } :global(.cc-icon-button).component:disabled.transparentBg {
153
+ background: transparent;
154
+ }
package/icon-button/default.css CHANGED
@@ -13,7 +13,13 @@
13
13
  --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
14
14
  --color-light-status-negative: #ff4837;
15
15
  --color-light-status-negative-hover: #ec2d20;
16
- --color-light-status-negative-press: #c7241f; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+ --color-light-status-negative-press: #c7241f;
17
+ --color-light-text-negative: #ec2d20;
18
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
19
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55);
20
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
21
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
22
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
23
  --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
18
24
  --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
19
25
  --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
@@ -89,7 +95,31 @@
89
95
  color: var(--icon-button-tertiary-hover-color);
90
96
  } .cc-icon-button.icon-button__tertiary_4tbui:active {
91
97
  color: var(--icon-button-tertiary-active-color);
92
- } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
98
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui {
99
+ color: var(--color-light-text-primary)
100
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:hover {
101
+ background: var(--color-light-transparent-default-hover);
102
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:active {
103
+ background: var(--color-light-transparent-default-press);
104
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui {
105
+ color: var(--color-light-text-secondary)
106
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:hover {
107
+ background: var(--color-light-transparent-default-hover);
108
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:active {
109
+ background: var(--color-light-transparent-default-press);
110
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui {
111
+ color: var(--color-light-text-negative)
112
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:hover {
113
+ background: var(--color-light-transparent-default-hover);
114
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:active {
115
+ background: var(--color-light-transparent-default-press);
116
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui {
117
+ color: var(--color-light-text-tertiary)
118
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:hover {
119
+ background: var(--color-light-transparent-default-hover);
120
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:active {
121
+ background: var(--color-light-transparent-default-press);
122
+ } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
93
123
  color: var(--icon-button-primary-disabled-color)
94
124
  } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui.icon-button__loader_4tbui {
95
125
  color: var(--icon-button-primary-base-color);
@@ -105,4 +135,6 @@
105
135
  color: var(--icon-button-tertiary-disabled-color)
106
136
  } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__tertiary_4tbui.icon-button__loader_4tbui {
107
137
  color: var(--icon-button-tertiary-base-color);
108
- }
138
+ } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__transparentBg_4tbui {
139
+ background: transparent;
140
+ }
package/icon-button/esm/Component.d.ts CHANGED
@@ -22,6 +22,11 @@ type IconButtonProps = {
22
22
  * Дополнительный класс
23
23
  */
24
24
  className?: string;
25
+ /**
26
+ * Включает прозрачный фон
27
+ * @default false
28
+ */
29
+ transparentBg?: boolean;
25
30
  /**
26
31
  * Выравнивание иконки
27
32
  * @default 'center'
@@ -56,6 +61,11 @@ declare const IconButton: React.ForwardRefExoticComponent<{
56
61
  * Дополнительный класс
57
62
  */
58
63
  className?: string | undefined;
64
+ /**
65
+ * Включает прозрачный фон
66
+ * @default false
67
+ */
68
+ transparentBg?: boolean | undefined;
59
69
  /**
60
70
  * Выравнивание иконки
61
71
  * @default 'center'
package/icon-button/esm/Component.js CHANGED
@@ -3,13 +3,13 @@ import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { Button } from '../../button/esm';
5
5
 
6
- var defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
6
+ var defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","transparentBg":"icon-button__transparentBg_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
7
7
  require('./default.css');
8
8
 
9
9
  var styles = {"size-24":"icon-button__size-24_1s5jk","size-32":"icon-button__size-32_1s5jk","size-40":"icon-button__size-40_1s5jk","size-48":"icon-button__size-48_1s5jk","size-56":"icon-button__size-56_1s5jk","iconWrapper":"icon-button__iconWrapper_1s5jk","center":"icon-button__center_1s5jk","left":"icon-button__left_1s5jk","right":"icon-button__right_1s5jk","icon":"icon-button__icon_1s5jk"};
10
10
  require('./index.css');
11
11
 
12
- var invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
12
+ var invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","transparentBg":"icon-button__transparentBg_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
13
13
  require('./inverted.css');
14
14
 
15
15
  var colorStyles = {
@@ -28,9 +28,10 @@ var SIZE_TO_CLASSNAME_MAP = {
28
28
  };
29
29
  var IconButton = forwardRef(function (_a, ref) {
30
30
  var _b;
31
- var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, restProps = __rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon"]);
31
+ var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.alignIcon, alignIcon = _f === void 0 ? 'center' : _f, _g = _a.transparentBg, transparentBg = _g === void 0 ? false : _g, restProps = __rest(_a, ["className", "icon", "view", "size", "colors", "alignIcon", "transparentBg"]);
32
32
  return (React.createElement(Button, __assign({}, restProps, { ref: ref, view: 'text', className: cn('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, (_b = {},
33
33
  _b[colorStyles[colors].loader] = restProps.loading,
34
+ _b[colorStyles[colors].transparentBg] = transparentBg,
34
35
  _b)), size: 's' }),
35
36
  React.createElement("span", { className: cn(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React.isValidElement(Icon) ? (React.cloneElement(Icon, { className: cn(styles.icon, Icon.props.className) })) : (React.createElement(Icon, { className: styles.icon })))));
36
37
  });
package/icon-button/esm/default.css CHANGED
@@ -13,7 +13,13 @@
13
13
  --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
14
14
  --color-light-status-negative: #ff4837;
15
15
  --color-light-status-negative-hover: #ec2d20;
16
- --color-light-status-negative-press: #c7241f; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+ --color-light-status-negative-press: #c7241f;
17
+ --color-light-text-negative: #ec2d20;
18
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
19
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55);
20
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
21
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
22
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
23
  --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
18
24
  --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
19
25
  --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
@@ -89,7 +95,31 @@
89
95
  color: var(--icon-button-tertiary-hover-color);
90
96
  } .cc-icon-button.icon-button__tertiary_4tbui:active {
91
97
  color: var(--icon-button-tertiary-active-color);
92
- } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
98
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui {
99
+ color: var(--color-light-text-primary)
100
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:hover {
101
+ background: var(--color-light-transparent-default-hover);
102
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:active {
103
+ background: var(--color-light-transparent-default-press);
104
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui {
105
+ color: var(--color-light-text-secondary)
106
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:hover {
107
+ background: var(--color-light-transparent-default-hover);
108
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:active {
109
+ background: var(--color-light-transparent-default-press);
110
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui {
111
+ color: var(--color-light-text-negative)
112
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:hover {
113
+ background: var(--color-light-transparent-default-hover);
114
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:active {
115
+ background: var(--color-light-transparent-default-press);
116
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui {
117
+ color: var(--color-light-text-tertiary)
118
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:hover {
119
+ background: var(--color-light-transparent-default-hover);
120
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:active {
121
+ background: var(--color-light-transparent-default-press);
122
+ } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
93
123
  color: var(--icon-button-primary-disabled-color)
94
124
  } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui.icon-button__loader_4tbui {
95
125
  color: var(--icon-button-primary-base-color);
@@ -105,4 +135,6 @@
105
135
  color: var(--icon-button-tertiary-disabled-color)
106
136
  } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__tertiary_4tbui.icon-button__loader_4tbui {
107
137
  color: var(--icon-button-tertiary-base-color);
108
- }
138
+ } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__transparentBg_4tbui {
139
+ background: transparent;
140
+ }
package/icon-button/esm/inverted.css CHANGED
@@ -7,7 +7,13 @@
7
7
  --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
8
8
  --color-light-status-negative-inverted: #ff4837;
9
9
  --color-light-status-negative-inverted-hover: #ff755e;
10
- --color-light-status-negative-inverted-press: #ff8d79; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
+ --color-light-status-negative-inverted-press: #ff8d79;
11
+ --color-light-text-negative-inverted: #ff4837;
12
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
13
+ --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
14
+ --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
15
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
16
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
17
  } :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 */
12
18
  } :root {
13
19
  } :root {
@@ -104,7 +110,31 @@
104
110
  color: var(--icon-button-inverted-tertiary-hover-color);
105
111
  } .cc-icon-button.icon-button__tertiary_gkd4v:active {
106
112
  color: var(--icon-button-inverted-tertiary-active-color);
107
- } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
113
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v {
114
+ color: var(--color-light-text-primary-inverted)
115
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:hover {
116
+ background: var(--color-light-transparent-default-inverted-hover);
117
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:active {
118
+ background: var(--color-light-transparent-default-inverted-press);
119
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v {
120
+ color: var(--color-light-text-secondary-inverted)
121
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:hover {
122
+ background: var(--color-light-transparent-default-inverted-hover);
123
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:active {
124
+ background: var(--color-light-transparent-default-inverted-press);
125
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v {
126
+ color: var(--color-light-text-negative-inverted)
127
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:hover {
128
+ background: var(--color-light-transparent-default-inverted-hover);
129
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:active {
130
+ background: var(--color-light-transparent-default-inverted-press);
131
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v {
132
+ color: var(--color-light-text-tertiary-inverted)
133
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:hover {
134
+ background: var(--color-light-transparent-default-inverted-hover);
135
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:active {
136
+ background: var(--color-light-transparent-default-inverted-press);
137
+ } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
108
138
  color: var(--icon-button-inverted-primary-disabled-color)
109
139
  } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v.icon-button__loader_gkd4v {
110
140
  color: var(--icon-button-inverted-primary-base-color);
@@ -120,4 +150,6 @@
120
150
  color: var(--icon-button-inverted-tertiary-disabled-color)
121
151
  } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__tertiary_gkd4v.icon-button__loader_gkd4v {
122
152
  color: var(--icon-button-inverted-tertiary-base-color);
123
- }
153
+ } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__transparentBg_gkd4v {
154
+ background: transparent;
155
+ }
package/icon-button/inverted.css CHANGED
@@ -7,7 +7,13 @@
7
7
  --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
8
8
  --color-light-status-negative-inverted: #ff4837;
9
9
  --color-light-status-negative-inverted-hover: #ff755e;
10
- --color-light-status-negative-inverted-press: #ff8d79; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
+ --color-light-status-negative-inverted-press: #ff8d79;
11
+ --color-light-text-negative-inverted: #ff4837;
12
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
13
+ --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
14
+ --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
15
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
16
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
17
  } :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 */
12
18
  } :root {
13
19
  } :root {
@@ -104,7 +110,31 @@
104
110
  color: var(--icon-button-inverted-tertiary-hover-color);
105
111
  } .cc-icon-button.icon-button__tertiary_gkd4v:active {
106
112
  color: var(--icon-button-inverted-tertiary-active-color);
107
- } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
113
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v {
114
+ color: var(--color-light-text-primary-inverted)
115
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:hover {
116
+ background: var(--color-light-transparent-default-inverted-hover);
117
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:active {
118
+ background: var(--color-light-transparent-default-inverted-press);
119
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v {
120
+ color: var(--color-light-text-secondary-inverted)
121
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:hover {
122
+ background: var(--color-light-transparent-default-inverted-hover);
123
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:active {
124
+ background: var(--color-light-transparent-default-inverted-press);
125
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v {
126
+ color: var(--color-light-text-negative-inverted)
127
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:hover {
128
+ background: var(--color-light-transparent-default-inverted-hover);
129
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:active {
130
+ background: var(--color-light-transparent-default-inverted-press);
131
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v {
132
+ color: var(--color-light-text-tertiary-inverted)
133
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:hover {
134
+ background: var(--color-light-transparent-default-inverted-hover);
135
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:active {
136
+ background: var(--color-light-transparent-default-inverted-press);
137
+ } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
108
138
  color: var(--icon-button-inverted-primary-disabled-color)
109
139
  } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v.icon-button__loader_gkd4v {
110
140
  color: var(--icon-button-inverted-primary-base-color);
@@ -120,4 +150,6 @@
120
150
  color: var(--icon-button-inverted-tertiary-disabled-color)
121
151
  } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__tertiary_gkd4v.icon-button__loader_gkd4v {
122
152
  color: var(--icon-button-inverted-tertiary-base-color);
123
- }
153
+ } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__transparentBg_gkd4v {
154
+ background: transparent;
155
+ }
package/icon-button/modern/Component.d.ts CHANGED
@@ -22,6 +22,11 @@ type IconButtonProps = {
22
22
  * Дополнительный класс
23
23
  */
24
24
  className?: string;
25
+ /**
26
+ * Включает прозрачный фон
27
+ * @default false
28
+ */
29
+ transparentBg?: boolean;
25
30
  /**
26
31
  * Выравнивание иконки
27
32
  * @default 'center'
@@ -56,6 +61,11 @@ declare const IconButton: React.ForwardRefExoticComponent<{
56
61
  * Дополнительный класс
57
62
  */
58
63
  className?: string | undefined;
64
+ /**
65
+ * Включает прозрачный фон
66
+ * @default false
67
+ */
68
+ transparentBg?: boolean | undefined;
59
69
  /**
60
70
  * Выравнивание иконки
61
71
  * @default 'center'
package/icon-button/modern/Component.js CHANGED
@@ -2,13 +2,13 @@ import React, { forwardRef } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Button } from '../../button/modern';
4
4
 
5
- const defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
5
+ const defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","transparentBg":"icon-button__transparentBg_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
6
6
  require('./default.css');
7
7
 
8
8
  const styles = {"size-24":"icon-button__size-24_1s5jk","size-32":"icon-button__size-32_1s5jk","size-40":"icon-button__size-40_1s5jk","size-48":"icon-button__size-48_1s5jk","size-56":"icon-button__size-56_1s5jk","iconWrapper":"icon-button__iconWrapper_1s5jk","center":"icon-button__center_1s5jk","left":"icon-button__left_1s5jk","right":"icon-button__right_1s5jk","icon":"icon-button__icon_1s5jk"};
9
9
  require('./index.css');
10
10
 
11
- const invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
11
+ const invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","transparentBg":"icon-button__transparentBg_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
12
12
  require('./inverted.css');
13
13
 
14
14
  const colorStyles = {
@@ -25,8 +25,9 @@ const SIZE_TO_CLASSNAME_MAP = {
25
25
  48: 'size-48',
26
26
  56: 'size-56',
27
27
  };
28
- const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size = 48, colors = 'default', alignIcon = 'center', ...restProps }, ref) => (React.createElement(Button, { ...restProps, ref: ref, view: 'text', className: cn('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, {
28
+ const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size = 48, colors = 'default', alignIcon = 'center', transparentBg = false, ...restProps }, ref) => (React.createElement(Button, { ...restProps, ref: ref, view: 'text', className: cn('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, {
29
29
  [colorStyles[colors].loader]: restProps.loading,
30
+ [colorStyles[colors].transparentBg]: transparentBg,
30
31
  }), size: 's' },
31
32
  React.createElement("span", { className: cn(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React.isValidElement(Icon) ? (React.cloneElement(Icon, { className: cn(styles.icon, Icon.props.className) })) : (React.createElement(Icon, { className: styles.icon }))))));
32
33
 
package/icon-button/modern/default.css CHANGED
@@ -13,7 +13,13 @@
13
13
  --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
14
14
  --color-light-status-negative: #ff4837;
15
15
  --color-light-status-negative-hover: #ec2d20;
16
- --color-light-status-negative-press: #c7241f; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+ --color-light-status-negative-press: #c7241f;
17
+ --color-light-text-negative: #ec2d20;
18
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
19
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55);
20
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
21
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
22
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
23
  --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
18
24
  --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
19
25
  --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
@@ -89,7 +95,31 @@
89
95
  color: var(--icon-button-tertiary-hover-color);
90
96
  } .cc-icon-button.icon-button__tertiary_4tbui:active {
91
97
  color: var(--icon-button-tertiary-active-color);
92
- } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
98
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui {
99
+ color: var(--color-light-text-primary)
100
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:hover {
101
+ background: var(--color-light-transparent-default-hover);
102
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:active {
103
+ background: var(--color-light-transparent-default-press);
104
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui {
105
+ color: var(--color-light-text-secondary)
106
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:hover {
107
+ background: var(--color-light-transparent-default-hover);
108
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:active {
109
+ background: var(--color-light-transparent-default-press);
110
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui {
111
+ color: var(--color-light-text-negative)
112
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:hover {
113
+ background: var(--color-light-transparent-default-hover);
114
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:active {
115
+ background: var(--color-light-transparent-default-press);
116
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui {
117
+ color: var(--color-light-text-tertiary)
118
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:hover {
119
+ background: var(--color-light-transparent-default-hover);
120
+ } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:active {
121
+ background: var(--color-light-transparent-default-press);
122
+ } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
93
123
  color: var(--icon-button-primary-disabled-color)
94
124
  } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui.icon-button__loader_4tbui {
95
125
  color: var(--icon-button-primary-base-color);
@@ -105,4 +135,6 @@
105
135
  color: var(--icon-button-tertiary-disabled-color)
106
136
  } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__tertiary_4tbui.icon-button__loader_4tbui {
107
137
  color: var(--icon-button-tertiary-base-color);
108
- }
138
+ } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__transparentBg_4tbui {
139
+ background: transparent;
140
+ }
package/icon-button/modern/inverted.css CHANGED
@@ -7,7 +7,13 @@
7
7
  --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
8
8
  --color-light-status-negative-inverted: #ff4837;
9
9
  --color-light-status-negative-inverted-hover: #ff755e;
10
- --color-light-status-negative-inverted-press: #ff8d79; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
+ --color-light-status-negative-inverted-press: #ff8d79;
11
+ --color-light-text-negative-inverted: #ff4837;
12
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
13
+ --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
14
+ --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
15
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
16
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
17
  } :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 */
12
18
  } :root {
13
19
  } :root {
@@ -104,7 +110,31 @@
104
110
  color: var(--icon-button-inverted-tertiary-hover-color);
105
111
  } .cc-icon-button.icon-button__tertiary_gkd4v:active {
106
112
  color: var(--icon-button-inverted-tertiary-active-color);
107
- } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
113
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v {
114
+ color: var(--color-light-text-primary-inverted)
115
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:hover {
116
+ background: var(--color-light-transparent-default-inverted-hover);
117
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:active {
118
+ background: var(--color-light-transparent-default-inverted-press);
119
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v {
120
+ color: var(--color-light-text-secondary-inverted)
121
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:hover {
122
+ background: var(--color-light-transparent-default-inverted-hover);
123
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:active {
124
+ background: var(--color-light-transparent-default-inverted-press);
125
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v {
126
+ color: var(--color-light-text-negative-inverted)
127
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:hover {
128
+ background: var(--color-light-transparent-default-inverted-hover);
129
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:active {
130
+ background: var(--color-light-transparent-default-inverted-press);
131
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v {
132
+ color: var(--color-light-text-tertiary-inverted)
133
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:hover {
134
+ background: var(--color-light-transparent-default-inverted-hover);
135
+ } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:active {
136
+ background: var(--color-light-transparent-default-inverted-press);
137
+ } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
108
138
  color: var(--icon-button-inverted-primary-disabled-color)
109
139
  } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v.icon-button__loader_gkd4v {
110
140
  color: var(--icon-button-inverted-primary-base-color);
@@ -120,4 +150,6 @@
120
150
  color: var(--icon-button-inverted-tertiary-disabled-color)
121
151
  } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__tertiary_gkd4v.icon-button__loader_gkd4v {
122
152
  color: var(--icon-button-inverted-tertiary-base-color);
123
- }
153
+ } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__transparentBg_gkd4v {
154
+ background: transparent;
155
+ }
package/input/components/base-input/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
51
51
  /**
52
52
  * Атрибут type
53
53
  */
54
- type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
54
+ type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
55
55
  /**
56
56
  * Ref для обертки input
57
57
  */
@@ -189,7 +189,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
189
189
  /**
190
190
  * Атрибут type
191
191
  */
192
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
192
+ type?: "number" | "text" | "tel" | "email" | "money" | "password" | undefined;
193
193
  /**
194
194
  * Ref для обертки input
195
195
  */
package/input/cssm/components/base-input/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
51
51
  /**
52
52
  * Атрибут type
53
53
  */
54
- type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
54
+ type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
55
55
  /**
56
56
  * Ref для обертки input
57
57
  */
@@ -189,7 +189,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
189
189
  /**
190
190
  * Атрибут type
191
191
  */
192
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
192
+ type?: "number" | "text" | "tel" | "email" | "money" | "password" | undefined;
193
193
  /**
194
194
  * Ref для обертки input
195
195
  */
package/input/esm/components/base-input/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
51
51
  /**
52
52
  * Атрибут type
53
53
  */
54
- type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
54
+ type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
55
55
  /**
56
56
  * Ref для обертки input
57
57
  */
@@ -189,7 +189,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
189
189
  /**
190
190
  * Атрибут type
191
191
  */
192
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
192
+ type?: "number" | "text" | "tel" | "email" | "money" | "password" | undefined;
193
193
  /**
194
194
  * Ref для обертки input
195
195
  */
package/input/modern/components/base-input/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
51
51
  /**
52
52
  * Атрибут type
53
53
  */
54
- type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
54
+ type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
55
55
  /**
56
56
  * Ref для обертки input
57
57
  */
@@ -189,7 +189,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
189
189
  /**
190
190
  * Атрибут type
191
191
  */
192
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
192
+ type?: "number" | "text" | "tel" | "email" | "money" | "password" | undefined;
193
193
  /**
194
194
  * Ref для обертки input
195
195
  */