@loadsmart/loadsmart-ui 7.6.0 → 7.7.0-beta.1

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 (490) hide show
  1. package/README.md +15 -1
  2. package/dist/DragDropFile.context-oKnUu6d3.js +33 -0
  3. package/dist/{DragDropFile.context-D-EBrXnw.js.map → DragDropFile.context-oKnUu6d3.js.map} +1 -1
  4. package/dist/index.js +9104 -253
  5. package/dist/index.js.map +1 -1
  6. package/dist/miranda-compatibility.theme-C_FEacSw.js +2528 -0
  7. package/dist/{miranda-compatibility.theme-ChPV-BBw.js.map → miranda-compatibility.theme-C_FEacSw.js.map} +1 -1
  8. package/dist/prop-B8LY6G2g.js +81 -0
  9. package/dist/{prop-BwhJNJHO.js.map → prop-B8LY6G2g.js.map} +1 -1
  10. package/dist/testing/index.js +282 -1
  11. package/dist/testing/index.js.map +1 -1
  12. package/dist/theming/index.js +22 -1
  13. package/dist/theming/index.js.map +1 -1
  14. package/dist/toArray-Dxb1kUxx.js +14 -0
  15. package/dist/{toArray-BW3gx_gH.js.map → toArray-Dxb1kUxx.js.map} +1 -1
  16. package/dist/tools/index.js +6 -1
  17. package/dist/tools/index.js.map +1 -1
  18. package/package.json +24 -54
  19. package/dist/DragDropFile.context-D-EBrXnw.js +0 -2
  20. package/dist/DragDropFile.context-jVTIKfj5.mjs +0 -29
  21. package/dist/DragDropFile.context-jVTIKfj5.mjs.map +0 -1
  22. package/dist/index.mjs +0 -8046
  23. package/dist/index.mjs.map +0 -1
  24. package/dist/miranda-compatibility.theme-ChPV-BBw.js +0 -2
  25. package/dist/miranda-compatibility.theme-DQDHkWzC.mjs +0 -2469
  26. package/dist/miranda-compatibility.theme-DQDHkWzC.mjs.map +0 -1
  27. package/dist/prop-5m3D4883.mjs +0 -54
  28. package/dist/prop-5m3D4883.mjs.map +0 -1
  29. package/dist/prop-BwhJNJHO.js +0 -2
  30. package/dist/testing/index.mjs +0 -228
  31. package/dist/testing/index.mjs.map +0 -1
  32. package/dist/theming/index.mjs +0 -20
  33. package/dist/theming/index.mjs.map +0 -1
  34. package/dist/toArray-BW3gx_gH.js +0 -2
  35. package/dist/toArray-DqgeO2ua.mjs +0 -8
  36. package/dist/toArray-DqgeO2ua.mjs.map +0 -1
  37. package/dist/tools/index.mjs +0 -7
  38. package/dist/tools/index.mjs.map +0 -1
  39. package/src/@types/@loadsmart/utilsFunction.d.ts +0 -5
  40. package/src/@types/@loadsmart/utilsObject.d.ts +0 -5
  41. package/src/@types/svg.d.ts +0 -4
  42. package/src/addons/Theme/register.js +0 -590
  43. package/src/common/BackButton/BackButton.tsx +0 -18
  44. package/src/common/BackButton/index.ts +0 -2
  45. package/src/common/CloseButton/CloseButton.tsx +0 -55
  46. package/src/common/CloseButton/index.ts +0 -2
  47. package/src/common/SelectionWrapper.tsx +0 -130
  48. package/src/components/Accordion/Accordion.context.tsx +0 -36
  49. package/src/components/Accordion/Accordion.stories.tsx +0 -186
  50. package/src/components/Accordion/Accordion.test.tsx +0 -209
  51. package/src/components/Accordion/Accordion.tsx +0 -233
  52. package/src/components/Accordion/index.ts +0 -2
  53. package/src/components/Banner/Banner.stories.tsx +0 -213
  54. package/src/components/Banner/Banner.test.tsx +0 -118
  55. package/src/components/Banner/Banner.tsx +0 -418
  56. package/src/components/Banner/index.tsx +0 -2
  57. package/src/components/Breadcrumbs/Breadbrumbs.test.tsx +0 -125
  58. package/src/components/Breadcrumbs/Breadcrumb.tsx +0 -92
  59. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -21
  60. package/src/components/Breadcrumbs/Breadcrumbs.tsx +0 -54
  61. package/src/components/Breadcrumbs/index.ts +0 -4
  62. package/src/components/Button/Button.stories.tsx +0 -174
  63. package/src/components/Button/Button.test.tsx +0 -57
  64. package/src/components/Button/Button.tsx +0 -576
  65. package/src/components/Button/index.tsx +0 -2
  66. package/src/components/Calendar/Calendar.helpers.ts +0 -15
  67. package/src/components/Calendar/Calendar.stories.tsx +0 -168
  68. package/src/components/Calendar/Calendar.test.tsx +0 -316
  69. package/src/components/Calendar/Calendar.tsx +0 -130
  70. package/src/components/Calendar/Calendar.types.ts +0 -68
  71. package/src/components/Calendar/Date.helper.test.ts +0 -847
  72. package/src/components/Calendar/Date.helper.ts +0 -461
  73. package/src/components/Calendar/DateFormat.helper.test.ts +0 -171
  74. package/src/components/Calendar/DateFormat.helper.ts +0 -195
  75. package/src/components/Calendar/Month.helper.test.ts +0 -187
  76. package/src/components/Calendar/Month.helper.ts +0 -172
  77. package/src/components/Calendar/PickerModeToggle.tsx +0 -61
  78. package/src/components/Calendar/Pickers/DayPicker.test.tsx +0 -85
  79. package/src/components/Calendar/Pickers/DayPicker.tsx +0 -127
  80. package/src/components/Calendar/Pickers/MonthPicker.test.tsx +0 -77
  81. package/src/components/Calendar/Pickers/MonthPicker.tsx +0 -51
  82. package/src/components/Calendar/Pickers/PickerButton.tsx +0 -119
  83. package/src/components/Calendar/Pickers/YearPicker.test.tsx +0 -75
  84. package/src/components/Calendar/Pickers/YearPicker.tsx +0 -52
  85. package/src/components/Calendar/index.ts +0 -10
  86. package/src/components/Calendar/useCalendar.ts +0 -190
  87. package/src/components/Calendar/usePickerMode.ts +0 -48
  88. package/src/components/Card/Card.stories.tsx +0 -117
  89. package/src/components/Card/Card.test.tsx +0 -139
  90. package/src/components/Card/Card.tsx +0 -106
  91. package/src/components/Card/CardTitle.tsx +0 -43
  92. package/src/components/Card/index.ts +0 -2
  93. package/src/components/Checkbox/Checkbox.stories.tsx +0 -79
  94. package/src/components/Checkbox/Checkbox.test.tsx +0 -66
  95. package/src/components/Checkbox/Checkbox.tsx +0 -170
  96. package/src/components/Checkbox/index.ts +0 -2
  97. package/src/components/DatePicker/DatePicker.stories.tsx +0 -113
  98. package/src/components/DatePicker/DatePicker.test.tsx +0 -174
  99. package/src/components/DatePicker/DatePicker.tsx +0 -140
  100. package/src/components/DatePicker/DatePicker.types.ts +0 -30
  101. package/src/components/DatePicker/DateRangePicker.stories.tsx +0 -128
  102. package/src/components/DatePicker/DateRangePicker.test.tsx +0 -267
  103. package/src/components/DatePicker/DateRangePicker.tsx +0 -110
  104. package/src/components/DatePicker/index.ts +0 -3
  105. package/src/components/DatePicker/useDatePicker.ts +0 -201
  106. package/src/components/DatePicker/useDateRangePicker.ts +0 -224
  107. package/src/components/Dialog/Dialog.stories.tsx +0 -227
  108. package/src/components/Dialog/Dialog.test.tsx +0 -74
  109. package/src/components/Dialog/Dialog.tsx +0 -139
  110. package/src/components/Dialog/index.tsx +0 -4
  111. package/src/components/Dialog/useDialog.tsx +0 -59
  112. package/src/components/DragDropFile/DragDropFile.context.tsx +0 -39
  113. package/src/components/DragDropFile/DragDropFile.stories.tsx +0 -183
  114. package/src/components/DragDropFile/DragDropFile.tsx +0 -11
  115. package/src/components/DragDropFile/components/DropZone.test.tsx +0 -108
  116. package/src/components/DragDropFile/components/DropZone.tsx +0 -145
  117. package/src/components/DragDropFile/components/FileItem.tsx +0 -117
  118. package/src/components/DragDropFile/components/FileList.test.tsx +0 -119
  119. package/src/components/DragDropFile/components/FileList.tsx +0 -47
  120. package/src/components/DragDropFile/components/Wrapper.tsx +0 -22
  121. package/src/components/DragDropFile/index.ts +0 -9
  122. package/src/components/DragDropFile/mocks.ts +0 -23
  123. package/src/components/DragDropFile/styles.tsx +0 -81
  124. package/src/components/DragDropFile/types.ts +0 -85
  125. package/src/components/Drawer/Drawer.stories.tsx +0 -83
  126. package/src/components/Drawer/Drawer.test.tsx +0 -90
  127. package/src/components/Drawer/Drawer.tsx +0 -225
  128. package/src/components/Drawer/index.ts +0 -4
  129. package/src/components/Dropdown/Dropdown.context.ts +0 -13
  130. package/src/components/Dropdown/Dropdown.fixtures.ts +0 -15
  131. package/src/components/Dropdown/Dropdown.stories.tsx +0 -259
  132. package/src/components/Dropdown/Dropdown.test.tsx +0 -173
  133. package/src/components/Dropdown/Dropdown.tsx +0 -141
  134. package/src/components/Dropdown/Dropdown.types.ts +0 -59
  135. package/src/components/Dropdown/DropdownMenu.tsx +0 -263
  136. package/src/components/Dropdown/DropdownTrigger.tsx +0 -368
  137. package/src/components/Dropdown/index.ts +0 -15
  138. package/src/components/Dropdown/useDropdown.test.ts +0 -96
  139. package/src/components/Dropdown/useDropdown.ts +0 -65
  140. package/src/components/EmptyState/EmptyState.mocks.tsx +0 -60
  141. package/src/components/EmptyState/EmptyState.stories.tsx +0 -239
  142. package/src/components/EmptyState/EmptyState.test.tsx +0 -101
  143. package/src/components/EmptyState/EmptyState.tsx +0 -22
  144. package/src/components/EmptyState/EmptyState.types.ts +0 -59
  145. package/src/components/EmptyState/EmptyStateWithIcon.tsx +0 -42
  146. package/src/components/EmptyState/EmptyStateWithIllustration.tsx +0 -72
  147. package/src/components/EmptyState/Illustration.tsx +0 -29
  148. package/src/components/EmptyState/index.ts +0 -4
  149. package/src/components/ErrorMessage/ErrorMessage.stories.tsx +0 -26
  150. package/src/components/ErrorMessage/ErrorMessage.test.tsx +0 -24
  151. package/src/components/ErrorMessage/ErrorMessage.tsx +0 -19
  152. package/src/components/ErrorMessage/index.ts +0 -2
  153. package/src/components/HighlightMatch/HighlightMatch.stories.tsx +0 -24
  154. package/src/components/HighlightMatch/HighlightMatch.test.tsx +0 -37
  155. package/src/components/HighlightMatch/HighlightMatch.tsx +0 -29
  156. package/src/components/HighlightMatch/index.ts +0 -2
  157. package/src/components/Icon/Icon.tsx +0 -55
  158. package/src/components/Icon/assets/back.svg +0 -4
  159. package/src/components/Icon/assets/burger-menu.svg +0 -3
  160. package/src/components/Icon/assets/calendar.svg +0 -5
  161. package/src/components/Icon/assets/caret-down.svg +0 -4
  162. package/src/components/Icon/assets/caret-left.svg +0 -4
  163. package/src/components/Icon/assets/caret-right-last.svg +0 -4
  164. package/src/components/Icon/assets/caret-right.svg +0 -4
  165. package/src/components/Icon/assets/check.svg +0 -4
  166. package/src/components/Icon/assets/chevron-down.svg +0 -3
  167. package/src/components/Icon/assets/circle.svg +0 -3
  168. package/src/components/Icon/assets/close.svg +0 -4
  169. package/src/components/Icon/assets/dots-horizontal.svg +0 -1
  170. package/src/components/Icon/assets/information.svg +0 -4
  171. package/src/components/Icon/assets/minus.svg +0 -4
  172. package/src/components/Icon/assets/plus.svg +0 -4
  173. package/src/components/Icon/assets/refresh.svg +0 -3
  174. package/src/components/Icon/assets/sort-asc.svg +0 -7
  175. package/src/components/Icon/assets/sort-desc.svg +0 -7
  176. package/src/components/Icon/assets/sort.svg +0 -7
  177. package/src/components/Icon/assets/upload.svg +0 -3
  178. package/src/components/Icon/assets/warning.svg +0 -4
  179. package/src/components/Icon/index.ts +0 -2
  180. package/src/components/IconFactory/IconFactory.fixtures.tsx +0 -31
  181. package/src/components/IconFactory/IconFactory.stories.tsx +0 -120
  182. package/src/components/IconFactory/IconFactory.test.tsx +0 -36
  183. package/src/components/IconFactory/IconFactory.tsx +0 -75
  184. package/src/components/IconFactory/index.ts +0 -2
  185. package/src/components/Label/Label.stories.tsx +0 -47
  186. package/src/components/Label/Label.test.tsx +0 -80
  187. package/src/components/Label/Label.tsx +0 -120
  188. package/src/components/Label/index.ts +0 -2
  189. package/src/components/Layout/Box.tsx +0 -98
  190. package/src/components/Layout/Grid.tsx +0 -42
  191. package/src/components/Layout/Group.tsx +0 -55
  192. package/src/components/Layout/Layout.stories.tsx +0 -412
  193. package/src/components/Layout/Layout.tsx +0 -19
  194. package/src/components/Layout/Layout.types.ts +0 -9
  195. package/src/components/Layout/Layout.utils.ts +0 -20
  196. package/src/components/Layout/Sidebar.tsx +0 -75
  197. package/src/components/Layout/Stack.tsx +0 -63
  198. package/src/components/Layout/Switcher.tsx +0 -48
  199. package/src/components/Layout/index.tsx +0 -8
  200. package/src/components/Link/Link.stories.tsx +0 -22
  201. package/src/components/Link/Link.test.tsx +0 -79
  202. package/src/components/Link/Link.tsx +0 -114
  203. package/src/components/Link/index.ts +0 -3
  204. package/src/components/Link/useSafeLink.ts +0 -49
  205. package/src/components/Loaders/LoadingBar.stories.tsx +0 -36
  206. package/src/components/Loaders/LoadingBar.test.tsx +0 -35
  207. package/src/components/Loaders/LoadingBar.tsx +0 -65
  208. package/src/components/Loaders/LoadingDots.stories.tsx +0 -69
  209. package/src/components/Loaders/LoadingDots.test.tsx +0 -22
  210. package/src/components/Loaders/LoadingDots.tsx +0 -68
  211. package/src/components/Loaders/Spinner.stories.tsx +0 -24
  212. package/src/components/Loaders/Spinner.test.tsx +0 -35
  213. package/src/components/Loaders/Spinner.tsx +0 -68
  214. package/src/components/Loaders/index.tsx +0 -3
  215. package/src/components/Modal/Modal.stories.tsx +0 -121
  216. package/src/components/Modal/Modal.test.tsx +0 -46
  217. package/src/components/Modal/Modal.tsx +0 -163
  218. package/src/components/Modal/index.tsx +0 -2
  219. package/src/components/Pagination/Pagination.constants.ts +0 -7
  220. package/src/components/Pagination/Pagination.helper.ts +0 -88
  221. package/src/components/Pagination/Pagination.stories.tsx +0 -29
  222. package/src/components/Pagination/Pagination.test.tsx +0 -102
  223. package/src/components/Pagination/Pagination.tsx +0 -34
  224. package/src/components/Pagination/Pagination.types.ts +0 -55
  225. package/src/components/Pagination/PaginationItem.tsx +0 -74
  226. package/src/components/Pagination/index.ts +0 -2
  227. package/src/components/Pagination/usePagination.test.ts +0 -188
  228. package/src/components/Pagination/usePagination.ts +0 -87
  229. package/src/components/Popover/Popover.stories.tsx +0 -50
  230. package/src/components/Popover/Popover.test.tsx +0 -22
  231. package/src/components/Popover/Popover.tsx +0 -110
  232. package/src/components/Popover/Popover.types.ts +0 -39
  233. package/src/components/Popover/index.ts +0 -11
  234. package/src/components/ProgressBar/ProgressBar.stories.tsx +0 -47
  235. package/src/components/ProgressBar/ProgressBar.test.tsx +0 -40
  236. package/src/components/ProgressBar/ProgressBar.tsx +0 -89
  237. package/src/components/ProgressBar/index.tsx +0 -2
  238. package/src/components/Radio/Radio.stories.tsx +0 -75
  239. package/src/components/Radio/Radio.test.tsx +0 -66
  240. package/src/components/Radio/Radio.tsx +0 -153
  241. package/src/components/Radio/index.ts +0 -2
  242. package/src/components/Section/Section.test.tsx +0 -35
  243. package/src/components/Section/Section.tsx +0 -66
  244. package/src/components/Section/Sections.stories.tsx +0 -56
  245. package/src/components/Section/index.ts +0 -2
  246. package/src/components/Select/Select.constants.ts +0 -12
  247. package/src/components/Select/Select.context.ts +0 -11
  248. package/src/components/Select/Select.fixtures.ts +0 -167
  249. package/src/components/Select/Select.stories.tsx +0 -780
  250. package/src/components/Select/Select.test.tsx +0 -1109
  251. package/src/components/Select/Select.tsx +0 -271
  252. package/src/components/Select/Select.types.ts +0 -148
  253. package/src/components/Select/SelectCreatableOption.tsx +0 -20
  254. package/src/components/Select/SelectEmpty.test.tsx +0 -15
  255. package/src/components/Select/SelectEmpty.tsx +0 -29
  256. package/src/components/Select/SelectOption.test.tsx +0 -78
  257. package/src/components/Select/SelectOption.tsx +0 -79
  258. package/src/components/Select/SelectTrigger.tsx +0 -83
  259. package/src/components/Select/components.tsx +0 -14
  260. package/src/components/Select/index.ts +0 -12
  261. package/src/components/Select/useSelect.helpers.test.ts +0 -184
  262. package/src/components/Select/useSelect.helpers.ts +0 -63
  263. package/src/components/Select/useSelect.test.ts +0 -207
  264. package/src/components/Select/useSelect.ts +0 -540
  265. package/src/components/Select/useSelectExternal.ts +0 -26
  266. package/src/components/SideNavigation/Logo/Logo.test.tsx +0 -19
  267. package/src/components/SideNavigation/Logo/Logo.tsx +0 -26
  268. package/src/components/SideNavigation/Logo/index.ts +0 -1
  269. package/src/components/SideNavigation/Menu/Menu.test.tsx +0 -65
  270. package/src/components/SideNavigation/Menu/Menu.tsx +0 -53
  271. package/src/components/SideNavigation/Menu/MenuBaseItem.tsx +0 -64
  272. package/src/components/SideNavigation/Menu/MenuExpandable.tsx +0 -107
  273. package/src/components/SideNavigation/Menu/MenuLink.tsx +0 -37
  274. package/src/components/SideNavigation/Menu/index.ts +0 -1
  275. package/src/components/SideNavigation/Separator/Separator.test.tsx +0 -14
  276. package/src/components/SideNavigation/Separator/Separator.tsx +0 -20
  277. package/src/components/SideNavigation/Separator/index.ts +0 -1
  278. package/src/components/SideNavigation/SideNavigation.stories.tsx +0 -69
  279. package/src/components/SideNavigation/SideNavigation.test.tsx +0 -21
  280. package/src/components/SideNavigation/SideNavigation.tsx +0 -47
  281. package/src/components/SideNavigation/index.ts +0 -5
  282. package/src/components/SideNavigation/useSideNavigation.ts +0 -36
  283. package/src/components/Steps/ProgressSteps/ProgressStep.tsx +0 -163
  284. package/src/components/Steps/ProgressSteps/ProgressSteps.tsx +0 -37
  285. package/src/components/Steps/ProgressSteps/index.ts +0 -1
  286. package/src/components/Steps/Steps.fixtures.ts +0 -11
  287. package/src/components/Steps/Steps.helpers.ts +0 -11
  288. package/src/components/Steps/Steps.stories.tsx +0 -65
  289. package/src/components/Steps/Steps.test.tsx +0 -78
  290. package/src/components/Steps/Steps.tsx +0 -53
  291. package/src/components/Steps/Steps.types.ts +0 -5
  292. package/src/components/Steps/StepsContext.ts +0 -5
  293. package/src/components/Steps/StepsStep.tsx +0 -58
  294. package/src/components/Steps/index.ts +0 -6
  295. package/src/components/Steps/useStep.test.tsx +0 -217
  296. package/src/components/Steps/useSteps.ts +0 -131
  297. package/src/components/Switch/Switch.stories.tsx +0 -65
  298. package/src/components/Switch/Switch.test.tsx +0 -60
  299. package/src/components/Switch/Switch.tsx +0 -209
  300. package/src/components/Switch/index.ts +0 -2
  301. package/src/components/Table/Selection.tsx +0 -202
  302. package/src/components/Table/Table.fixtures.ts +0 -101
  303. package/src/components/Table/Table.stories.tsx +0 -568
  304. package/src/components/Table/Table.test.tsx +0 -310
  305. package/src/components/Table/Table.tsx +0 -523
  306. package/src/components/Table/Table.types.ts +0 -93
  307. package/src/components/Table/TableSortHandle.tsx +0 -31
  308. package/src/components/Table/index.tsx +0 -2
  309. package/src/components/Table/useSortBy.test.ts +0 -96
  310. package/src/components/Table/useSortBy.ts +0 -92
  311. package/src/components/Table/useSortBy.types.ts +0 -21
  312. package/src/components/TablePagination/RowsPerPage.tsx +0 -81
  313. package/src/components/TablePagination/TablePagination.stories.tsx +0 -42
  314. package/src/components/TablePagination/TablePagination.styles.ts +0 -13
  315. package/src/components/TablePagination/TablePagination.test.tsx +0 -111
  316. package/src/components/TablePagination/TablePagination.tsx +0 -49
  317. package/src/components/TablePagination/TablePagination.types.ts +0 -69
  318. package/src/components/TablePagination/TablePaginationActions.tsx +0 -144
  319. package/src/components/TablePagination/index.ts +0 -2
  320. package/src/components/Tabs/Tabs.stories.tsx +0 -78
  321. package/src/components/Tabs/Tabs.test.tsx +0 -103
  322. package/src/components/Tabs/Tabs.tsx +0 -287
  323. package/src/components/Tabs/Tabs.types.ts +0 -7
  324. package/src/components/Tabs/TabsContext.ts +0 -10
  325. package/src/components/Tabs/index.ts +0 -2
  326. package/src/components/Tag/Tag.stories.tsx +0 -112
  327. package/src/components/Tag/Tag.test.tsx +0 -19
  328. package/src/components/Tag/Tag.tsx +0 -393
  329. package/src/components/Tag/index.ts +0 -2
  330. package/src/components/Text/Text.stories.tsx +0 -59
  331. package/src/components/Text/Text.test.tsx +0 -48
  332. package/src/components/Text/Text.tsx +0 -14
  333. package/src/components/Text/index.ts +0 -2
  334. package/src/components/TextField/TextField.stories.tsx +0 -90
  335. package/src/components/TextField/TextField.test.tsx +0 -36
  336. package/src/components/TextField/TextField.tsx +0 -244
  337. package/src/components/TextField/index.ts +0 -6
  338. package/src/components/TextField/useTextField.tsx +0 -26
  339. package/src/components/Textarea/Textarea.stories.tsx +0 -101
  340. package/src/components/Textarea/Textarea.test.tsx +0 -14
  341. package/src/components/Textarea/Textarea.tsx +0 -230
  342. package/src/components/Textarea/index.ts +0 -2
  343. package/src/components/Toast/Toast.stories.tsx +0 -50
  344. package/src/components/Toast/Toast.test.tsx +0 -24
  345. package/src/components/Toast/Toast.tsx +0 -141
  346. package/src/components/Toast/icons/close.svg +0 -3
  347. package/src/components/Toast/icons/danger.svg +0 -4
  348. package/src/components/Toast/icons/neutral.svg +0 -4
  349. package/src/components/Toast/icons/success.svg +0 -3
  350. package/src/components/Toast/icons/warning.svg +0 -4
  351. package/src/components/Toast/index.tsx +0 -2
  352. package/src/components/ToggleGroup/Toggle.test.tsx +0 -76
  353. package/src/components/ToggleGroup/Toggle.tsx +0 -158
  354. package/src/components/ToggleGroup/ToggleGroup.constants.ts +0 -16
  355. package/src/components/ToggleGroup/ToggleGroup.stories.tsx +0 -145
  356. package/src/components/ToggleGroup/ToggleGroup.test.tsx +0 -237
  357. package/src/components/ToggleGroup/ToggleGroup.tsx +0 -165
  358. package/src/components/ToggleGroup/ToggleGroup.types.ts +0 -35
  359. package/src/components/ToggleGroup/ToggleGroupContext.ts +0 -13
  360. package/src/components/ToggleGroup/index.ts +0 -3
  361. package/src/components/Tooltip/Tooltip.stories.tsx +0 -82
  362. package/src/components/Tooltip/Tooltip.test.tsx +0 -49
  363. package/src/components/Tooltip/Tooltip.tsx +0 -185
  364. package/src/components/Tooltip/index.ts +0 -2
  365. package/src/components/TopNavigation/Logo/Logo.test.tsx +0 -21
  366. package/src/components/TopNavigation/Logo/Logo.tsx +0 -20
  367. package/src/components/TopNavigation/Logo/index.ts +0 -1
  368. package/src/components/TopNavigation/Menu/Menu.test.tsx +0 -125
  369. package/src/components/TopNavigation/Menu/Menu.tsx +0 -62
  370. package/src/components/TopNavigation/Menu/MenuItemDropdown.tsx +0 -118
  371. package/src/components/TopNavigation/Menu/MenuItemIcon.tsx +0 -50
  372. package/src/components/TopNavigation/Menu/index.ts +0 -1
  373. package/src/components/TopNavigation/OpenSideNavButton/OpenSideNavButton.tsx +0 -28
  374. package/src/components/TopNavigation/OpenSideNavButton/index.ts +0 -1
  375. package/src/components/TopNavigation/TopNavigation.stories.tsx +0 -42
  376. package/src/components/TopNavigation/TopNavigation.tsx +0 -47
  377. package/src/components/TopNavigation/index.ts +0 -2
  378. package/src/components/VisuallyHidden/VisuallyHidden.mdx +0 -26
  379. package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +0 -32
  380. package/src/components/VisuallyHidden/VisuallyHidden.test.tsx +0 -18
  381. package/src/components/VisuallyHidden/VisuallyHidden.tsx +0 -6
  382. package/src/components/VisuallyHidden/index.ts +0 -1
  383. package/src/docs/tools/DatePickerEvent.stories.mdx +0 -108
  384. package/src/docs/tools/DragDropFileEvent.stories.mdx +0 -75
  385. package/src/docs/tools/conditional.stories.mdx +0 -251
  386. package/src/docs/tools/selectEvent.stories.mdx +0 -121
  387. package/src/hooks/useClickOutside/index.ts +0 -1
  388. package/src/hooks/useClickOutside/useClickOutside.test.tsx +0 -116
  389. package/src/hooks/useClickOutside/useClickOutside.ts +0 -65
  390. package/src/hooks/useDidMount/index.ts +0 -1
  391. package/src/hooks/useDidMount/useDidMount.test.tsx +0 -38
  392. package/src/hooks/useDidMount/useDidMount.ts +0 -20
  393. package/src/hooks/useFingerprint/index.ts +0 -1
  394. package/src/hooks/useFingerprint/useFingerprint.test.ts +0 -76
  395. package/src/hooks/useFingerprint/useFingerprint.ts +0 -94
  396. package/src/hooks/useFocusTrap/index.ts +0 -2
  397. package/src/hooks/useFocusTrap/useFocusTrap.stories.tsx +0 -87
  398. package/src/hooks/useFocusTrap/useFocusTrap.test.tsx +0 -129
  399. package/src/hooks/useFocusTrap/useFocusTrap.ts +0 -187
  400. package/src/hooks/useFocusWithin/index.ts +0 -2
  401. package/src/hooks/useFocusWithin/useFocusWithin.test.tsx +0 -71
  402. package/src/hooks/useFocusWithin/useFocusWithin.ts +0 -62
  403. package/src/hooks/useHeightExpansionToggler/index.ts +0 -2
  404. package/src/hooks/useHeightExpansionToggler/useHeightExpansionToggler.test.tsx +0 -85
  405. package/src/hooks/useHeightExpansionToggler/useHeightExpansionToggler.ts +0 -54
  406. package/src/hooks/useID/index.ts +0 -1
  407. package/src/hooks/useID/useID.ts +0 -18
  408. package/src/hooks/useSelectable/SelectableStrategy.test.ts +0 -424
  409. package/src/hooks/useSelectable/SelectableStrategy.ts +0 -143
  410. package/src/hooks/useSelectable/index.ts +0 -8
  411. package/src/hooks/useSelectable/useSelectable.test.ts +0 -221
  412. package/src/hooks/useSelectable/useSelectable.ts +0 -156
  413. package/src/hooks/useSelectable/useSelectable.types.ts +0 -45
  414. package/src/hooks/useWindowResize/index.ts +0 -1
  415. package/src/hooks/useWindowResize/useWindowResize.ts +0 -27
  416. package/src/index.ts +0 -188
  417. package/src/stories/assets/code-brackets.svg +0 -1
  418. package/src/stories/assets/colors.svg +0 -1
  419. package/src/stories/assets/comments.svg +0 -1
  420. package/src/stories/assets/direction.svg +0 -1
  421. package/src/stories/assets/flow.svg +0 -1
  422. package/src/stories/assets/plugin.svg +0 -1
  423. package/src/stories/assets/repo.svg +0 -1
  424. package/src/stories/assets/stackalt.svg +0 -1
  425. package/src/stories/introduction.stories.mdx +0 -57
  426. package/src/stories/startPage.stories.mdx +0 -95
  427. package/src/styles/activatable.tsx +0 -30
  428. package/src/styles/disableable.tsx +0 -45
  429. package/src/styles/ellipsizable.tsx +0 -14
  430. package/src/styles/focusable.tsx +0 -32
  431. package/src/styles/font.test.ts +0 -31
  432. package/src/styles/font.tsx +0 -40
  433. package/src/styles/hidden.tsx +0 -29
  434. package/src/styles/hoverable.tsx +0 -30
  435. package/src/styles/transition.tsx +0 -25
  436. package/src/styles/typography.test.ts +0 -93
  437. package/src/styles/typography.ts +0 -190
  438. package/src/testing/DatePickerEvent/DatePickerEvent.ts +0 -117
  439. package/src/testing/DatePickerEvent/DateRangePickerEvent.ts +0 -83
  440. package/src/testing/DatePickerEvent/index.ts +0 -2
  441. package/src/testing/DragDropFileEvent/DragDropFileEvent.ts +0 -56
  442. package/src/testing/DragDropFileEvent/index.ts +0 -1
  443. package/src/testing/SelectEvent/SelectEvent.test.tsx +0 -192
  444. package/src/testing/SelectEvent/SelectEvent.ts +0 -264
  445. package/src/testing/SelectEvent/index.ts +0 -1
  446. package/src/testing/getInterpolatedStyles/getInterpolatedStyles.ts +0 -25
  447. package/src/testing/getInterpolatedStyles/index.ts +0 -1
  448. package/src/testing/index.ts +0 -6
  449. package/src/testing/renderWithDragDropFileProvider/index.ts +0 -1
  450. package/src/testing/renderWithDragDropFileProvider/renderWithDragDropFileProvider.tsx +0 -28
  451. package/src/tests/generator.ts +0 -127
  452. package/src/tests/renderer.tsx +0 -39
  453. package/src/theming/index.ts +0 -42
  454. package/src/theming/themes/alice.theme.ts +0 -1022
  455. package/src/theming/themes/index.ts +0 -3
  456. package/src/theming/themes/loadsmart.theme.ts +0 -1019
  457. package/src/theming/themes/miranda-compatibility.theme.ts +0 -972
  458. package/src/theming/theming.helpers.ts +0 -95
  459. package/src/tools/conditional.test.ts +0 -166
  460. package/src/tools/conditional.ts +0 -127
  461. package/src/tools/index.ts +0 -2
  462. package/src/tools/prop.test.ts +0 -52
  463. package/src/tools/prop.ts +0 -36
  464. package/src/utils/toolset/awaitTo.ts +0 -24
  465. package/src/utils/toolset/flatten.ts +0 -3
  466. package/src/utils/toolset/formatBytes.test.ts +0 -45
  467. package/src/utils/toolset/formatBytes.ts +0 -18
  468. package/src/utils/toolset/get.ts +0 -2
  469. package/src/utils/toolset/getID.test.ts +0 -57
  470. package/src/utils/toolset/getID.ts +0 -93
  471. package/src/utils/toolset/getOrdinalSuffix.test.ts +0 -27
  472. package/src/utils/toolset/getOrdinalSuffix.ts +0 -15
  473. package/src/utils/toolset/highlightMatch.test.tsx +0 -32
  474. package/src/utils/toolset/highlightMatch.tsx +0 -32
  475. package/src/utils/toolset/interleave.test.ts +0 -40
  476. package/src/utils/toolset/interleave.ts +0 -23
  477. package/src/utils/toolset/isEmpty.ts +0 -2
  478. package/src/utils/toolset/isThenable.test.ts +0 -40
  479. package/src/utils/toolset/isThenable.ts +0 -14
  480. package/src/utils/toolset/keyboard.ts +0 -50
  481. package/src/utils/toolset/omit.ts +0 -2
  482. package/src/utils/toolset/pluralize.ts +0 -16
  483. package/src/utils/toolset/range.ts +0 -2
  484. package/src/utils/toolset/rem.ts +0 -7
  485. package/src/utils/toolset/styledCompounds.ts +0 -22
  486. package/src/utils/toolset/toArray.ts +0 -16
  487. package/src/utils/types/ColorScheme.ts +0 -3
  488. package/src/utils/types/EventLike.ts +0 -11
  489. package/src/utils/types/InterpolatedStyle.ts +0 -3
  490. package/src/utils/types/Status.ts +0 -8
@@ -1,2469 +0,0 @@
1
- import { toCSSValue as t } from "@loadsmart/miranda-tokens";
2
- import v from "lodash/get.js";
3
- function F(k) {
4
- return function(x, $) {
5
- const y = v(k, `color-${x}`);
6
- if ($ == null)
7
- return y;
8
- const gr = ($ * 255).toString(16);
9
- return `${y}${gr}`;
10
- };
11
- }
12
- function E(k) {
13
- return function(x) {
14
- return v(k, `space-${x}`);
15
- };
16
- }
17
- function C(k) {
18
- return function(x) {
19
- return v(k, `shadow-${x}`);
20
- };
21
- }
22
- function I({
23
- families: k,
24
- sizes: z,
25
- weights: x,
26
- heights: $
27
- }) {
28
- return {
29
- family(y) {
30
- return v(k, `font-family-${y}`);
31
- },
32
- size(y) {
33
- return v(z, `font-size-${y}`);
34
- },
35
- weight(y) {
36
- return v(x, `font-weight-${y}`);
37
- },
38
- height(y) {
39
- return v($, `font-height-${y}`);
40
- }
41
- };
42
- }
43
- function T({
44
- radiuses: k,
45
- widths: z
46
- }) {
47
- return {
48
- radius(x) {
49
- return v(k, `border-radius-${x}`);
50
- },
51
- width(x) {
52
- return v(z, `border-width-${x}`);
53
- }
54
- };
55
- }
56
- function A(k) {
57
- return function(x) {
58
- return v(k, `height-${x}`);
59
- };
60
- }
61
- const sr = 16;
62
- function e(k, z = sr) {
63
- return `${parseInt(String(k), 10) / z}rem`;
64
- }
65
- const O = {
66
- "color-primary": "#56748E",
67
- "color-accent": "#0B6FB6",
68
- "color-neutral-darkest": "#0A0A0B",
69
- "color-neutral-darker": "#313336",
70
- "color-neutral-dark": "#575C61",
71
- "color-neutral": "#929AA1",
72
- "color-neutral-light": "#CACCCF",
73
- "color-neutral-lighter": "#E9EBEC",
74
- "color-neutral-lightest": "#FCFCFC",
75
- "color-neutral-white": "#FFFFFF",
76
- "color-success-dark": "#267E4A",
77
- "color-success": "#48C881",
78
- "color-success-light": "#C0ECD3",
79
- "color-transparent": "transparent",
80
- "color-warning-dark": "#955800",
81
- "color-warning": "#FFCE4F",
82
- "color-warning-light": "#FFF5D6",
83
- "color-danger-dark": "#8F002B",
84
- "color-danger": "#E80045",
85
- "color-danger-light": "#FFD6E2"
86
- }, L = {
87
- "opacity-0": 0,
88
- "opacity-20": 0.2,
89
- "opacity-40": 0.4,
90
- "opacity-60": 0.6,
91
- "opacity-100": 1
92
- }, _ = {
93
- "space-none": 0,
94
- "space-2xs": e("2px"),
95
- "space-xs": e("4px"),
96
- "space-s": e("8px"),
97
- "space-m": e("16px"),
98
- "space-l": e("24px"),
99
- "space-xl": e("32px"),
100
- "space-2xl": e("40px"),
101
- "space-3xl": e("48px")
102
- }, D = {
103
- "font-family-default": "Manrope, sans-serif",
104
- "font-family-monospace": "Roboto Mono, monospace"
105
- }, H = {
106
- "font-size-6": e("10px"),
107
- "font-size-5": e("12px"),
108
- "font-size-4": e("14px"),
109
- "font-size-3": e("16px"),
110
- "font-size-2": e("20px"),
111
- "font-size-1": e("26px")
112
- }, N = {
113
- "font-weight-regular": 400,
114
- "font-weight-medium": 500,
115
- "font-weight-bold": 800
116
- }, G = {
117
- "font-height-1": "100%",
118
- "font-height-2": "125%",
119
- "font-height-3": "140%"
120
- }, M = {
121
- "shadow-none": "none",
122
- "shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
123
- "shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
124
- "shadow-glow-primary": "0px 0px 4px 0px rgba(11, 111, 182, 1.0)",
125
- "shadow-glow-warning": "0px 0px 4px 0px rgba(255, 206, 79, 1.0)"
126
- }, R = {
127
- "border-radius-none": 0,
128
- "border-radius-s": e("4px"),
129
- "border-radius-m": e("8px"),
130
- "border-radius-l": e("16px"),
131
- "border-radius-circle": "50%"
132
- }, B = {
133
- "border-width-none": 0,
134
- "border-width-thin": "1px",
135
- "border-width-medium": "2px",
136
- "border-width-bold": "4px"
137
- }, W = {
138
- "z-index-none": 0,
139
- "z-index-default": 1,
140
- "z-index-droplist": 10,
141
- "z-index-tooltip": 15,
142
- "z-index-overlay": 20,
143
- "z-index-modal": 30
144
- }, ur = {
145
- left: "left",
146
- center: "center",
147
- right: "right"
148
- }, P = {
149
- "height-small": e("24px"),
150
- "height-default": e("36px"),
151
- "height-large": e("48px")
152
- }, r = F(O), s = C(M), i = E(_), n = I({
153
- families: D,
154
- heights: G,
155
- sizes: H,
156
- weights: N
157
- }), b = T({
158
- radiuses: R,
159
- widths: B
160
- }), f = A(P), br = {
161
- ...R,
162
- ...B,
163
- ...O,
164
- ...D,
165
- ...G,
166
- ...H,
167
- ...N,
168
- ...L,
169
- ...M,
170
- ..._,
171
- ...W,
172
- ...ur,
173
- ...P,
174
- // button
175
- "button-border-radius": b.radius("s"),
176
- "button-border-width": b.width("thin"),
177
- "button-font-weight": n.weight("bold"),
178
- "button-font-height": n.height("1"),
179
- "button-small-font-size": n.size("5"),
180
- "button-small-height": f("small"),
181
- "button-small-padding-x": i("s"),
182
- "button-small-padding-y": e("6px"),
183
- "button-font-size": n.size("3"),
184
- "button-height": f("default"),
185
- "button-width": "auto",
186
- "button-padding-y": e("10px"),
187
- "button-padding-x": i("m"),
188
- "button-spacing-x": i("s"),
189
- "button-large-font-size": n.size("3"),
190
- "button-large-height": f("large"),
191
- "button-large-padding-x": i("m"),
192
- "button-large-padding-y": e("14px"),
193
- "button-outline-offset": "0",
194
- // button primary
195
- "button-primary-background": r("primary"),
196
- "button-primary-background--hover": r("accent"),
197
- "button-primary-background--focus": r("primary"),
198
- "button-primary-background--active": r("accent", 0.6),
199
- "button-primary-background--disabled": r("primary"),
200
- "button-primary-border-color": r("primary"),
201
- "button-primary-border-color--hover": r("accent"),
202
- "button-primary-border-color--focus": r("accent"),
203
- "button-primary-border-color--active": r("accent", 0.6),
204
- "button-primary-border-color--disabled": r("primary"),
205
- "button-primary-color": r("neutral-white"),
206
- "button-primary-color--hover": r("neutral-white"),
207
- "button-primary-color--focus": r("neutral-white"),
208
- "button-primary-color--active": r("neutral-white"),
209
- "button-primary-color--disabled": r("neutral-white"),
210
- "button-primary-outline": "none",
211
- "button-primary-box-shadow": s("glow-primary"),
212
- // button secondary
213
- "button-secondary-background": r("transparent"),
214
- "button-secondary-background--hover": r("neutral", 0.2),
215
- "button-secondary-background--focus": r("neutral", 0.2),
216
- "button-secondary-background--active": r("transparent"),
217
- "button-secondary-background--disabled": r("transparent"),
218
- "button-secondary-border-color": r("primary"),
219
- "button-secondary-border-color--hover": r("accent"),
220
- "button-secondary-border-color--focus": r("accent"),
221
- "button-secondary-border-color--active": r("accent", 0.6),
222
- "button-secondary-border-color--disabled": r("primary"),
223
- "button-secondary-color": r("primary"),
224
- "button-secondary-color--hover": r("accent"),
225
- "button-secondary-color--focus": r("primary"),
226
- "button-secondary-color--active": r("accent", 0.6),
227
- "button-secondary-color--disabled": r("primary"),
228
- "button-secondary-outline": "none",
229
- "button-secondary-box-shadow": s("glow-primary"),
230
- // button secondary dark
231
- "button-secondary-dark-background": r("transparent"),
232
- "button-secondary-dark-background--hover": r("neutral", 0.2),
233
- "button-secondary-dark-background--focus": r("transparent"),
234
- "button-secondary-dark-background--active": r("neutral", 0.4),
235
- "button-secondary-dark-background--disabled": r("transparent"),
236
- "button-secondary-dark-border-color": r("neutral-light"),
237
- "button-secondary-dark-border-color--hover": r("accent"),
238
- "button-secondary-dark-border-color--focus": r("neutral-light"),
239
- "button-secondary-dark-border-color--active": r("accent", 0.6),
240
- "button-secondary-dark-border-color--disabled": r("neutral-light"),
241
- "button-secondary-dark-color": r("neutral-light"),
242
- "button-secondary-dark-color--hover": r("accent"),
243
- "button-secondary-dark-color--focus": r("neutral-light"),
244
- "button-secondary-dark-color--active": r("accent", 0.6),
245
- "button-secondary-dark-color--disabled": r("neutral-light"),
246
- // button tertiary
247
- "button-tertiary-background": r("transparent"),
248
- "button-tertiary-background--hover": r("neutral", 0.2),
249
- "button-tertiary-background--focus": r("neutral", 0.2),
250
- "button-tertiary-background--active": r("transparent"),
251
- "button-tertiary-background--disabled": r("transparent"),
252
- "button-tertiary-border-color": r("transparent"),
253
- "button-tertiary-border-color--hover": r("transparent"),
254
- "button-tertiary-border-color--focus": r("transparent"),
255
- "button-tertiary-border-color--active": r("accent", 0.6),
256
- "button-tertiary-border-color--disabled": r("transparent"),
257
- "button-tertiary-color": r("neutral-darker"),
258
- "button-tertiary-color--hover": r("accent"),
259
- "button-tertiary-color--focus": r("primary"),
260
- "button-tertiary-color--active": r("accent", 0.6),
261
- "button-tertiary-color--disabled": r("neutral-darker"),
262
- "button-tertiary-outline": "none",
263
- "button-tertiary-box-shadow": "none",
264
- // button warning
265
- "button-warning-background": r("transparent"),
266
- "button-warning-background--hover": r("warning", 0.2),
267
- "button-warning-background--focus": r("transparent"),
268
- "button-warning-background--active": r("transparent"),
269
- "button-warning-background--disabled": r("transparent"),
270
- "button-warning-border-color": r("warning-dark"),
271
- "button-warning-border-color--hover": r("warning"),
272
- "button-warning-border-color--focus": r("warning-dark"),
273
- "button-warning-border-color--active": r("warning"),
274
- "button-warning-border-color--disabled": r("warning-dark"),
275
- "button-warning-color": r("warning-dark"),
276
- "button-warning-color--hover": r("warning"),
277
- "button-warning-color--focus": r("warning-dark"),
278
- "button-warning-color--active": r("warning"),
279
- "button-warning-color--disabled": r("warning-dark"),
280
- "button-warning-outline": "none",
281
- "button-warning-box-shadow": s("glow-warning"),
282
- // button icon
283
- "button-icon-border-radius": b.radius("circle"),
284
- "button-icon-small-width": f("small"),
285
- "button-icon-width": f("default"),
286
- "button-icon-large-width": f("large"),
287
- "button-icon-background": r("neutral-lighter"),
288
- "button-icon-background--hover": r("neutral-lighter"),
289
- "button-icon-background--focus": r("neutral-lighter"),
290
- "button-icon-background--active": r("neutral-light"),
291
- "button-icon-background--disabled": r("neutral-lighter"),
292
- "button-icon-border-color": r("neutral-lighter"),
293
- "button-icon-border-color--hover": r("neutral-lighter"),
294
- "button-icon-border-color--focus": r("neutral-lighter"),
295
- "button-icon-border-color--active": r("neutral-light"),
296
- "button-icon-border-color--disabled": r("neutral-lighter"),
297
- "button-icon-color": r("neutral-darkest"),
298
- "button-icon-color--hover": r("accent"),
299
- "button-icon-color--focus": r("neutral-darkest"),
300
- "button-icon-color--active": r("neutral-darkest"),
301
- "button-icon-color--disabled": r("neutral-darkest"),
302
- "button-icon-box-shadow": s("glow-primary"),
303
- "button-icon-outline": "none",
304
- // tag
305
- "tag-border-radius": e("30px"),
306
- "tag-border-width": b.width("thin"),
307
- "tag-font-height": n.height("1"),
308
- "tag-spacing": `0 ${i("s")}`,
309
- "tag-removable-spacing": `0 ${i("xs")} 0 ${i("s")}`,
310
- "tag-width": "auto",
311
- "tag-box-shadow": s("glow-primary"),
312
- "tag-outline-offset": "0",
313
- "tag-remove-button-background": r("neutral-white"),
314
- "tag-remove-button-border-radius": e("24px"),
315
- "tag-icon-spacing": i("xs"),
316
- // tag small
317
- "tag-small-font-size": n.size("6"),
318
- "tag-small-font-weight": n.weight("bold"),
319
- "tag-small-height": e("16px"),
320
- "tag-small-transform": "uppercase",
321
- "tag-small-leading-display": "none",
322
- "tag-small-remove-button-size": e("0"),
323
- "tag-small-remove-button-icon-size": e("0"),
324
- "tag-small-spacing": `0 ${i("s")}`,
325
- "tag-small-removable-spacing": `0 ${i("s")}`,
326
- // tag medium
327
- "tag-font-size": n.size("5"),
328
- "tag-font-weight": n.weight("bold"),
329
- "tag-height": e("24px"),
330
- "tag-transform": "none",
331
- "tag-leading-display": "inline-flex",
332
- "tag-remove-button-size": e("16px"),
333
- "tag-remove-button-icon-size": e("10px"),
334
- // tag large
335
- "tag-large-font-size": n.size("4"),
336
- "tag-large-font-weight": n.weight("bold"),
337
- "tag-large-height": e("32px"),
338
- "tag-large-transform": "none",
339
- "tag-large-leading-display": "inline-flex",
340
- "tag-large-remove-button-size": e("24px"),
341
- "tag-large-remove-button-icon-size": e("12px"),
342
- "tag-large-spacing": `0 ${i("s")}`,
343
- // tag default
344
- "tag-default-background": r("neutral-light"),
345
- "tag-default-background--hover": r("accent", 0.4),
346
- "tag-default-background--focus": r("neutral-dark", 0.2),
347
- "tag-default-color": r("neutral-darkest"),
348
- "tag-default-color--hover": r("neutral-darkest"),
349
- "tag-default-color--focus": r("neutral-dark"),
350
- "tag-default-border-color": "transparent",
351
- "tag-default-border-color--hover": "transparent",
352
- "tag-default-border-color--focus": "transparent",
353
- "tag-default-outline": "none",
354
- // tag outline
355
- "tag-outlined-background": r("transparent"),
356
- "tag-outlined-background--hover": r("accent", 0.4),
357
- "tag-outlined-background--focus": r("neutral-white"),
358
- "tag-outlined-color": r("neutral-darkest"),
359
- "tag-outlined-color--hover": r("neutral-darkest"),
360
- "tag-outlined-color--focus": r("neutral-darker"),
361
- "tag-outlined-border-color": r("neutral-darkest"),
362
- "tag-outlined-border-color--hover": r("neutral-darkest"),
363
- "tag-outlined-border-color--focus": r("neutral-darker"),
364
- "tag-outline-outline": "none",
365
- // tag accent
366
- "tag-accent-background": r("accent", 0.2),
367
- "tag-accent-background--hover": r("accent", 0.4),
368
- "tag-accent-background--focus": r("accent", 0.2),
369
- "tag-accent-color": r("accent"),
370
- "tag-accent-color--hover": r("accent"),
371
- "tag-accent-color--focus": r("accent"),
372
- "tag-accent-border-color": "transparent",
373
- "tag-accent-border-color--hover": "transparent",
374
- "tag-accent-border-color--focus": "transparent",
375
- "tag-accent-outline": "none",
376
- // tag success
377
- "tag-success-background": r("success-light"),
378
- "tag-success-background--hover": r("success-light"),
379
- "tag-success-background--focus": r("success-light"),
380
- "tag-success-color": r("success-dark"),
381
- "tag-success-color--hover": r("success-dark"),
382
- "tag-success-color--focus": r("success-dark"),
383
- "tag-success-border-color": r("success-light"),
384
- "tag-success-border-color--hover": r("success-light"),
385
- "tag-success-border-color--focus": r("success-light"),
386
- "tag-success-outline": "none",
387
- // tag warning
388
- "tag-warning-background": r("warning-light"),
389
- "tag-warning-background--hover": r("warning-light"),
390
- "tag-warning-background--focus": r("warning-light"),
391
- "tag-warning-color": r("warning-dark"),
392
- "tag-warning-color--hover": r("warning-dark"),
393
- "tag-warning-color--focus": r("warning-dark"),
394
- "tag-warning-border-color": r("warning-light"),
395
- "tag-warning-border-color--hover": r("warning-light"),
396
- "tag-warning-border-color--focus": r("warning-light"),
397
- "tag-warning-outline": "none",
398
- // tag danger
399
- "tag-danger-background": r("danger-light"),
400
- "tag-danger-background--hover": r("danger-light"),
401
- "tag-danger-background--focus": r("danger-light"),
402
- "tag-danger-color": r("danger-dark"),
403
- "tag-danger-color--hover": r("danger-dark"),
404
- "tag-danger-color--focus": r("danger-dark"),
405
- "tag-danger-border-color": r("danger-light"),
406
- "tag-danger-border-color--hover": r("danger-light"),
407
- "tag-danger-border-color--focus": r("danger-light"),
408
- "tag-danger-outline": "none",
409
- // checkbox
410
- "checkbox-color": r("neutral-darker"),
411
- "checkbox-font-weight": n.weight("medium"),
412
- "checkbox-font-size": n.size("4"),
413
- "checkbox-selector-border-radius": b.radius("s"),
414
- "checkbox-selector-size": e("16px"),
415
- "checkbox-selector-box-shadow": s("glow-primary"),
416
- "checkbox-selector-outline": "none",
417
- "checkbox-selector-outline-offset": "0",
418
- "checkbox-small-font-size": n.size("5"),
419
- "checkbox-selector-icon-color": r("neutral-white"),
420
- "checkbox-selector-background": r("neutral-white"),
421
- "checkbox-selector-background--hover": r("neutral-white"),
422
- "checkbox-selector-background--focus": r("neutral-white"),
423
- "checkbox-selector-background--disabled": r("neutral-light"),
424
- "checkbox-selector-checked-background": r("primary"),
425
- "checkbox-selector-checked-background--hover": r("accent"),
426
- "checkbox-selector-checked-background--focus": r("primary"),
427
- "checkbox-selector-checked-background--disabled": r("neutral-dark"),
428
- "checkbox-selector-border-color": r("neutral-darker"),
429
- "checkbox-selector-border-color--hover": r("accent"),
430
- "checkbox-selector-border-color--focus": r("accent"),
431
- "checkbox-selector-border-color--disabled": r("neutral-darker"),
432
- "checkbox-selector-checked-border-color": r("primary"),
433
- "checkbox-selector-checked-border-color--hover": r("accent"),
434
- "checkbox-selector-checked-border-color--focus": r("accent"),
435
- "checkbox-selector-checked-border-color--disabled": r("neutral-darkest"),
436
- // checkbox dark
437
- "checkbox-dark-color": r("neutral-lighter"),
438
- "checkbox-dark-selector-background": r("neutral-darker"),
439
- "checkbox-dark-selector-background--hover": r("neutral-darker"),
440
- "checkbox-dark-selector-background--focus": r("neutral-darker"),
441
- "checkbox-dark-selector-background--disabled": r("neutral-neutral"),
442
- "checkbox-dark-selector-border-color": r("neutral-lighter"),
443
- "checkbox-dark-selector-border-color--hover": r("accent"),
444
- "checkbox-dark-selector-border-color--focus": r("accent"),
445
- "checkbox-dark-selector-border-color--disabled": r("neutral-lighter"),
446
- // radio
447
- "radio-color": r("accent"),
448
- "radio-font-weight": n.weight("medium"),
449
- "radio-font-size": n.size("4"),
450
- "radio-selector-border-radius": b.radius("circle"),
451
- "radio-selector-size": e("24px"),
452
- "radio-selector-box-shadow": s("glow-primary"),
453
- "radio-small-font-size": n.size("5"),
454
- "radio-small-selector-size": e("16px"),
455
- "radio-selector-background": r("neutral-white"),
456
- "radio-selector-background--hover": r("neutral-white"),
457
- "radio-selector-background--focus": r("neutral-white"),
458
- "radio-selector-background--disabled": r("neutral-light"),
459
- "radio-selector-border-color": r("neutral-darker"),
460
- "radio-selector-border-color--hover": r("accent"),
461
- "radio-selector-border-color--focus": r("accent"),
462
- "radio-selector-border-color--disabled": r("neutral-darker"),
463
- "radio-selector-border-color--checked": r("accent"),
464
- // radio dark
465
- "radio-dark-color": r("neutral-lighter"),
466
- "radio-dark-selector-background": r("neutral-darker"),
467
- "radio-dark-selector-background--hover": r("neutral-darker"),
468
- "radio-dark-selector-background--focus": r("neutral-darker"),
469
- "radio-dark-selector-background--disabled": r("neutral-neutral"),
470
- "radio-dark-selector-border-color": r("neutral-lighter"),
471
- "radio-dark-selector-border-color--hover": r("accent"),
472
- "radio-dark-selector-border-color--focus": r("accent"),
473
- "radio-dark-selector-border-color--disabled": r("neutral-lighter"),
474
- // tooltip
475
- "tooltip-arrow-height": e("12px"),
476
- "tooltip-arrow-width": e("20px"),
477
- "tooltip-background": r("neutral-darker"),
478
- "tooltip-border-radius": e("8px"),
479
- "tooltip-color": r("neutral-white"),
480
- "tooltip-dark-outline": r("neutral", 0.4),
481
- "tooltip-font-size": n.size("4"),
482
- "tooltip-font-height": n.height("3"),
483
- "tooltip-max-width": e("240px"),
484
- "tooltip-min-width": e("80px"),
485
- "tooltip-outline": r("neutral-darkest"),
486
- "tooltip-padding-x": i("m"),
487
- "tooltip-padding-y": i("s"),
488
- "tooltip-margin": i("s"),
489
- "tooltip-shadow": s("droplist"),
490
- // modal
491
- "modal-small-max-width": e("344px"),
492
- "modal-max-width": e("484px"),
493
- "modal-large-max-width": e("688px"),
494
- "modal-overlay-background": r("neutral-darkest", 0.4),
495
- // dialog
496
- "dialog-header-color": r("neutral-darkest"),
497
- "dialog-header-border-color": r("neutral-light"),
498
- "dialog-body-font-color": r("color-neutral-darker"),
499
- // text-field
500
- "text-field-border-radius": b.radius("s"),
501
- "text-field-color": r("neutral-darker"),
502
- "text-field-font-size": n.size("4"),
503
- "text-field-font-weight": n.weight("medium"),
504
- "text-field-font-height": n.height("3"),
505
- "text-field-height": f("default"),
506
- "text-field-padding-x": i("s"),
507
- "text-field-padding-y": i("s"),
508
- "text-field-box-shadow": s("glow-primary"),
509
- "text-field-outline": "none",
510
- "text-field-outline-offset": "0",
511
- "text-field-small-height": f("small"),
512
- "text-field-small-padding-x": i("s"),
513
- "text-field-small-padding-y": i("xs"),
514
- "text-field-small-font-size": n.size("5"),
515
- "text-field-large-height": f("large"),
516
- "text-field-large-padding-x": i("s"),
517
- "text-field-large-padding-y": e("12px"),
518
- "text-field-large-font-size": n.size("4"),
519
- "text-field-background": r("neutral-white"),
520
- "text-field-background--hover": r("neutral-white"),
521
- "text-field-background--focus": r("neutral-white"),
522
- "text-field-background--disabled": r("neutral-light"),
523
- "text-field-border-color": r("neutral-darker"),
524
- "text-field-border-color--hover": r("accent"),
525
- "text-field-border-color--focus": r("accent"),
526
- "text-field-border-color--disabled": r("neutral-darker"),
527
- // text-field dark
528
- "text-field-dark-color": r("neutral-lighter"),
529
- "text-field-dark-background": r("neutral-darker"),
530
- "text-field-dark-border-color": r("neutral-lighter"),
531
- "text-field-dark-border-color--hover": r("accent"),
532
- "text-field-dark-border-color--focus": r("accent"),
533
- "text-field-dark-border-color--disabled": r("neutral-lighter"),
534
- "text-field-success-border-color": r("accent"),
535
- "text-field-danger-border-color": r("danger"),
536
- "text-field-dark-box-shadow": r("neutral", 0.4),
537
- // textarea
538
- "textarea-border-radius": b.radius("s"),
539
- "textarea-color": r("neutral-darker"),
540
- "textarea-font-size": n.size("4"),
541
- "textarea-font-weight": n.weight("medium"),
542
- "textarea-font-height": n.height("3"),
543
- "textarea-min-height": e("64px"),
544
- "textarea-padding-x": i("s"),
545
- "textarea-padding-y": i("s"),
546
- "textarea-box-shadow": s("glow-primary"),
547
- "textarea-outline": "none",
548
- "textarea-outline-offset": "0",
549
- "textarea-small-padding-x": i("s"),
550
- "textarea-small-padding-y": i("xs"),
551
- "textarea-small-font-size": n.size("5"),
552
- "textarea-large-height": e("45px"),
553
- "textarea-large-padding-x": i("s"),
554
- "textarea-large-padding-y": e("12px"),
555
- "textarea-large-font-size": n.size("4"),
556
- "textarea-background": r("neutral-white"),
557
- "textarea-background--hover": r("neutral-white"),
558
- "textarea-background--focus": r("neutral-white"),
559
- "textarea-background--disabled": r("neutral-light"),
560
- "textarea-border-color": r("neutral-darker"),
561
- "textarea-border-color--hover": r("accent"),
562
- "textarea-border-color--focus": r("accent"),
563
- "textarea-border-color--disabled": r("neutral-darker"),
564
- // textarea dark
565
- "textarea-dark-color": r("neutral-lighter"),
566
- "textarea-dark-background": r("neutral-darker"),
567
- "textarea-dark-border-color": r("neutral-lighter"),
568
- "textarea-dark-border-color--hover": r("accent"),
569
- "textarea-dark-border-color--focus": r("accent"),
570
- "textarea-dark-border-color--disabled": r("neutral-lighter"),
571
- "textarea-success-border-color": r("accent"),
572
- "textarea-danger-border-color": r("danger"),
573
- "textarea-dark-box-shadow": r("neutral", 0.4),
574
- // link
575
- "link-font-size": n.size("3"),
576
- "link-font-height": n.height("2"),
577
- "link-color": r("accent"),
578
- "link-font-weight": n.weight("medium"),
579
- "link-font-weight--hover": n.weight("bold"),
580
- "link-box-shadow": s("glow-primary"),
581
- "link-outline": "none",
582
- "link-outline-offset": "0",
583
- // breadcrumbs
584
- "breadcrumbs-font-size": n.size("2"),
585
- "breadcrumbs-font-height": n.height("2"),
586
- "breadcrumbs-font-weight": n.weight("medium"),
587
- "breadcrumbs-font-weight--active": n.weight("bold"),
588
- "breadcrumbs-spacing-x": e("36px"),
589
- //banner
590
- "banner-font-size": n.size("4"),
591
- "banner-font-height": n.height("3"),
592
- "banner-default-height": e("40px"),
593
- "banner-min-width": e("320px"),
594
- "banner-description-color": r("neutral-darker"),
595
- "banner-title-font-weight": n.weight("bold"),
596
- "banner-border-radius": b.radius("m"),
597
- "banner-border-width": b.width("thin"),
598
- "banner-close-button-color": r("neutral-darker"),
599
- "banner-icon-width": e("24px"),
600
- "banner-icon-height": e("24px"),
601
- "banner-icon-margin-right": e("10px"),
602
- "banner-default-padding-x": i("m"),
603
- "banner-default-padding-y": i("s"),
604
- "banner-large-padding": i("m"),
605
- "banner-default-icon-alignment": "center",
606
- "banner-large-icon-alignment": "start",
607
- "banner-default-close-top": i("s"),
608
- "banner-default-close-right": i("s"),
609
- "banner-large-close-top": e("12px"),
610
- "banner-large-close-right": e("12px"),
611
- //banner success
612
- "banner-title-color-success": r("success-dark"),
613
- "banner-border-color-success": r("success"),
614
- "banner-background-success": r("success-light"),
615
- //banner danger
616
- "banner-title-color-danger": r("danger-dark"),
617
- "banner-border-color-danger": r("danger"),
618
- "banner-background-danger": r("danger-light"),
619
- //banner warning
620
- "banner-title-color-warning": r("warning-dark"),
621
- "banner-border-color-warning": r("warning"),
622
- "banner-background-warning": r("warning-light"),
623
- //banner neutral
624
- "banner-title-color-neutral": r("neutral-darker"),
625
- "banner-border-color-neutral": r("neutral"),
626
- "banner-background-neutral": r("neutral-light"),
627
- //banner action
628
- "banner-button-background-success": r("success-dark"),
629
- "banner-button-background-neutral": r("neutral-dark"),
630
- "banner-button-background-danger": r("danger-dark"),
631
- "banner-button-background-warning": r("warning-dark"),
632
- "banner-button-background-secondary": r("transparent"),
633
- "banner-button-text-color": r("neutral-white"),
634
- "banner-secondary-button-margin-left": i("s"),
635
- // progressbar
636
- "progressbar-height": e("5px"),
637
- "progressbar-background": r("transparent"),
638
- "progressbar-line": r("darker"),
639
- // neutral
640
- "progressbar-neutral-fill": r("neutral-light"),
641
- // success
642
- "progressbar-success-fill": r("success-light"),
643
- // danger
644
- "progressbar-danger-fill": r("danger-light"),
645
- // warning
646
- "progressbar-warning-fill": r("warning-light"),
647
- // toast
648
- "toast-padding-x": i("m"),
649
- "toast-padding-y": i("m"),
650
- "toast-border-radius": b.radius("s"),
651
- "toast-font-color": r("neutral-white"),
652
- "toast-font-size": n.size("4"),
653
- "toast-font-weight": n.weight("bold"),
654
- "toast-font-height": n.height("3"),
655
- "toast-close-x": i("xs"),
656
- "toast-close-y": i("xs"),
657
- "toast-shadow": s("modal"),
658
- "toast-width": e("320px"),
659
- // neutral
660
- "toast-neutral-background": r("neutral-dark"),
661
- // success
662
- "toast-success-background": r("success"),
663
- // danger
664
- "toast-danger-background": r("danger"),
665
- // warning
666
- "toast-warning-background": r("warning"),
667
- // Label
668
- "label-font-size": n.size("4"),
669
- "label-font-weight": n.weight("medium"),
670
- "label-font-height": n.height("3"),
671
- "label-font-color": r("darker"),
672
- // Label required
673
- "label-required-color": r("danger"),
674
- // Label tooltip
675
- "label-tooltip-margin-left": i("xs"),
676
- "label-tooltip-font-weight": n.weight("bold"),
677
- "label-tooltip-font-size": n.size("5"),
678
- "label-tooltip-font-color": r("darker"),
679
- "label-tooltip-background-color": r("neutral"),
680
- // Label dark
681
- "label-dark-font-color": r("neutral-white"),
682
- // Label tooltip dark
683
- "label-tooltip-dark-font-color": r("neutral-white"),
684
- "label-tooltip-dark-background-color": r("neutral"),
685
- // Switch
686
- "switch-width": e("52px"),
687
- "switch-height": e("22px"),
688
- "switch-border-radius": e("22px"),
689
- "switch-box-shadow": s("glow-primary"),
690
- "switch-outline": "none",
691
- "switch-outline-offset": "0",
692
- // Switch Large
693
- "switch-large-width": e("70px"),
694
- "switch-large-height": e("32px"),
695
- "switch-large-border-radius": e("32px"),
696
- // Switch Icon
697
- "switch-icon-height": e("16px"),
698
- "switch-icon-width": e("16px"),
699
- "switch-icon-color": r("neutral-white"),
700
- // Switch Icon Large
701
- "switch-large-icon-height": e("20px"),
702
- "switch-large-icon-width": e("20px"),
703
- // Switch Icon Active
704
- "switch-icon-active-x": e("8px"),
705
- "switch-icon-active-y": e("3px"),
706
- // Switch Large Icon Active
707
- "switch-large-icon-active-x": e("8px"),
708
- "switch-large-icon-active-y": e("6px"),
709
- // Switch Icon Inactive
710
- "switch-icon-inactive-x": e("28px"),
711
- "switch-icon-inactive-y": e("3px"),
712
- // Switch Large Icon Inactive
713
- "switch-large-icon-inactive-x": e("42px"),
714
- "switch-large-icon-inactive-y": e("6px"),
715
- // Switch Inactive
716
- "switch-inactive-background-color": r("neutral"),
717
- "switch-inactive-background-color--hover": r("neutral-dark", 0.4),
718
- // Switch Active
719
- "switch-active-background-color": r("accent"),
720
- "switch-active-background-color--hover": r("accent", 0.6),
721
- // Switch Slider
722
- "switch-slider-x": e("3px"),
723
- "switch-slider-active-x": e("33px"),
724
- "switch-slider-y": e("3px"),
725
- "switch-slider-active-y": e("3px"),
726
- "switch-slider-size": e("16px"),
727
- "switch-slider-background-color": r("neutral-white"),
728
- "switch-slider-border-radius": b.radius("circle"),
729
- // Switch Slider Large
730
- "switch-slider-large-x": e("2px"),
731
- "switch-slider-large-active-x": e("40px"),
732
- "switch-slider-large-y": e("2px"),
733
- "switch-slider-large-active-y": e("2px"),
734
- "switch-slider-large-size": e("28px"),
735
- // steps
736
- "steps-step-padding-y": i("xl"),
737
- "steps-step-padding-x": i("xl"),
738
- "steps-color": r("neutral-darker"),
739
- "steps-progress-padding-y": i("xl"),
740
- "steps-progress-padding-x": i("xl"),
741
- "steps-spacing-y": i("3xl"),
742
- "steps-indicator-size": e("24px"),
743
- "steps-conector-height": "1px",
744
- "steps-conector-height--complete": "3px",
745
- "steps-conector-top": "12px",
746
- // Math.round((steps-indicator-size - steps-conector-height) / 2)
747
- "steps-conector-top--complete": "11px",
748
- // Math.round((steps-indicator-size - steps-conector-height--complete) / 2)
749
- "steps-progress-step-background-color": r("neutral"),
750
- "steps-progress-step-background-color--complete": r("accent"),
751
- // card
752
- "card-background": r("neutral-white"),
753
- "card-border-color": r("neutral-light"),
754
- "card-border-radius": b.radius("s"),
755
- "card-color": r("neutral-darker"),
756
- "card-flag-background-danger": r("danger"),
757
- "card-flag-background-neutral": r("neutral-light"),
758
- "card-flag-background-success": r("success"),
759
- "card-flag-background-warning": r("warning"),
760
- "card-flag-width": e("4px"),
761
- "card-font-height": n.height("3"),
762
- "card-padding-x": i("m"),
763
- "card-padding-y": i("m"),
764
- "card-separator-background": r("neutral-lighter"),
765
- "card-subtitle-font-size": n.size("4"),
766
- "card-subtitle-font-weight": n.weight("medium"),
767
- "card-title-font-height": n.height("2"),
768
- "card-title-font-size": n.size("3"),
769
- "card-title-font-weight": n.weight("bold"),
770
- // dropdown
771
- "dropdown-background": r("neutral-white"),
772
- "dropdown-border-color": r("neutral-light"),
773
- "dropdown-border-radius": b.radius("s"),
774
- "dropdown-shadow": s("droplist"),
775
- // popover
776
- "popover-background": r("neutral-white"),
777
- "popover-border-color": r("neutral-light"),
778
- "popover-border-radius": b.radius("s"),
779
- "popover-shadow": s("droplist"),
780
- // Side Navigation
781
- "side-navigation-collapsing-breakpoint": e("1280px"),
782
- "side-navigation-width": e("200px"),
783
- "side-navigation-width-large": e("300px"),
784
- "side-navigation-padding-bottom": i("l"),
785
- "side-navigation-background-color": r("neutral-darker"),
786
- "side-navigation-component-margin-top": i("l"),
787
- "side-navigation-logo-padding-x": i("l"),
788
- "side-navigation-separator-color": r("neutral-dark"),
789
- "side-navigation-menu-title-font-weight": n.weight("bold"),
790
- "side-navigation-menu-title-font-size": n.size("5"),
791
- "side-navigation-menu-title-line-height": n.height("3"),
792
- "side-navigation-menu-link-color--hover": r("primary"),
793
- "side-navigation-menu-link-background-color--active": r("neutral-darkest", 0.2),
794
- "side-navigation-menu-link-box-shadow-color--active": r("primary"),
795
- "side-navigation-menu-item-color--focus": r("primary"),
796
- // Table
797
- "table-row-default-color": r("neutral-white"),
798
- "table-row-variant-color": r("neutral-light", 0.2),
799
- "table-row-selected-color": r("accent", 0.2),
800
- // Top Navigation
801
- "top-navigation-height": e("60px"),
802
- "top-navigation-background-color": r("neutral-white"),
803
- "top-navigation-border-color": r("neutral-lighter"),
804
- "top-navigation-dropdown-separator-color": r("neutral-lighter"),
805
- "top-navigation-dropdown-trigger-color": r("neutral"),
806
- "top-navigation-dropdown-subitem-color": r("neutral-dark"),
807
- "top-navigation-item-icon-color": r("neutral-dark"),
808
- "top-navigation-item-color": r("neutral-darkest"),
809
- "top-navigation-item-color--hover": r("primary"),
810
- // Select
811
- "select-trigger-height": "100%",
812
- "select-trigger-border-color": r("neutral-lighter"),
813
- "select-selected-option-check-color": r("accent"),
814
- "select-selected-option-background-color": r("accent", 0.2),
815
- // Toggle & Toggle Group
816
- "toggle-text-transform": "uppercase",
817
- "toggle-box-shadow": s("glow-primary"),
818
- "toggle-outline": "none",
819
- "toggle-outline-offset": "0",
820
- "toggle-background-color": r("transparent"),
821
- "toggle-background-color--hover": r("transparent"),
822
- "toggle-background-color--focus": r("transparent"),
823
- "toggle-background-color--active": r("transparent"),
824
- "toggle-background-color--disabled": r("transparent"),
825
- "toggle-checked-background-color": r("neutral-darkest"),
826
- "toggle-checked-background-color--hover": r("neutral-dark"),
827
- "toggle-checked-background-color--focus": r("neutral-darker"),
828
- "toggle-checked-background-color--active": r("neutral"),
829
- "toggle-checked-background-color--disabled": r("neutral-darkest"),
830
- "toggle-color": r("neutral-darker"),
831
- "toggle-color--hover": r("neutral-dark"),
832
- "toggle-color--focus": r("neutral-darker"),
833
- "toggle-color--active": r("neutral"),
834
- "toggle-color--disabled": r("neutral-darker"),
835
- "toggle-checked-color": r("neutral-white"),
836
- "toggle-checked-color--hover": r("neutral-white"),
837
- "toggle-checked-color--focus": r("neutral-white"),
838
- "toggle-checked-color--active": r("neutral-white"),
839
- "toggle-checked-color--disabled": r("neutral-lightest"),
840
- "toggle-single-border-color": r("transparent"),
841
- "toggle-single-border-color--hover": r("transparent"),
842
- "toggle-single-border-color--focus": r("neutral-darker"),
843
- "toggle-single-border-color--active": r("neutral"),
844
- "toggle-single-border-color--disabled": r("transparent"),
845
- "toggle-single-checked-border-color": r("neutral-darkest"),
846
- "toggle-single-checked-border-color--disabled": r("neutral-darkest"),
847
- "toggle-single-font-size": n.size("4"),
848
- "toggle-single-small-font-size": "10px",
849
- "toggle-single-height": "28px",
850
- "toggle-single-small-height": "16px",
851
- "toggle-multiple-border-color": r("neutral-darkest"),
852
- "toggle-multiple-border-color--hover": r("neutral-dark"),
853
- "toggle-multiple-border-color--focus": r("neutral-darker"),
854
- "toggle-multiple-border-color--active": r("neutral"),
855
- "toggle-multiple-border-color--disabled": r("neutral-darkest"),
856
- "toggle-multiple-checked-border-color": r("neutral-darkest"),
857
- "toggle-multiple-checked-border-color--disabled": r("neutral-darkest"),
858
- "toggle-multiple-font-size": n.size("4"),
859
- "toggle-multiple-small-font-size": n.size("5"),
860
- "toggle-multiple-height": "36px",
861
- "toggle-multiple-small-height": "24px",
862
- "toggle-group-border-color--disabled": r("neutral-darkest", 0.4),
863
- "toggle-group-multiple-border-width": "initial",
864
- "toggle-group-multiple-border-style": "none",
865
- "toggle-group-multiple-border-color": "initial",
866
- "toggle-group-multiple-border-radius": "initial",
867
- "toggle-group-multiple-padding": 0,
868
- "toggle-group-single-border-width": "1px",
869
- "toggle-group-single-border-style": "solid",
870
- "toggle-group-single-border-color": r("neutral-darker"),
871
- "toggle-group-single-border-radius": b.radius("s"),
872
- "toggle-group-single-padding": "3px",
873
- // dropdown
874
- "dropdown-trigger-border-color": r("primary"),
875
- "dropdown-trigger-dark-border-color": r("neutral-light"),
876
- "dropdown-trigger-outlined-border-color": r("transparent"),
877
- "dropdown-trigger-expanded-color": r("accent"),
878
- "dropdown-trigger-height": f("default"),
879
- "dropdown-trigger-small-height": f("small"),
880
- "dropdown-trigger-large-height": f("large"),
881
- "dropdown-trigger-box-shadow": s("glow-primary"),
882
- "dropdown-trigger-outline": "none",
883
- "dropdown-trigger-outline-offset": "0"
884
- }, X = {
885
- "color-primary": "#33CC60",
886
- "color-accent": "#0CA933",
887
- "color-neutral-darkest": "#0A0A0B",
888
- "color-neutral-darker": "#313336",
889
- "color-neutral-dark": "#575C61",
890
- "color-neutral": "#929AA1",
891
- "color-neutral-light": "#CACCCF",
892
- "color-neutral-lighter": "#E9EBEC",
893
- "color-neutral-lightest": "#FCFCFC",
894
- "color-neutral-white": "#FFFFFF",
895
- "color-success-dark": "#2A5C85",
896
- "color-success": "#55B0FB",
897
- "color-success-light": "#C0E1F5",
898
- "color-transparent": "transparent",
899
- "color-warning-dark": "#955800",
900
- "color-warning": "#FFCE4F",
901
- "color-warning-light": "#FFF5D6",
902
- "color-danger-dark": "#8F002B",
903
- "color-danger": "#E80045",
904
- "color-danger-light": "#FFD6E2"
905
- }, hr = {
906
- "opacity-0": 0,
907
- "opacity-20": 0.2,
908
- "opacity-40": 0.4,
909
- "opacity-60": 0.6,
910
- "opacity-100": 1
911
- }, Z = {
912
- "space-none": 0,
913
- "space-2xs": e("2px"),
914
- "space-xs": e("4px"),
915
- "space-s": e("8px"),
916
- "space-m": e("16px"),
917
- "space-l": e("24px"),
918
- "space-xl": e("32px"),
919
- "space-2xl": e("40px"),
920
- "space-3xl": e("48px")
921
- }, q = {
922
- "font-family-default": "'Sharp Sans', Manrope, sans-serif",
923
- "font-family-monospace": "Roboto Mono, monospace"
924
- }, U = {
925
- "font-size-6": e("10px"),
926
- "font-size-5": e("12px"),
927
- "font-size-4": e("14px"),
928
- "font-size-3": e("16px"),
929
- "font-size-2": e("20px"),
930
- "font-size-1": e("26px")
931
- }, V = {
932
- "font-weight-regular": 400,
933
- "font-weight-medium": 500,
934
- "font-weight-bold": 700
935
- }, j = {
936
- "font-height-1": "100%",
937
- "font-height-2": "125%",
938
- "font-height-3": "140%"
939
- }, J = {
940
- "shadow-none": "none",
941
- "shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
942
- "shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
943
- "shadow-glow-primary": "0px 0px 4px 0px rgba(51, 204, 96, 1)",
944
- "shadow-glow-warning": "0px 0px 4px 0px rgba(255, 206, 79, 1.0)"
945
- }, K = {
946
- "border-radius-none": 0,
947
- "border-radius-s": e("4px"),
948
- "border-radius-m": e("8px"),
949
- "border-radius-l": e("16px"),
950
- "border-radius-circle": "50%"
951
- }, Q = {
952
- "border-width-none": 0,
953
- "border-width-thin": "1px",
954
- "border-width-medium": "2px",
955
- "border-width-bold": "4px"
956
- }, pr = {
957
- "z-index-none": 0,
958
- "z-index-default": 1,
959
- "z-index-droplist": 10,
960
- "z-index-tooltip": 15,
961
- "z-index-overlay": 20,
962
- "z-index-modal": 30
963
- }, kr = {
964
- left: "left",
965
- center: "center",
966
- right: "right"
967
- }, Y = {
968
- "height-small": e("24px"),
969
- "height-default": e("36px"),
970
- "height-large": e("48px")
971
- }, o = F(X), u = C(J), d = E(Z), l = I({
972
- families: q,
973
- heights: j,
974
- sizes: U,
975
- weights: V
976
- }), h = T({
977
- radiuses: K,
978
- widths: Q
979
- }), m = A(Y), yr = {
980
- ...K,
981
- ...Q,
982
- ...X,
983
- ...q,
984
- ...U,
985
- ...V,
986
- ...j,
987
- ...hr,
988
- ...J,
989
- ...Z,
990
- ...pr,
991
- ...kr,
992
- ...Y,
993
- // button
994
- "button-border-radius": h.radius("s"),
995
- "button-border-width": h.width("thin"),
996
- "button-font-weight": l.weight("bold"),
997
- "button-font-height": l.height("1"),
998
- "button-small-font-size": l.size("5"),
999
- "button-small-height": m("small"),
1000
- "button-small-padding-x": d("s"),
1001
- "button-small-padding-y": e("6px"),
1002
- "button-font-size": l.size("3"),
1003
- "button-height": m("default"),
1004
- "button-width": "auto",
1005
- "button-padding-y": e("10px"),
1006
- "button-padding-x": d("m"),
1007
- "button-spacing-x": d("s"),
1008
- "button-large-font-size": l.size("3"),
1009
- "button-large-height": m("large"),
1010
- "button-large-padding-x": d("m"),
1011
- "button-large-padding-y": e("14px"),
1012
- "button-outline-offset": "0",
1013
- // button primary
1014
- "button-primary-background": o("primary"),
1015
- "button-primary-background--hover": o("accent"),
1016
- "button-primary-background--focus": o("primary"),
1017
- "button-primary-background--active": o("accent"),
1018
- "button-primary-background--disabled": o("primary"),
1019
- "button-primary-border-color": o("primary"),
1020
- "button-primary-border-color--hover": o("accent"),
1021
- "button-primary-border-color--focus": o("accent"),
1022
- "button-primary-border-color--active": o("accent"),
1023
- "button-primary-border-color--disabled": o("primary"),
1024
- "button-primary-color": o("neutral-white"),
1025
- "button-primary-color--hover": o("neutral-white"),
1026
- "button-primary-color--focus": o("neutral-white"),
1027
- "button-primary-color--active": o("neutral-white"),
1028
- "button-primary-color--disabled": o("neutral-white"),
1029
- "button-primary-outline": "none",
1030
- "button-primary-box-shadow": u("glow-primary"),
1031
- // button secondary
1032
- "button-secondary-background": o("transparent"),
1033
- "button-secondary-background--hover": o("neutral", 0.2),
1034
- "button-secondary-background--focus": o("transparent"),
1035
- "button-secondary-background--active": o("transparent"),
1036
- "button-secondary-background--disabled": o("transparent"),
1037
- "button-secondary-border-color": o("neutral-darker"),
1038
- "button-secondary-border-color--hover": o("accent"),
1039
- "button-secondary-border-color--focus": o("accent"),
1040
- "button-secondary-border-color--active": o("accent", 0.6),
1041
- "button-secondary-border-color--disabled": o("neutral-darker"),
1042
- "button-secondary-color": o("neutral-darker"),
1043
- "button-secondary-color--hover": o("accent"),
1044
- "button-secondary-color--focus": o("primary"),
1045
- "button-secondary-color--active": o("accent", 0.6),
1046
- "button-secondary-color--disabled": o("neutral-darker"),
1047
- "button-secondary-outline": "none",
1048
- "button-secondary-box-shadow": u("glow-primary"),
1049
- // button secondary dark
1050
- "button-secondary-dark-background": o("transparent"),
1051
- "button-secondary-dark-background--hover": o("neutral", 0.2),
1052
- "button-secondary-dark-background--focus": o("transparent"),
1053
- "button-secondary-dark-background--active": o("neutral", 0.4),
1054
- "button-secondary-dark-background--disabled": o("transparent"),
1055
- "button-secondary-dark-border-color": o("neutral-light"),
1056
- "button-secondary-dark-border-color--hover": o("accent"),
1057
- "button-secondary-dark-border-color--focus": o("neutral-light"),
1058
- "button-secondary-dark-border-color--active": o("accent", 0.6),
1059
- "button-secondary-dark-border-color--disabled": o("neutral-light"),
1060
- "button-secondary-dark-color": o("neutral-light"),
1061
- "button-secondary-dark-color--hover": o("accent"),
1062
- "button-secondary-dark-color--focus": o("neutral-light"),
1063
- "button-secondary-dark-color--active": o("accent", 0.6),
1064
- "button-secondary-dark-color--disabled": o("neutral-light"),
1065
- // button tertiary
1066
- "button-tertiary-background": o("transparent"),
1067
- "button-tertiary-background--hover": o("neutral", 0.2),
1068
- "button-tertiary-background--focus": o("neutral", 0.2),
1069
- "button-tertiary-background--active": o("transparent"),
1070
- "button-tertiary-background--disabled": o("transparent"),
1071
- "button-tertiary-border-color": o("transparent"),
1072
- "button-tertiary-border-color--hover": o("transparent"),
1073
- "button-tertiary-border-color--focus": o("transparent"),
1074
- "button-tertiary-border-color--active": o("accent", 0.6),
1075
- "button-tertiary-border-color--disabled": o("transparent"),
1076
- "button-tertiary-color": o("neutral-darker"),
1077
- "button-tertiary-color--hover": o("accent"),
1078
- "button-tertiary-color--focus": o("primary"),
1079
- "button-tertiary-color--active": o("accent", 0.6),
1080
- "button-tertiary-color--disabled": o("neutral-darker"),
1081
- "button-tertiary-outline": "none",
1082
- "button-tertiary-box-shadow": "none",
1083
- // button warning
1084
- "button-warning-background": o("transparent"),
1085
- "button-warning-background--hover": o("warning", 0.2),
1086
- "button-warning-background--focus": o("transparent"),
1087
- "button-warning-background--active": o("transparent"),
1088
- "button-warning-background--disabled": o("transparent"),
1089
- "button-warning-border-color": o("warning-dark"),
1090
- "button-warning-border-color--hover": o("warning"),
1091
- "button-warning-border-color--focus": o("warning-dark"),
1092
- "button-warning-border-color--active": o("warning"),
1093
- "button-warning-border-color--disabled": o("warning-dark"),
1094
- "button-warning-color": o("warning-dark"),
1095
- "button-warning-color--hover": o("warning"),
1096
- "button-warning-color--focus": o("warning-dark"),
1097
- "button-warning-color--active": o("warning"),
1098
- "button-warning-color--disabled": o("warning-dark"),
1099
- "button-warning-outline": "none",
1100
- "button-warning-box-shadow": u("glow-warning"),
1101
- // button icon
1102
- "button-icon-border-radius": h.radius("circle"),
1103
- "button-icon-small-width": m("small"),
1104
- "button-icon-width": m("default"),
1105
- "button-icon-large-width": m("large"),
1106
- "button-icon-background": o("neutral-lighter"),
1107
- "button-icon-background--hover": o("neutral-lighter"),
1108
- "button-icon-background--focus": o("neutral-lighter"),
1109
- "button-icon-background--active": o("neutral-light"),
1110
- "button-icon-background--disabled": o("neutral-lighter"),
1111
- "button-icon-border-color": o("neutral-lighter"),
1112
- "button-icon-border-color--hover": o("neutral-lighter"),
1113
- "button-icon-border-color--focus": o("neutral-lighter"),
1114
- "button-icon-border-color--active": o("neutral-light"),
1115
- "button-icon-border-color--disabled": o("neutral-lighter"),
1116
- "button-icon-color": o("neutral-darkest"),
1117
- "button-icon-color--hover": o("accent"),
1118
- "button-icon-color--focus": o("neutral-darkest"),
1119
- "button-icon-color--active": o("neutral-darkest"),
1120
- "button-icon-color--disabled": o("neutral-darkest"),
1121
- "button-icon-box-shadow": u("glow-primary"),
1122
- "button-icon-outline": "none",
1123
- // tag
1124
- "tag-border-radius": e("30px"),
1125
- "tag-border-width": h.width("thin"),
1126
- "tag-font-height": l.height("1"),
1127
- "tag-spacing": `0 ${d("s")}`,
1128
- "tag-removable-spacing": `0 ${d("xs")} 0 ${d("s")}`,
1129
- "tag-width": "auto",
1130
- "tag-box-shadow": u("glow-primary"),
1131
- "tag-outline-offset": "0",
1132
- "tag-remove-button-background": o("neutral-white"),
1133
- "tag-remove-button-border-radius": e("24px"),
1134
- "tag-icon-spacing": d("xs"),
1135
- // tag small
1136
- "tag-small-font-size": l.size("6"),
1137
- "tag-small-font-weight": l.weight("bold"),
1138
- "tag-small-height": e("16px"),
1139
- "tag-small-transform": "uppercase",
1140
- "tag-small-leading-display": "none",
1141
- "tag-small-remove-button-size": e("0"),
1142
- "tag-small-remove-button-icon-size": e("0"),
1143
- "tag-small-spacing": `0 ${d("s")}`,
1144
- "tag-small-removable-spacing": `0 ${d("s")}`,
1145
- // tag medium
1146
- "tag-font-size": l.size("5"),
1147
- "tag-font-weight": l.weight("bold"),
1148
- "tag-height": e("24px"),
1149
- "tag-transform": "none",
1150
- "tag-leading-display": "inline-flex",
1151
- "tag-remove-button-size": e("16px"),
1152
- "tag-remove-button-icon-size": e("10px"),
1153
- // tag large
1154
- "tag-large-font-size": l.size("4"),
1155
- "tag-large-font-weight": l.weight("bold"),
1156
- "tag-large-height": e("32px"),
1157
- "tag-large-transform": "none",
1158
- "tag-large-leading-display": "inline-flex",
1159
- "tag-large-remove-button-size": e("24px"),
1160
- "tag-large-remove-button-icon-size": e("12px"),
1161
- "tag-large-spacing": `0 ${d("s")}`,
1162
- // tag default
1163
- "tag-default-background": o("neutral-light"),
1164
- "tag-default-background--hover": o("accent", 0.4),
1165
- "tag-default-background--focus": o("neutral-dark", 0.2),
1166
- "tag-default-color": o("neutral-darkest"),
1167
- "tag-default-color--hover": o("neutral-darkest"),
1168
- "tag-default-color--focus": o("neutral-dark"),
1169
- "tag-default-border-color": "transparent",
1170
- "tag-default-border-color--hover": "transparent",
1171
- "tag-default-border-color--focus": "transparent",
1172
- "tag-default-outline": "none",
1173
- // tag outline
1174
- "tag-outlined-background": o("transparent"),
1175
- "tag-outlined-background--hover": o("accent", 0.4),
1176
- "tag-outlined-background--focus": o("neutral-white"),
1177
- "tag-outlined-color": o("neutral-darkest"),
1178
- "tag-outlined-color--hover": o("neutral-darkest"),
1179
- "tag-outlined-color--focus": o("neutral-darker"),
1180
- "tag-outlined-border-color": o("neutral-darkest"),
1181
- "tag-outlined-border-color--hover": o("neutral-darkest"),
1182
- "tag-outlined-border-color--focus": o("neutral-darker"),
1183
- "tag-outline-outline": "none",
1184
- // tag accent
1185
- "tag-accent-background": o("accent", 0.2),
1186
- "tag-accent-background--hover": o("accent", 0.4),
1187
- "tag-accent-background--focus": o("accent", 0.2),
1188
- "tag-accent-color": o("accent"),
1189
- "tag-accent-color--hover": o("accent"),
1190
- "tag-accent-color--focus": o("accent"),
1191
- "tag-accent-border-color": "transparent",
1192
- "tag-accent-border-color--hover": "transparent",
1193
- "tag-accent-border-color--focus": "transparent",
1194
- "tag-accent-outline": "none",
1195
- // tag success
1196
- "tag-success-background": o("success-light"),
1197
- "tag-success-background--hover": o("success-light"),
1198
- "tag-success-background--focus": o("success-light"),
1199
- "tag-success-color": o("success-dark"),
1200
- "tag-success-color--hover": o("success-dark"),
1201
- "tag-success-color--focus": o("success-dark"),
1202
- "tag-success-border-color": o("success-light"),
1203
- "tag-success-border-color--hover": o("success-light"),
1204
- "tag-success-border-color--focus": o("success-light"),
1205
- "tag-success-outline": "none",
1206
- // tag warning
1207
- "tag-warning-background": o("warning-light"),
1208
- "tag-warning-background--hover": o("warning-light"),
1209
- "tag-warning-background--focus": o("warning-light"),
1210
- "tag-warning-color": o("warning-dark"),
1211
- "tag-warning-color--hover": o("warning-dark"),
1212
- "tag-warning-color--focus": o("warning-dark"),
1213
- "tag-warning-border-color": o("warning-light"),
1214
- "tag-warning-border-color--hover": o("warning-light"),
1215
- "tag-warning-border-color--focus": o("warning-light"),
1216
- "tag-warning-outline": "none",
1217
- // tag danger
1218
- "tag-danger-background": o("danger-light"),
1219
- "tag-danger-background--hover": o("danger-light"),
1220
- "tag-danger-background--focus": o("danger-light"),
1221
- "tag-danger-color": o("danger-dark"),
1222
- "tag-danger-color--hover": o("danger-dark"),
1223
- "tag-danger-color--focus": o("danger-dark"),
1224
- "tag-danger-border-color": o("danger-light"),
1225
- "tag-danger-border-color--hover": o("danger-light"),
1226
- "tag-danger-border-color--focus": o("danger-light"),
1227
- "tag-danger-outline": "none",
1228
- // checkbox
1229
- "checkbox-color": o("neutral-darker"),
1230
- "checkbox-font-weight": l.weight("medium"),
1231
- "checkbox-font-size": l.size("4"),
1232
- "checkbox-selector-border-radius": h.radius("s"),
1233
- "checkbox-selector-size": e("16px"),
1234
- "checkbox-selector-box-shadow": u("glow-primary"),
1235
- "checkbox-selector-outline": "none",
1236
- "checkbox-selector-outline-offset": "0",
1237
- "checkbox-small-font-size": l.size("5"),
1238
- "checkbox-selector-icon-color": o("neutral-white"),
1239
- "checkbox-selector-background": o("neutral-white"),
1240
- "checkbox-selector-background--hover": o("neutral-white"),
1241
- "checkbox-selector-background--focus": o("neutral-white"),
1242
- "checkbox-selector-background--disabled": o("neutral-light"),
1243
- "checkbox-selector-checked-background": o("primary"),
1244
- "checkbox-selector-checked-background--hover": o("accent"),
1245
- "checkbox-selector-checked-background--focus": o("primary"),
1246
- "checkbox-selector-checked-background--disabled": o("primary"),
1247
- "checkbox-selector-border-color": o("neutral-darker"),
1248
- "checkbox-selector-border-color--hover": o("accent"),
1249
- "checkbox-selector-border-color--focus": o("accent"),
1250
- "checkbox-selector-border-color--disabled": o("neutral-darker"),
1251
- "checkbox-selector-checked-border-color": o("primary"),
1252
- "checkbox-selector-checked-border-color--hover": o("accent"),
1253
- "checkbox-selector-checked-border-color--focus": o("accent"),
1254
- "checkbox-selector-checked-border-color--disabled": o("neutral-darkest"),
1255
- // checkbox dark
1256
- "checkbox-dark-color": o("neutral-lighter"),
1257
- "checkbox-dark-selector-background": o("neutral-darker"),
1258
- "checkbox-dark-selector-background--hover": o("neutral-darker"),
1259
- "checkbox-dark-selector-background--focus": o("neutral-darker"),
1260
- "checkbox-dark-selector-background--disabled": o("neutral-neutral"),
1261
- "checkbox-dark-selector-border-color": o("neutral-lighter"),
1262
- "checkbox-dark-selector-border-color--hover": o("accent"),
1263
- "checkbox-dark-selector-border-color--focus": o("accent"),
1264
- "checkbox-dark-selector-border-color--disabled": o("neutral-lighter"),
1265
- // radio
1266
- "radio-color": o("accent"),
1267
- "radio-font-weight": l.weight("medium"),
1268
- "radio-font-size": l.size("4"),
1269
- "radio-selector-border-radius": h.radius("circle"),
1270
- "radio-selector-size": e("24px"),
1271
- "radio-selector-box-shadow": u("glow-primary"),
1272
- "radio-small-font-size": l.size("5"),
1273
- "radio-small-selector-size": e("16px"),
1274
- "radio-selector-background": o("neutral-white"),
1275
- "radio-selector-background--hover": o("neutral-white"),
1276
- "radio-selector-background--focus": o("neutral-white"),
1277
- "radio-selector-background--disabled": o("neutral-light"),
1278
- "radio-selector-border-color": o("neutral-darker"),
1279
- "radio-selector-border-color--hover": o("accent"),
1280
- "radio-selector-border-color--focus": o("accent"),
1281
- "radio-selector-border-color--disabled": o("neutral-darker"),
1282
- "radio-selector-border-color--checked": o("accent"),
1283
- // radio dark
1284
- "radio-dark-color": o("neutral-lighter"),
1285
- "radio-dark-selector-background": o("neutral-darker"),
1286
- "radio-dark-selector-background--hover": o("neutral-darker"),
1287
- "radio-dark-selector-background--focus": o("neutral-darker"),
1288
- "radio-dark-selector-background--disabled": o("neutral-neutral"),
1289
- "radio-dark-selector-border-color": o("neutral-lighter"),
1290
- "radio-dark-selector-border-color--hover": o("accent"),
1291
- "radio-dark-selector-border-color--focus": o("accent"),
1292
- "radio-dark-selector-border-color--disabled": o("neutral-lighter"),
1293
- // tooltip
1294
- "tooltip-arrow-height": e("12px"),
1295
- "tooltip-arrow-width": e("20px"),
1296
- "tooltip-background": o("neutral-darker"),
1297
- "tooltip-border-radius": e("8px"),
1298
- "tooltip-color": o("neutral-white"),
1299
- "tooltip-dark-outline": o("neutral", 0.4),
1300
- "tooltip-font-size": l.size("4"),
1301
- "tooltip-font-height": l.height("3"),
1302
- "tooltip-max-width": e("240px"),
1303
- "tooltip-min-width": e("80px"),
1304
- "tooltip-outline": o("neutral-darkest"),
1305
- "tooltip-padding-x": d("m"),
1306
- "tooltip-padding-y": d("s"),
1307
- "tooltip-margin": d("s"),
1308
- "tooltip-shadow": u("droplist"),
1309
- // modal
1310
- "modal-small-max-width": e("344px"),
1311
- "modal-max-width": e("484px"),
1312
- "modal-large-max-width": e("688px"),
1313
- "modal-overlay-background": o("neutral-darkest", 0.4),
1314
- // dialog
1315
- "dialog-header-color": o("neutral-darkest"),
1316
- "dialog-header-border-color": o("neutral-light"),
1317
- "dialog-body-font-color": o("color-neutral-darker"),
1318
- // text-field
1319
- "text-field-border-radius": h.radius("s"),
1320
- "text-field-color": o("neutral-darker"),
1321
- "text-field-font-size": l.size("4"),
1322
- "text-field-font-weight": l.weight("medium"),
1323
- "text-field-font-height": l.height("3"),
1324
- "text-field-height": m("default"),
1325
- "text-field-padding-x": d("s"),
1326
- "text-field-padding-y": d("s"),
1327
- "text-field-box-shadow": u("glow-primary"),
1328
- "text-field-outline": "none",
1329
- "text-field-outline-offset": "0",
1330
- "text-field-small-height": m("small"),
1331
- "text-field-small-padding-x": d("s"),
1332
- "text-field-small-padding-y": d("xs"),
1333
- "text-field-small-font-size": l.size("5"),
1334
- "text-field-large-height": m("large"),
1335
- "text-field-large-padding-x": d("s"),
1336
- "text-field-large-padding-y": e("12px"),
1337
- "text-field-large-font-size": l.size("4"),
1338
- "text-field-background": o("neutral-white"),
1339
- "text-field-background--hover": o("neutral-white"),
1340
- "text-field-background--focus": o("neutral-white"),
1341
- "text-field-background--disabled": o("neutral-light"),
1342
- "text-field-border-color": o("neutral-darker"),
1343
- "text-field-border-color--hover": o("accent"),
1344
- "text-field-border-color--focus": o("accent"),
1345
- "text-field-border-color--disabled": o("neutral-darker"),
1346
- // text-field dark
1347
- "text-field-dark-color": o("neutral-lighter"),
1348
- "text-field-dark-background": o("neutral-darker"),
1349
- "text-field-dark-border-color": o("neutral-lighter"),
1350
- "text-field-dark-border-color--hover": o("accent"),
1351
- "text-field-dark-border-color--focus": o("accent"),
1352
- "text-field-dark-border-color--disabled": o("neutral-lighter"),
1353
- "text-field-success-border-color": o("accent"),
1354
- "text-field-danger-border-color": o("danger"),
1355
- "text-field-dark-box-shadow": o("neutral", 0.4),
1356
- // textarea
1357
- "textarea-border-radius": h.radius("s"),
1358
- "textarea-color": o("neutral-darker"),
1359
- "textarea-font-size": l.size("4"),
1360
- "textarea-font-weight": l.weight("medium"),
1361
- "textarea-font-height": l.height("3"),
1362
- "textarea-min-height": e("64px"),
1363
- "textarea-padding-x": d("s"),
1364
- "textarea-padding-y": d("s"),
1365
- "textarea-box-shadow": u("glow-primary"),
1366
- "textarea-outline": "none",
1367
- "textarea-outline-offset": "0",
1368
- "textarea-small-padding-x": d("s"),
1369
- "textarea-small-padding-y": d("xs"),
1370
- "textarea-small-font-size": l.size("5"),
1371
- "textarea-large-height": e("45px"),
1372
- "textarea-large-padding-x": d("s"),
1373
- "textarea-large-padding-y": e("12px"),
1374
- "textarea-large-font-size": l.size("4"),
1375
- "textarea-background": o("neutral-white"),
1376
- "textarea-background--hover": o("neutral-white"),
1377
- "textarea-background--focus": o("neutral-white"),
1378
- "textarea-background--disabled": o("neutral-light"),
1379
- "textarea-border-color": o("neutral-darker"),
1380
- "textarea-border-color--hover": o("accent"),
1381
- "textarea-border-color--focus": o("accent"),
1382
- "textarea-border-color--disabled": o("neutral-darker"),
1383
- // textarea dark
1384
- "textarea-dark-color": o("neutral-lighter"),
1385
- "textarea-dark-background": o("neutral-darker"),
1386
- "textarea-dark-border-color": o("neutral-lighter"),
1387
- "textarea-dark-border-color--hover": o("accent"),
1388
- "textarea-dark-border-color--focus": o("accent"),
1389
- "textarea-dark-border-color--disabled": o("neutral-lighter"),
1390
- "textarea-success-border-color": o("accent"),
1391
- "textarea-danger-border-color": o("danger"),
1392
- "textarea-dark-box-shadow": o("neutral", 0.4),
1393
- // link
1394
- "link-font-size": l.size("3"),
1395
- "link-font-height": l.height("2"),
1396
- "link-color": o("accent"),
1397
- "link-font-weight": l.weight("medium"),
1398
- "link-font-weight--hover": l.weight("bold"),
1399
- "link-box-shadow": u("glow-primary"),
1400
- "link-outline": "none",
1401
- "link-outline-offset": "0",
1402
- // breadcrumbs
1403
- "breadcrumbs-font-size": l.size("2"),
1404
- "breadcrumbs-font-height": l.height("2"),
1405
- "breadcrumbs-font-weight": l.weight("medium"),
1406
- "breadcrumbs-font-weight--active": l.weight("bold"),
1407
- "breadcrumbs-spacing-x": e("36px"),
1408
- //banner
1409
- "banner-font-size": l.size("4"),
1410
- "banner-font-height": l.height("3"),
1411
- "banner-default-height": e("40px"),
1412
- "banner-min-width": e("320px"),
1413
- "banner-description-color": o("neutral-darker"),
1414
- "banner-title-font-weight": l.weight("bold"),
1415
- "banner-border-radius": h.radius("m"),
1416
- "banner-border-width": h.width("thin"),
1417
- "banner-close-button-color": o("neutral-darker"),
1418
- "banner-icon-width": e("24px"),
1419
- "banner-icon-height": e("24px"),
1420
- "banner-icon-margin-right": e("10px"),
1421
- "banner-default-padding-x": d("m"),
1422
- "banner-default-padding-y": d("s"),
1423
- "banner-large-padding": d("m"),
1424
- "banner-default-icon-alignment": "center",
1425
- "banner-large-icon-alignment": "start",
1426
- "banner-default-close-top": d("s"),
1427
- "banner-default-close-right": d("s"),
1428
- "banner-large-close-top": e("12px"),
1429
- "banner-large-close-right": e("12px"),
1430
- //banner success
1431
- "banner-title-color-success": o("success-dark"),
1432
- "banner-border-color-success": o("success"),
1433
- "banner-background-success": o("success-light"),
1434
- //banner danger
1435
- "banner-title-color-danger": o("danger-dark"),
1436
- "banner-border-color-danger": o("danger"),
1437
- "banner-background-danger": o("danger-light"),
1438
- //banner warning
1439
- "banner-title-color-warning": o("warning-dark"),
1440
- "banner-border-color-warning": o("warning"),
1441
- "banner-background-warning": o("warning-light"),
1442
- //banner neutral
1443
- "banner-title-color-neutral": o("neutral-darker"),
1444
- "banner-border-color-neutral": o("neutral"),
1445
- "banner-background-neutral": o("neutral-light"),
1446
- //banner action
1447
- "banner-button-background-success": o("success-dark"),
1448
- "banner-button-background-neutral": o("neutral-dark"),
1449
- "banner-button-background-danger": o("danger-dark"),
1450
- "banner-button-background-warning": o("warning-dark"),
1451
- "banner-button-background-secondary": o("transparent"),
1452
- "banner-button-text-color": o("neutral-white"),
1453
- "banner-secondary-button-margin-left": d("s"),
1454
- // progressbar
1455
- "progressbar-height": e("5px"),
1456
- "progressbar-background": o("transparent"),
1457
- "progressbar-line": o("darker"),
1458
- // neutral
1459
- "progressbar-neutral-fill": o("neutral-light"),
1460
- // success
1461
- "progressbar-success-fill": o("success-light"),
1462
- // danger
1463
- "progressbar-danger-fill": o("danger-light"),
1464
- // warning
1465
- "progressbar-warning-fill": o("warning-light"),
1466
- // toast
1467
- "toast-padding-x": d("m"),
1468
- "toast-padding-y": d("m"),
1469
- "toast-border-radius": h.radius("s"),
1470
- "toast-font-color": o("neutral-white"),
1471
- "toast-font-size": l.size("4"),
1472
- "toast-font-weight": l.weight("bold"),
1473
- "toast-font-height": l.height("3"),
1474
- "toast-close-x": d("xs"),
1475
- "toast-close-y": d("xs"),
1476
- "toast-shadow": u("modal"),
1477
- "toast-width": e("320px"),
1478
- // neutral
1479
- "toast-neutral-background": o("neutral-dark"),
1480
- // success
1481
- "toast-success-background": o("success"),
1482
- // danger
1483
- "toast-danger-background": o("danger"),
1484
- // warning
1485
- "toast-warning-background": o("warning"),
1486
- // Label
1487
- "label-font-size": l.size("4"),
1488
- "label-font-weight": l.weight("medium"),
1489
- "label-font-height": l.height("3"),
1490
- "label-font-color": o("darker"),
1491
- // Label required
1492
- "label-required-color": o("danger"),
1493
- // Label tooltip
1494
- "label-tooltip-margin-left": d("xs"),
1495
- "label-tooltip-font-weight": l.weight("bold"),
1496
- "label-tooltip-font-size": l.size("5"),
1497
- "label-tooltip-font-color": o("darker"),
1498
- "label-tooltip-background-color": o("neutral"),
1499
- // Label dark
1500
- "label-dark-font-color": o("neutral-white"),
1501
- // Label tooltip dark
1502
- "label-tooltip-dark-font-color": o("neutral-white"),
1503
- "label-tooltip-dark-background-color": o("neutral"),
1504
- // Switch
1505
- "switch-width": e("52px"),
1506
- "switch-height": e("22px"),
1507
- "switch-border-radius": e("22px"),
1508
- "switch-box-shadow": u("glow-primary"),
1509
- "switch-outline": "none",
1510
- "switch-outline-offset": "0",
1511
- // Switch Large
1512
- "switch-large-width": e("70px"),
1513
- "switch-large-height": e("32px"),
1514
- "switch-large-border-radius": e("32px"),
1515
- // Switch Icon
1516
- "switch-icon-height": e("16px"),
1517
- "switch-icon-width": e("16px"),
1518
- "switch-icon-color": o("neutral-white"),
1519
- // Switch Icon Large
1520
- "switch-large-icon-height": e("20px"),
1521
- "switch-large-icon-width": e("20px"),
1522
- // Switch Icon Active
1523
- "switch-icon-active-x": e("8px"),
1524
- "switch-icon-active-y": e("3px"),
1525
- // Switch Large Icon Active
1526
- "switch-large-icon-active-x": e("8px"),
1527
- "switch-large-icon-active-y": e("6px"),
1528
- // Switch Icon Inactive
1529
- "switch-icon-inactive-x": e("28px"),
1530
- "switch-icon-inactive-y": e("3px"),
1531
- // Switch Large Icon Inactive
1532
- "switch-large-icon-inactive-x": e("42px"),
1533
- "switch-large-icon-inactive-y": e("6px"),
1534
- // Switch Inactive
1535
- "switch-inactive-background-color": o("neutral"),
1536
- "switch-inactive-background-color--hover": o("neutral-dark", 0.4),
1537
- // Switch Active
1538
- "switch-active-background-color": o("accent"),
1539
- "switch-active-background-color--hover": o("accent", 0.6),
1540
- // Switch Slider
1541
- "switch-slider-x": e("3px"),
1542
- "switch-slider-active-x": e("33px"),
1543
- "switch-slider-y": e("3px"),
1544
- "switch-slider-active-y": e("3px"),
1545
- "switch-slider-size": e("16px"),
1546
- "switch-slider-background-color": o("neutral-white"),
1547
- "switch-slider-border-radius": h.radius("circle"),
1548
- // Switch Slider Large
1549
- "switch-slider-large-x": e("2px"),
1550
- "switch-slider-large-active-x": e("40px"),
1551
- "switch-slider-large-y": e("2px"),
1552
- "switch-slider-large-active-y": e("2px"),
1553
- "switch-slider-large-size": e("28px"),
1554
- // steps
1555
- "steps-step-padding-y": d("xl"),
1556
- "steps-step-padding-x": d("xl"),
1557
- "steps-color": o("neutral-darker"),
1558
- "steps-progress-padding-y": d("xl"),
1559
- "steps-progress-padding-x": d("xl"),
1560
- "steps-spacing-y": d("3xl"),
1561
- "steps-indicator-size": e("24px"),
1562
- "steps-conector-height": "1px",
1563
- "steps-conector-height--complete": "3px",
1564
- "steps-conector-top": "12px",
1565
- // Math.round((steps-indicator-size - steps-conector-height) / 2)
1566
- "steps-conector-top--complete": "11px",
1567
- // Math.round((steps-indicator-size - steps-conector-height--complete) / 2)
1568
- "steps-progress-step-background-color": o("neutral"),
1569
- "steps-progress-step-background-color--complete": o("accent"),
1570
- // card
1571
- "card-background": o("neutral-white"),
1572
- "card-border-color": o("neutral-light"),
1573
- "card-border-radius": h.radius("s"),
1574
- "card-color": o("neutral-darker"),
1575
- "card-flag-background-danger": o("danger"),
1576
- "card-flag-background-neutral": o("neutral-light"),
1577
- "card-flag-background-success": o("success"),
1578
- "card-flag-background-warning": o("warning"),
1579
- "card-flag-width": e("4px"),
1580
- "card-font-height": l.height("3"),
1581
- "card-padding-x": d("m"),
1582
- "card-padding-y": d("m"),
1583
- "card-separator-background": o("neutral-lighter"),
1584
- "card-subtitle-font-size": l.size("4"),
1585
- "card-subtitle-font-weight": l.weight("medium"),
1586
- "card-title-font-height": l.height("2"),
1587
- "card-title-font-size": l.size("3"),
1588
- "card-title-font-weight": l.weight("bold"),
1589
- // dropdown
1590
- "dropdown-background": o("neutral-white"),
1591
- "dropdown-border-color": o("neutral-light"),
1592
- "dropdown-border-radius": h.radius("s"),
1593
- "dropdown-shadow": u("droplist"),
1594
- // popover
1595
- "popover-background": o("neutral-white"),
1596
- "popover-border-color": o("neutral-light"),
1597
- "popover-border-radius": h.radius("s"),
1598
- "popover-shadow": u("droplist"),
1599
- // Side Navigation
1600
- "side-navigation-collapsing-breakpoint": e("1280px"),
1601
- "side-navigation-width": e("200px"),
1602
- "side-navigation-width-large": e("300px"),
1603
- "side-navigation-padding-bottom": d("l"),
1604
- "side-navigation-background-color": o("neutral-darker"),
1605
- "side-navigation-component-margin-top": d("l"),
1606
- "side-navigation-logo-padding-x": d("l"),
1607
- "side-navigation-separator-color": o("neutral-dark"),
1608
- "side-navigation-menu-title-font-weight": l.weight("bold"),
1609
- "side-navigation-menu-title-font-size": l.size("5"),
1610
- "side-navigation-menu-title-line-height": l.height("3"),
1611
- "side-navigation-menu-link-color--hover": o("primary"),
1612
- "side-navigation-menu-link-background-color--active": o("neutral-darkest", 0.2),
1613
- "side-navigation-menu-link-box-shadow-color--active": o("primary"),
1614
- "side-navigation-menu-item-color--focus": o("primary"),
1615
- // Table
1616
- "table-row-default-color": o("neutral-white"),
1617
- "table-row-variant-color": o("neutral-light", 0.2),
1618
- "table-row-selected-color": o("accent", 0.2),
1619
- // Top Navigation
1620
- "top-navigation-height": e("60px"),
1621
- "top-navigation-background-color": o("neutral-white"),
1622
- "top-navigation-border-color": o("neutral-lighter"),
1623
- "top-navigation-dropdown-separator-color": o("neutral-lighter"),
1624
- "top-navigation-dropdown-trigger-color": o("neutral"),
1625
- "top-navigation-dropdown-subitem-color": o("neutral-dark"),
1626
- "top-navigation-item-icon-color": o("neutral-dark"),
1627
- "top-navigation-item-color": o("neutral-darkest"),
1628
- "top-navigation-item-color--hover": o("primary"),
1629
- // Select
1630
- "select-trigger-height": "100%",
1631
- "select-trigger-border-color": o("neutral-lighter"),
1632
- "select-selected-option-check-color": o("accent"),
1633
- "select-selected-option-background-color": o("accent", 0.2),
1634
- // Toggle & Toggle Group
1635
- "toggle-text-transform": "uppercase",
1636
- "toggle-box-shadow": u("glow-primary"),
1637
- "toggle-outline": "none",
1638
- "toggle-outline-offset": "0",
1639
- "toggle-background-color": o("transparent"),
1640
- "toggle-background-color--hover": o("transparent"),
1641
- "toggle-background-color--focus": o("transparent"),
1642
- "toggle-background-color--active": o("transparent"),
1643
- "toggle-background-color--disabled": o("transparent"),
1644
- "toggle-checked-background-color": o("neutral-darkest"),
1645
- "toggle-checked-background-color--hover": o("neutral-dark"),
1646
- "toggle-checked-background-color--focus": o("neutral-darker"),
1647
- "toggle-checked-background-color--active": o("neutral"),
1648
- "toggle-checked-background-color--disabled": o("neutral-darkest"),
1649
- "toggle-color": o("neutral-darker"),
1650
- "toggle-color--hover": o("neutral-dark"),
1651
- "toggle-color--focus": o("neutral-darker"),
1652
- "toggle-color--active": o("neutral"),
1653
- "toggle-color--disabled": o("neutral-darker"),
1654
- "toggle-checked-color": o("neutral-white"),
1655
- "toggle-checked-color--hover": o("neutral-white"),
1656
- "toggle-checked-color--focus": o("neutral-white"),
1657
- "toggle-checked-color--active": o("neutral-white"),
1658
- "toggle-checked-color--disabled": o("neutral-lightest"),
1659
- "toggle-single-border-color": o("transparent"),
1660
- "toggle-single-border-color--hover": o("transparent"),
1661
- "toggle-single-border-color--focus": o("neutral-darker"),
1662
- "toggle-single-border-color--active": o("neutral"),
1663
- "toggle-single-border-color--disabled": o("transparent"),
1664
- "toggle-single-checked-border-color": o("neutral-darkest"),
1665
- "toggle-single-checked-border-color--disabled": o("neutral-darkest"),
1666
- "toggle-single-font-size": l.size("4"),
1667
- "toggle-single-small-font-size": "10px",
1668
- "toggle-single-height": "28px",
1669
- "toggle-single-small-height": "16px",
1670
- "toggle-multiple-border-color": o("neutral-darkest"),
1671
- "toggle-multiple-border-color--hover": o("neutral-dark"),
1672
- "toggle-multiple-border-color--focus": o("neutral-darker"),
1673
- "toggle-multiple-border-color--active": o("neutral"),
1674
- "toggle-multiple-border-color--disabled": o("neutral-darkest"),
1675
- "toggle-multiple-checked-border-color": o("neutral-darkest"),
1676
- "toggle-multiple-checked-border-color--disabled": o("neutral-darkest"),
1677
- "toggle-multiple-font-size": l.size("4"),
1678
- "toggle-multiple-small-font-size": l.size("5"),
1679
- "toggle-multiple-height": "36px",
1680
- "toggle-multiple-small-height": "24px",
1681
- "toggle-group-border-color--disabled": o("neutral-darkest", 0.4),
1682
- "toggle-group-multiple-border-width": "initial",
1683
- "toggle-group-multiple-border-style": "none",
1684
- "toggle-group-multiple-border-color": "initial",
1685
- "toggle-group-multiple-border-radius": "initial",
1686
- "toggle-group-multiple-padding": 0,
1687
- "toggle-group-single-border-width": "1px",
1688
- "toggle-group-single-border-style": "solid",
1689
- "toggle-group-single-border-color": o("neutral-darker"),
1690
- "toggle-group-single-border-radius": h.radius("s"),
1691
- "toggle-group-single-padding": "3px",
1692
- // dropdown
1693
- "dropdown-trigger-border-color": o("primary"),
1694
- "dropdown-trigger-dark-border-color": o("neutral-light"),
1695
- "dropdown-trigger-outlined-border-color": o("transparent"),
1696
- "dropdown-trigger-expanded-color": o("accent"),
1697
- "dropdown-trigger-height": m("default"),
1698
- "dropdown-trigger-small-height": m("small"),
1699
- "dropdown-trigger-large-height": m("large"),
1700
- "dropdown-trigger-box-shadow": u("glow-primary"),
1701
- "dropdown-trigger-outline": "none",
1702
- "dropdown-trigger-outline-offset": "0"
1703
- }, rr = {
1704
- ...O,
1705
- "color-primary": t("color-primary-60"),
1706
- "color-accent": t("color-accent-60"),
1707
- "color-neutral-white": t("color-neutral-0"),
1708
- "color-neutral-lightest": t("color-neutral-10"),
1709
- "color-neutral-lighter": t("color-neutral-20"),
1710
- "color-neutral-light": t("color-neutral-40"),
1711
- "color-neutral": t("color-neutral-60"),
1712
- "color-neutral-dark": t("color-neutral-80"),
1713
- "color-neutral-darker": t("color-neutral-90"),
1714
- "color-neutral-darkest": t("color-neutral-100"),
1715
- "color-success-dark": t("color-success-100"),
1716
- "color-success": t("color-success-60"),
1717
- "color-success-light": t("color-success-20"),
1718
- "color-danger-dark": t("color-danger-100"),
1719
- "color-danger": t("color-danger-60"),
1720
- "color-danger-light": t("color-danger-20"),
1721
- "color-warning-dark": t("color-warning-100"),
1722
- "color-warning": t("color-warning-60"),
1723
- "color-warning-light": t("color-warning-20")
1724
- }, xr = L, or = _, er = D, tr = H, ar = N, nr = G, lr = {
1725
- "shadow-none": "none",
1726
- "shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
1727
- "shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
1728
- "shadow-glow-primary": `0px 0px 4px 0px ${t("color-primary-60")}`,
1729
- "shadow-glow-warning": `0px 0px 4px 0px ${t("color-warning-60")}`
1730
- }, cr = R, ir = B, wr = W, dr = {
1731
- "height-small": t("global-height-small"),
1732
- "height-default": t("global-height-default"),
1733
- "height-large": t("global-height-large")
1734
- }, a = F(rr), S = C(lr), g = E(or), c = I({
1735
- families: er,
1736
- heights: nr,
1737
- sizes: tr,
1738
- weights: ar
1739
- }), p = T({
1740
- radiuses: cr,
1741
- widths: ir
1742
- }), w = A(dr), vr = {
1743
- ...br,
1744
- ...cr,
1745
- ...ir,
1746
- ...rr,
1747
- ...er,
1748
- ...nr,
1749
- ...tr,
1750
- ...ar,
1751
- ...xr,
1752
- ...lr,
1753
- ...or,
1754
- ...wr,
1755
- ...dr,
1756
- // button
1757
- "button-border-radius": p.radius("s"),
1758
- "button-border-width": p.width("thin"),
1759
- "button-font-weight": c.weight("bold"),
1760
- "button-font-height": c.height("1"),
1761
- "button-small-font-size": c.size("5"),
1762
- "button-small-height": w("small"),
1763
- "button-small-padding-x": g("s"),
1764
- "button-small-padding-y": e("6px"),
1765
- "button-font-size": c.size("3"),
1766
- "button-height": w("default"),
1767
- "button-width": "auto",
1768
- "button-padding-y": e("10px"),
1769
- "button-padding-x": g("m"),
1770
- "button-spacing-x": g("s"),
1771
- "button-large-font-size": c.size("3"),
1772
- "button-large-height": w("large"),
1773
- "button-large-padding-x": g("m"),
1774
- "button-large-padding-y": e("14px"),
1775
- "button-outline-offset": "2px",
1776
- // button primary
1777
- "button-primary-background": a("primary"),
1778
- "button-primary-background--hover": t("color-primary-100"),
1779
- "button-primary-background--focus": a("primary"),
1780
- "button-primary-background--active": t("color-primary-60", 0.6),
1781
- "button-primary-background--disabled": a("primary"),
1782
- "button-primary-border-color": a("primary"),
1783
- "button-primary-border-color--hover": t("color-primary-100"),
1784
- "button-primary-border-color--focus": t("color-primary-100"),
1785
- "button-primary-border-color--active": t("color-primary-60", 0.6),
1786
- "button-primary-border-color--disabled": a("primary"),
1787
- "button-primary-color": a("neutral-white"),
1788
- "button-primary-color--hover": a("neutral-white"),
1789
- "button-primary-color--focus": a("neutral-white"),
1790
- "button-primary-color--active": a("neutral-white"),
1791
- "button-primary-color--disabled": a("neutral-white"),
1792
- "button-primary-outline": `1px solid ${t("color-primary-60")}`,
1793
- "button-primary-box-shadow": "none",
1794
- // button secondary
1795
- "button-secondary-background": a("transparent"),
1796
- "button-secondary-background--hover": t("color-background-tertiary"),
1797
- "button-secondary-background--focus": a("transparent"),
1798
- "button-secondary-background--active": t("color-background-tertiary"),
1799
- "button-secondary-background--disabled": a("transparent"),
1800
- "button-secondary-border-color": t("color-primary-100"),
1801
- "button-secondary-border-color--hover": t("color-primary-60"),
1802
- "button-secondary-border-color--focus": t("color-primary-100"),
1803
- "button-secondary-border-color--active": t("color-primary-60"),
1804
- "button-secondary-border-color--disabled": t("color-primary-100"),
1805
- "button-secondary-color": t("color-primary-100"),
1806
- "button-secondary-color--hover": t("color-primary-60"),
1807
- "button-secondary-color--focus": t("color-primary-100"),
1808
- "button-secondary-color--active": t("color-primary-60"),
1809
- "button-secondary-color--disabled": t("color-primary-100"),
1810
- "button-secondary-outline": `1px solid ${t("color-primary-60")}`,
1811
- "button-secondary-box-shadow": "none",
1812
- // button secondary dark
1813
- "button-secondary-dark-background": a("transparent"),
1814
- "button-secondary-dark-background--hover": t("color-neutral-60", 0.2),
1815
- "button-secondary-dark-background--focus": a("transparent"),
1816
- "button-secondary-dark-background--active": t("color-neutral-60", 0.4),
1817
- "button-secondary-dark-background--disabled": a("transparent"),
1818
- "button-secondary-dark-border-color": a("neutral-light"),
1819
- "button-secondary-dark-border-color--hover": a("accent"),
1820
- "button-secondary-dark-border-color--focus": a("neutral-light"),
1821
- "button-secondary-dark-border-color--active": t("color-primary-60", 0.6),
1822
- "button-secondary-dark-border-color--disabled": a("neutral-light"),
1823
- "button-secondary-dark-color": a("neutral-light"),
1824
- "button-secondary-dark-color--hover": a("accent"),
1825
- "button-secondary-dark-color--focus": a("neutral-light"),
1826
- "button-secondary-dark-color--active": t("color-primary-60", 0.6),
1827
- "button-secondary-dark-color--disabled": a("neutral-light"),
1828
- // button tertiary
1829
- "button-tertiary-background": a("transparent"),
1830
- "button-tertiary-background--hover": t("color-background-tertiary"),
1831
- "button-tertiary-background--focus": a("transparent"),
1832
- "button-tertiary-background--active": t("color-background-tertiary"),
1833
- "button-tertiary-background--disabled": a("transparent"),
1834
- "button-tertiary-border-color": a("transparent"),
1835
- "button-tertiary-border-color--hover": t("color-background-tertiary"),
1836
- "button-tertiary-border-color--focus": a("transparent"),
1837
- "button-tertiary-border-color--active": t("color-background-tertiary"),
1838
- "button-tertiary-border-color--disabled": a("transparent"),
1839
- "button-tertiary-color": t("color-primary-100"),
1840
- "button-tertiary-color--hover": t("color-primary-60"),
1841
- "button-tertiary-color--focus": t("color-primary-100"),
1842
- "button-tertiary-color--active": t("color-primary-60"),
1843
- "button-tertiary-color--disabled": t("color-primary-100"),
1844
- "button-tertiary-outline": `1px solid ${t("color-primary-60")}`,
1845
- "button-tertiary-box-shadow": "none",
1846
- // button warning
1847
- "button-warning-background": t("color-warning-60"),
1848
- "button-warning-background--hover": t("color-warning-100"),
1849
- "button-warning-background--focus": t("color-warning-60"),
1850
- "button-warning-background--active": t("color-warning-100"),
1851
- "button-warning-background--disabled": t("color-warning-60"),
1852
- "button-warning-border-color": t("color-warning-60"),
1853
- "button-warning-border-color--hover": t("color-warning-100"),
1854
- "button-warning-border-color--focus": t("color-warning-60"),
1855
- "button-warning-border-color--active": t("color-warning-100"),
1856
- "button-warning-border-color--disabled": t("color-warning-60"),
1857
- "button-warning-color": t("color-text-primary"),
1858
- "button-warning-color--hover": t("color-text-inverted"),
1859
- "button-warning-color--focus": t("color-text-primary"),
1860
- "button-warning-color--active": t("color-text-inverted"),
1861
- "button-warning-color--disabled": a("neutral-white"),
1862
- "button-warning-outline": `1px solid ${t("color-warning-60")}`,
1863
- "button-warning-box-shadow": "none",
1864
- // button icon
1865
- "button-icon-border-radius": p.radius("circle"),
1866
- "button-icon-small-width": w("small"),
1867
- "button-icon-width": w("default"),
1868
- "button-icon-large-width": w("large"),
1869
- "button-icon-background": t("color-background-tertiary"),
1870
- "button-icon-background--hover": t("color-background-highlight"),
1871
- "button-icon-background--focus": t("color-background-tertiary"),
1872
- "button-icon-background--active": t("color-background-highlight"),
1873
- "button-icon-background--disabled": t("color-background-tertiary"),
1874
- "button-icon-border-color": t("color-background-tertiary"),
1875
- "button-icon-border-color--hover": t("color-background-highlight"),
1876
- "button-icon-border-color--focus": t("color-background-tertiary"),
1877
- "button-icon-border-color--active": t("color-background-highlight"),
1878
- "button-icon-border-color--disabled": t("color-background-tertiary"),
1879
- "button-icon-color": t("color-background-secondary-inverted"),
1880
- "button-icon-color--hover": t("color-primary-60"),
1881
- "button-icon-color--focus": t("color-primary-60"),
1882
- "button-icon-color--active": t("color-primary-60"),
1883
- "button-icon-color--disabled": t("color-background-secondary-inverted"),
1884
- "button-icon-outline": `1px solid ${t("color-primary-60")}`,
1885
- "button-icon-box-shadow": "none",
1886
- // tag
1887
- "tag-border-radius": e("30px"),
1888
- "tag-border-width": p.width("thin"),
1889
- "tag-font-height": c.height("1"),
1890
- "tag-spacing": `0 ${t("spacing-3")}`,
1891
- "tag-removable-spacing": `0 ${g("xs")} 0 ${g("s")}`,
1892
- "tag-width": "auto",
1893
- "tag-box-shadow": "none",
1894
- "tag-outline-offset": "2px",
1895
- "tag-remove-button-background": a("neutral-white"),
1896
- "tag-remove-button-border-radius": e("24px"),
1897
- "tag-icon-spacing": g("xs"),
1898
- // tag small
1899
- "tag-small-font-size": t("font-size-1"),
1900
- "tag-small-font-weight": t("font-weight-medium"),
1901
- "tag-small-height": e("18px"),
1902
- "tag-small-transform": "uppercase",
1903
- "tag-small-leading-display": "none",
1904
- "tag-small-remove-button-size": e("0"),
1905
- "tag-small-remove-button-icon-size": e("0"),
1906
- "tag-small-spacing": `0 ${t("spacing-2")}`,
1907
- "tag-small-removable-spacing": `0 ${g("s")}`,
1908
- // tag medium
1909
- "tag-font-size": t("font-size-2"),
1910
- "tag-font-weight": t("font-weight-bold"),
1911
- "tag-height": e("28px"),
1912
- "tag-transform": "none",
1913
- "tag-leading-display": "inline-flex",
1914
- "tag-remove-button-size": e("16px"),
1915
- "tag-remove-button-icon-size": e("10px"),
1916
- // tag large
1917
- "tag-large-font-size": t("font-size-4"),
1918
- "tag-large-font-weight": t("font-weight-bold"),
1919
- "tag-large-height": e("40px"),
1920
- "tag-large-transform": "none",
1921
- "tag-large-leading-display": "inline-flex",
1922
- "tag-large-remove-button-size": e("24px"),
1923
- "tag-large-remove-button-icon-size": e("12px"),
1924
- "tag-large-spacing": `0 ${t("spacing-4")}`,
1925
- // tag default
1926
- "tag-default-background": t("color-background-tertiary"),
1927
- "tag-default-background--hover": t("color-background-tertiary"),
1928
- "tag-default-background--focus": t("color-background-tertiary"),
1929
- "tag-default-color": t("color-text-tertiary"),
1930
- "tag-default-color--hover": a("neutral-darkest"),
1931
- "tag-default-color--focus": a("neutral-dark"),
1932
- "tag-default-border-color": t("color-background-tertiary"),
1933
- "tag-default-border-color--hover": t("color-background-tertiary"),
1934
- "tag-default-border-color--focus": t("color-background-tertiary"),
1935
- "tag-default-outline": `1px solid ${t("color-neutral-100")}`,
1936
- // tag outline
1937
- "tag-outlined-background": a("transparent"),
1938
- "tag-outlined-background--hover": a("transparent"),
1939
- "tag-outlined-background--focus": a("transparent"),
1940
- "tag-outlined-color": a("neutral-darkest"),
1941
- "tag-outlined-color--hover": a("neutral-darkest"),
1942
- "tag-outlined-color--focus": a("neutral-darker"),
1943
- "tag-outlined-border-color": a("neutral-darkest"),
1944
- "tag-outlined-border-color--hover": a("neutral-darkest"),
1945
- "tag-outlined-border-color--focus": a("neutral-darker"),
1946
- "tag-outlined-outline": `1px solid ${t("color-neutral-100")}`,
1947
- // tag accent
1948
- "tag-accent-background": t("color-accent-20"),
1949
- "tag-accent-background--hover": t("color-accent-20"),
1950
- "tag-accent-background--focus": t("color-accent-20"),
1951
- "tag-accent-color": t("color-accent-60"),
1952
- "tag-accent-color--hover": t("color-accent-60"),
1953
- "tag-accent-color--focus": t("color-accent-60"),
1954
- "tag-accent-border-color": "transparent",
1955
- "tag-accent-border-color--hover": "transparent",
1956
- "tag-accent-border-color--focus": "transparent",
1957
- "tag-accent-outline": `1px solid ${t("color-accent-100")}`,
1958
- // tag success
1959
- "tag-success-background": t("color-success-20"),
1960
- "tag-success-background--hover": t("color-success-20"),
1961
- "tag-success-background--focus": t("color-success-20"),
1962
- "tag-success-color": t("color-success-60"),
1963
- "tag-success-color--hover": a("success-dark"),
1964
- "tag-success-color--focus": a("success-dark"),
1965
- "tag-success-border-color": t("color-success-20"),
1966
- "tag-success-border-color--hover": t("color-success-20"),
1967
- "tag-success-border-color--focus": t("color-success-20"),
1968
- "tag-success-outline": `1px solid ${t("color-success-100")}`,
1969
- // tag warning
1970
- "tag-warning-background": t("color-warning-20"),
1971
- "tag-warning-background--hover": t("color-warning-20"),
1972
- "tag-warning-background--focus": t("color-warning-20"),
1973
- "tag-warning-color": t("color-warning-100"),
1974
- "tag-warning-color--hover": t("color-warning-100"),
1975
- "tag-warning-color--focus": t("color-warning-100"),
1976
- "tag-warning-border-color": t("color-warning-20"),
1977
- "tag-warning-border-color--hover": t("color-warning-20"),
1978
- "tag-warning-border-color--focus": t("color-warning-20"),
1979
- "tag-warning-outline": `1px solid ${t("color-warning-100")}`,
1980
- // tag danger
1981
- "tag-danger-background": t("color-danger-20"),
1982
- "tag-danger-background--hover": t("color-danger-20"),
1983
- "tag-danger-background--focus": t("color-danger-20"),
1984
- "tag-danger-color": t("color-danger-60"),
1985
- "tag-danger-color--hover": t("color-danger-60"),
1986
- "tag-danger-color--focus": t("color-danger-60"),
1987
- "tag-danger-border-color": t("color-danger-20"),
1988
- "tag-danger-border-color--hover": t("color-danger-20"),
1989
- "tag-danger-border-color--focus": t("color-danger-20"),
1990
- "tag-danger-outline": `1px solid ${t("color-danger-100")}`,
1991
- // checkbox
1992
- "checkbox-color": a("neutral-darker"),
1993
- "checkbox-font-weight": c.weight("medium"),
1994
- "checkbox-font-size": c.size("4"),
1995
- "checkbox-selector-border-radius": p.radius("s"),
1996
- "checkbox-selector-size": e("16px"),
1997
- "checkbox-selector-box-shadow": "none",
1998
- "checkbox-selector-outline": `1px solid ${t("color-primary-100")}`,
1999
- "checkbox-selector-outline-offset": "2px",
2000
- "checkbox-small-font-size": c.size("5"),
2001
- "checkbox-selector-icon-color": a("neutral-white"),
2002
- "checkbox-selector-background": a("neutral-white"),
2003
- "checkbox-selector-background--hover": a("neutral-white"),
2004
- "checkbox-selector-background--focus": a("neutral-white"),
2005
- "checkbox-selector-background--disabled": a("neutral-light"),
2006
- "checkbox-selector-checked-background": a("primary"),
2007
- "checkbox-selector-checked-background--hover": t("color-primary-100"),
2008
- "checkbox-selector-checked-background--focus": a("primary"),
2009
- "checkbox-selector-checked-background--disabled": a("neutral-dark"),
2010
- "checkbox-selector-border-color": a("neutral-darker"),
2011
- "checkbox-selector-border-color--hover": a("accent"),
2012
- "checkbox-selector-border-color--focus": a("accent"),
2013
- "checkbox-selector-border-color--disabled": a("neutral-darker"),
2014
- "checkbox-selector-checked-border-color": a("primary"),
2015
- "checkbox-selector-checked-border-color--hover": a("accent"),
2016
- "checkbox-selector-checked-border-color--focus": a("accent"),
2017
- "checkbox-selector-checked-border-color--disabled": a("neutral-darkest"),
2018
- // checkbox dark
2019
- "checkbox-dark-color": a("neutral-lighter"),
2020
- "checkbox-dark-selector-background": a("neutral-darker"),
2021
- "checkbox-dark-selector-background--hover": a("neutral-darker"),
2022
- "checkbox-dark-selector-background--focus": a("neutral-darker"),
2023
- "checkbox-dark-selector-background--disabled": a("neutral-neutral"),
2024
- "checkbox-dark-selector-border-color": a("neutral-lighter"),
2025
- "checkbox-dark-selector-border-color--hover": a("accent"),
2026
- "checkbox-dark-selector-border-color--focus": a("accent"),
2027
- "checkbox-dark-selector-border-color--disabled": a("neutral-lighter"),
2028
- // radio
2029
- "radio-color": a("accent"),
2030
- "radio-font-weight": c.weight("medium"),
2031
- "radio-font-size": c.size("4"),
2032
- "radio-selector-border-radius": p.radius("circle"),
2033
- "radio-selector-size": e("24px"),
2034
- "radio-selector-box-shadow": "none",
2035
- "radio-small-font-size": c.size("5"),
2036
- "radio-small-selector-size": e("16px"),
2037
- "radio-selector-background": a("neutral-white"),
2038
- "radio-selector-background--hover": a("neutral-white"),
2039
- "radio-selector-background--focus": a("neutral-white"),
2040
- "radio-selector-background--disabled": a("neutral-light"),
2041
- "radio-selector-border-color": a("neutral-darker"),
2042
- "radio-selector-border-color--hover": a("accent"),
2043
- "radio-selector-border-color--focus": a("accent"),
2044
- "radio-selector-border-color--disabled": a("neutral-darker"),
2045
- "radio-selector-border-color--checked": t("color-primary-60"),
2046
- // radio dark
2047
- "radio-dark-color": a("neutral-lighter"),
2048
- "radio-dark-selector-background": a("neutral-darker"),
2049
- "radio-dark-selector-background--hover": a("neutral-darker"),
2050
- "radio-dark-selector-background--focus": a("neutral-darker"),
2051
- "radio-dark-selector-background--disabled": a("neutral-neutral"),
2052
- "radio-dark-selector-border-color": a("neutral-lighter"),
2053
- "radio-dark-selector-border-color--hover": a("accent"),
2054
- "radio-dark-selector-border-color--focus": a("accent"),
2055
- "radio-dark-selector-border-color--disabled": a("neutral-lighter"),
2056
- // tooltip
2057
- "tooltip-arrow-height": e("12px"),
2058
- "tooltip-arrow-width": e("20px"),
2059
- "tooltip-background": a("neutral-darker"),
2060
- "tooltip-border-radius": e("8px"),
2061
- "tooltip-color": a("neutral-white"),
2062
- "tooltip-dark-outline": t("color-neutral-60", 0.4),
2063
- "tooltip-font-size": c.size("4"),
2064
- "tooltip-font-height": c.height("3"),
2065
- "tooltip-max-width": e("240px"),
2066
- "tooltip-min-width": e("80px"),
2067
- "tooltip-outline": a("neutral-darkest"),
2068
- "tooltip-padding-x": g("m"),
2069
- "tooltip-padding-y": g("s"),
2070
- "tooltip-margin": g("s"),
2071
- "tooltip-shadow": S("droplist"),
2072
- // modal
2073
- "modal-small-max-width": e("344px"),
2074
- "modal-max-width": e("484px"),
2075
- "modal-large-max-width": e("688px"),
2076
- "modal-overlay-background": t("color-neutral-100", 0.4),
2077
- // dialog
2078
- "dialog-header-color": a("neutral-darkest"),
2079
- "dialog-header-border-color": a("neutral-light"),
2080
- "dialog-body-font-color": a("color-neutral-darker"),
2081
- // text-field
2082
- "text-field-border-radius": p.radius("s"),
2083
- "text-field-color": a("neutral-darker"),
2084
- "text-field-font-size": c.size("4"),
2085
- "text-field-font-weight": c.weight("medium"),
2086
- "text-field-font-height": c.height("3"),
2087
- "text-field-height": w("default"),
2088
- "text-field-padding-x": g("s"),
2089
- "text-field-padding-y": g("s"),
2090
- "text-field-box-shadow": "none",
2091
- "text-field-outline": `1px solid ${t("color-primary-100")}`,
2092
- "text-field-outline-offset": "2px",
2093
- "text-field-small-height": w("small"),
2094
- "text-field-small-padding-x": g("s"),
2095
- "text-field-small-padding-y": g("xs"),
2096
- "text-field-small-font-size": c.size("5"),
2097
- "text-field-large-height": w("large"),
2098
- "text-field-large-padding-x": g("s"),
2099
- "text-field-large-padding-y": e("12px"),
2100
- "text-field-large-font-size": c.size("4"),
2101
- "text-field-background": a("neutral-white"),
2102
- "text-field-background--hover": a("neutral-white"),
2103
- "text-field-background--focus": a("neutral-white"),
2104
- "text-field-background--disabled": a("neutral-light"),
2105
- "text-field-border-color": t("color-border"),
2106
- "text-field-border-color--hover": t("color-primary-60"),
2107
- "text-field-border-color--focus": t("color-primary-60"),
2108
- "text-field-border-color--disabled": t("color-border"),
2109
- // text-field dark
2110
- "text-field-dark-color": a("neutral-lighter"),
2111
- "text-field-dark-background": a("neutral-darker"),
2112
- "text-field-dark-border-color": a("neutral-lighter"),
2113
- "text-field-dark-border-color--hover": a("accent"),
2114
- "text-field-dark-border-color--focus": a("accent"),
2115
- "text-field-dark-border-color--disabled": a("neutral-lighter"),
2116
- "text-field-success-border-color": a("accent"),
2117
- "text-field-danger-border-color": t("color-danger-60"),
2118
- "text-field-dark-box-shadow": "none",
2119
- // textarea
2120
- "textarea-border-radius": p.radius("s"),
2121
- "textarea-color": a("neutral-darker"),
2122
- "textarea-font-size": c.size("4"),
2123
- "textarea-font-weight": c.weight("medium"),
2124
- "textarea-font-height": c.height("3"),
2125
- "textarea-min-height": e("64px"),
2126
- "textarea-padding-x": g("s"),
2127
- "textarea-padding-y": g("s"),
2128
- "textarea-box-shadow": "none",
2129
- "textarea-outline": `1px solid ${t("color-primary-100")}`,
2130
- "textarea-outline-offset": "2px",
2131
- "textarea-small-padding-x": g("s"),
2132
- "textarea-small-padding-y": g("xs"),
2133
- "textarea-small-font-size": c.size("5"),
2134
- "textarea-large-height": e("45px"),
2135
- "textarea-large-padding-x": g("s"),
2136
- "textarea-large-padding-y": e("12px"),
2137
- "textarea-large-font-size": c.size("4"),
2138
- "textarea-background": a("neutral-white"),
2139
- "textarea-background--hover": a("neutral-white"),
2140
- "textarea-background--focus": a("neutral-white"),
2141
- "textarea-background--disabled": a("neutral-light"),
2142
- "textarea-border-color": a("neutral-darker"),
2143
- "textarea-border-color--hover": t("color-primary-60"),
2144
- "textarea-border-color--focus": t("color-primary-60"),
2145
- "textarea-border-color--disabled": a("neutral-darker"),
2146
- // textarea dark
2147
- "textarea-dark-color": a("neutral-lighter"),
2148
- "textarea-dark-background": a("neutral-darker"),
2149
- "textarea-dark-border-color": a("neutral-lighter"),
2150
- "textarea-dark-border-color--hover": a("accent"),
2151
- "textarea-dark-border-color--focus": a("accent"),
2152
- "textarea-dark-border-color--disabled": a("neutral-lighter"),
2153
- "textarea-success-border-color": a("accent"),
2154
- "textarea-danger-border-color": a("danger"),
2155
- "textarea-dark-box-shadow": "none",
2156
- // link
2157
- "link-font-size": c.size("3"),
2158
- "link-font-height": c.height("2"),
2159
- "link-color": t("color-primary-60", 1),
2160
- "link-font-weight": c.weight("medium"),
2161
- "link-font-weight--hover": c.weight("bold"),
2162
- "link-box-shadow": "none",
2163
- "link-outline": `1px solid ${t("color-primary-100")}`,
2164
- "link-outline-offset": "2px",
2165
- // breadcrumbs
2166
- "breadcrumbs-font-size": c.size("2"),
2167
- "breadcrumbs-font-height": c.height("2"),
2168
- "breadcrumbs-font-weight": c.weight("medium"),
2169
- "breadcrumbs-font-weight--active": c.weight("bold"),
2170
- "breadcrumbs-spacing-x": e("36px"),
2171
- //banner
2172
- "banner-font-size": c.size("4"),
2173
- "banner-font-height": c.height("3"),
2174
- "banner-default-height": e("40px"),
2175
- "banner-min-width": e("320px"),
2176
- "banner-description-color": a("neutral-darker"),
2177
- "banner-title-font-weight": c.weight("bold"),
2178
- "banner-border-radius": p.radius("m"),
2179
- "banner-border-width": p.width("thin"),
2180
- "banner-close-button-color": a("neutral-darker"),
2181
- "banner-icon-width": e("24px"),
2182
- "banner-icon-height": e("24px"),
2183
- "banner-icon-margin-right": e("10px"),
2184
- "banner-default-padding-x": g("m"),
2185
- "banner-default-padding-y": g("s"),
2186
- "banner-large-padding": g("m"),
2187
- "banner-default-icon-alignment": "center",
2188
- "banner-large-icon-alignment": "start",
2189
- "banner-default-close-top": g("s"),
2190
- "banner-default-close-right": g("s"),
2191
- "banner-large-close-top": e("12px"),
2192
- "banner-large-close-right": e("12px"),
2193
- //banner success
2194
- "banner-title-color-success": a("success-dark"),
2195
- "banner-border-color-success": a("success"),
2196
- "banner-background-success": a("success-light"),
2197
- //banner danger
2198
- "banner-title-color-danger": a("danger-dark"),
2199
- "banner-border-color-danger": a("danger"),
2200
- "banner-background-danger": a("danger-light"),
2201
- //banner warning
2202
- "banner-title-color-warning": a("warning-dark"),
2203
- "banner-border-color-warning": a("warning"),
2204
- "banner-background-warning": a("warning-light"),
2205
- //banner neutral
2206
- "banner-title-color-neutral": a("neutral-darker"),
2207
- "banner-border-color-neutral": a("neutral"),
2208
- "banner-background-neutral": a("neutral-light"),
2209
- //banner action
2210
- "banner-button-background-success": a("success-dark"),
2211
- "banner-button-background-neutral": a("neutral-dark"),
2212
- "banner-button-background-danger": a("danger-dark"),
2213
- "banner-button-background-warning": a("warning-dark"),
2214
- "banner-button-background-secondary": a("transparent"),
2215
- "banner-button-text-color": a("neutral-white"),
2216
- "banner-secondary-button-margin-left": g("s"),
2217
- // progressbar
2218
- "progressbar-height": e("5px"),
2219
- "progressbar-background": a("transparent"),
2220
- "progressbar-line": a("darker"),
2221
- // neutral
2222
- "progressbar-neutral-fill": a("neutral-light"),
2223
- // success
2224
- "progressbar-success-fill": a("success-light"),
2225
- // danger
2226
- "progressbar-danger-fill": a("danger-light"),
2227
- // warning
2228
- "progressbar-warning-fill": a("warning-light"),
2229
- // toast
2230
- "toast-padding-x": g("m"),
2231
- "toast-padding-y": g("m"),
2232
- "toast-border-radius": p.radius("s"),
2233
- "toast-font-color": a("neutral-white"),
2234
- "toast-font-size": c.size("4"),
2235
- "toast-font-weight": c.weight("bold"),
2236
- "toast-font-height": c.height("3"),
2237
- "toast-close-x": g("xs"),
2238
- "toast-close-y": g("xs"),
2239
- "toast-shadow": S("modal"),
2240
- "toast-width": e("320px"),
2241
- // neutral
2242
- "toast-neutral-background": a("neutral-dark"),
2243
- // success
2244
- "toast-success-background": a("success"),
2245
- // danger
2246
- "toast-danger-background": a("danger"),
2247
- // warning
2248
- "toast-warning-background": a("warning"),
2249
- // Label
2250
- "label-font-size": c.size("4"),
2251
- "label-font-weight": c.weight("medium"),
2252
- "label-font-height": c.height("3"),
2253
- "label-font-color": a("darker"),
2254
- // Label required
2255
- "label-required-color": a("danger"),
2256
- // Label tooltip
2257
- "label-tooltip-margin-left": g("xs"),
2258
- "label-tooltip-font-weight": c.weight("bold"),
2259
- "label-tooltip-font-size": c.size("5"),
2260
- "label-tooltip-font-color": a("neutral-white"),
2261
- "label-tooltip-background-color": a("neutral"),
2262
- // Label dark
2263
- "label-dark-font-color": a("neutral-white"),
2264
- // Label tooltip dark
2265
- "label-tooltip-dark-font-color": a("neutral-white"),
2266
- "label-tooltip-dark-background-color": a("neutral"),
2267
- // Switch
2268
- "switch-width": e("52px"),
2269
- "switch-height": e("22px"),
2270
- "switch-border-radius": e("22px"),
2271
- "switch-box-shadow": "none",
2272
- "switch-outline": `1px solid ${t("color-primary-100")}`,
2273
- "switch-outline-offset": "2px",
2274
- // Switch Large
2275
- "switch-large-width": e("70px"),
2276
- "switch-large-height": e("32px"),
2277
- "switch-large-border-radius": e("32px"),
2278
- // Switch Icon
2279
- "switch-icon-height": e("16px"),
2280
- "switch-icon-width": e("16px"),
2281
- "switch-icon-color": a("neutral-white"),
2282
- // Switch Icon Large
2283
- "switch-large-icon-height": e("20px"),
2284
- "switch-large-icon-width": e("20px"),
2285
- // Switch Icon Active
2286
- "switch-icon-active-x": e("8px"),
2287
- "switch-icon-active-y": e("3px"),
2288
- // Switch Large Icon Active
2289
- "switch-large-icon-active-x": e("8px"),
2290
- "switch-large-icon-active-y": e("6px"),
2291
- // Switch Icon Inactive
2292
- "switch-icon-inactive-x": e("28px"),
2293
- "switch-icon-inactive-y": e("3px"),
2294
- // Switch Large Icon Inactive
2295
- "switch-large-icon-inactive-x": e("42px"),
2296
- "switch-large-icon-inactive-y": e("6px"),
2297
- // Switch Inactive
2298
- "switch-inactive-background-color": a("neutral"),
2299
- "switch-inactive-background-color--hover": t("color-neutral-80", 0.4),
2300
- // Switch Active
2301
- "switch-active-background-color": t("color-primary-60"),
2302
- "switch-active-background-color--hover": t("color-primary-60", 0.6),
2303
- // Switch Slider
2304
- "switch-slider-x": e("3px"),
2305
- "switch-slider-active-x": e("33px"),
2306
- "switch-slider-y": e("3px"),
2307
- "switch-slider-active-y": e("3px"),
2308
- "switch-slider-size": e("16px"),
2309
- "switch-slider-background-color": a("neutral-white"),
2310
- "switch-slider-border-radius": p.radius("circle"),
2311
- // Switch Slider Large
2312
- "switch-slider-large-x": e("2px"),
2313
- "switch-slider-large-active-x": e("40px"),
2314
- "switch-slider-large-y": e("2px"),
2315
- "switch-slider-large-active-y": e("2px"),
2316
- "switch-slider-large-size": e("28px"),
2317
- // steps
2318
- "steps-step-padding-y": g("xl"),
2319
- "steps-step-padding-x": g("xl"),
2320
- "steps-color": a("neutral-darker"),
2321
- "steps-progress-padding-y": g("xl"),
2322
- "steps-progress-padding-x": g("xl"),
2323
- "steps-spacing-y": g("3xl"),
2324
- "steps-indicator-size": e("24px"),
2325
- "steps-conector-height": "1px",
2326
- "steps-conector-height--complete": "3px",
2327
- "steps-conector-top": "12px",
2328
- // Math.round((steps-indicator-size - steps-conector-height) / 2)
2329
- "steps-conector-top--complete": "11px",
2330
- // Math.round((steps-indicator-size - steps-conector-height--complete) / 2)
2331
- "steps-progress-step-background-color": a("neutral"),
2332
- "steps-progress-step-background-color--complete": t("color-primary-60"),
2333
- // card
2334
- "card-background": a("neutral-white"),
2335
- "card-border-color": a("neutral-light"),
2336
- "card-border-radius": p.radius("s"),
2337
- "card-color": a("neutral-darker"),
2338
- "card-flag-background-danger": a("danger"),
2339
- "card-flag-background-neutral": a("neutral-light"),
2340
- "card-flag-background-success": a("success"),
2341
- "card-flag-background-warning": a("warning"),
2342
- "card-flag-width": e("4px"),
2343
- "card-font-height": c.height("3"),
2344
- "card-padding-x": g("m"),
2345
- "card-padding-y": g("m"),
2346
- "card-separator-background": a("neutral-lighter"),
2347
- "card-subtitle-font-size": c.size("4"),
2348
- "card-subtitle-font-weight": c.weight("medium"),
2349
- "card-title-font-height": c.height("2"),
2350
- "card-title-font-size": c.size("3"),
2351
- "card-title-font-weight": c.weight("bold"),
2352
- // popover
2353
- "popover-background": a("neutral-white"),
2354
- "popover-border-color": a("neutral-light"),
2355
- "popover-border-radius": p.radius("s"),
2356
- "popover-shadow": S("droplist"),
2357
- // Side Navigation
2358
- "side-navigation-collapsing-breakpoint": e("1280px"),
2359
- "side-navigation-width": e("200px"),
2360
- "side-navigation-width-large": e("300px"),
2361
- "side-navigation-padding-bottom": g("l"),
2362
- "side-navigation-background-color": t("color-background-inverted"),
2363
- "side-navigation-component-margin-top": g("l"),
2364
- "side-navigation-logo-padding-x": g("l"),
2365
- "side-navigation-separator-color": a("neutral-dark"),
2366
- "side-navigation-menu-title-font-weight": t("font-weight-bold"),
2367
- "side-navigation-menu-title-font-size": t("font-size-5"),
2368
- "side-navigation-menu-title-line-height": t("line-height-5"),
2369
- "side-navigation-menu-link-color--hover": t("color-brand"),
2370
- "side-navigation-menu-link-background-color--active": t("color-background-secondary-inverted"),
2371
- "side-navigation-menu-link-box-shadow-color--active": t("color-brand"),
2372
- "side-navigation-menu-item-color--focus": t("color-brand"),
2373
- // Table
2374
- "table-row-default-color": a("neutral-white"),
2375
- "table-row-variant-color": t("color-neutral-40", 0.2),
2376
- "table-row-selected-color": t("color-primary-20"),
2377
- // Top Navigation
2378
- "top-navigation-height": e("60px"),
2379
- "top-navigation-background-color": a("neutral-white"),
2380
- "top-navigation-border-color": a("neutral-lighter"),
2381
- "top-navigation-dropdown-separator-color": a("neutral-lighter"),
2382
- "top-navigation-dropdown-trigger-color": a("neutral"),
2383
- "top-navigation-dropdown-subitem-color": a("neutral-dark"),
2384
- "top-navigation-item-icon-color": a("neutral-dark"),
2385
- "top-navigation-item-color": a("neutral-darkest"),
2386
- "top-navigation-item-color--hover": t("color-brand"),
2387
- // Select
2388
- "select-trigger-height": `calc(${w("default")} - 2px)`,
2389
- "select-trigger-border-color": t("color-border"),
2390
- "select-selected-option-check-color": t("color-primary-60"),
2391
- "select-selected-option-background-color": t("color-primary-60", 0.2),
2392
- // Toggle & Toggle Group
2393
- "toggle-text-transform": "initial",
2394
- "toggle-box-shadow": "none",
2395
- "toggle-outline": `1px solid ${t("color-primary-100")}`,
2396
- "toggle-outline-offset": "2px",
2397
- "toggle-background-color": a("transparent"),
2398
- "toggle-background-color--hover": t("color-background-tertiary"),
2399
- "toggle-background-color--focus": a("transparent"),
2400
- "toggle-background-color--active": a("transparent"),
2401
- "toggle-background-color--disabled": a("transparent"),
2402
- "toggle-checked-background-color": t("color-primary-20"),
2403
- "toggle-checked-background-color--hover": t("color-background-tertiary"),
2404
- "toggle-checked-background-color--focus": t("color-primary-20"),
2405
- "toggle-checked-background-color--active": t("color-background-tertiary"),
2406
- "toggle-checked-background-color--disabled": t("color-primary-20"),
2407
- "toggle-color": t("color-primary-100"),
2408
- "toggle-color--hover": t("color-primary-100"),
2409
- "toggle-color--focus": t("color-primary-100"),
2410
- "toggle-color--active": t("color-primary-100"),
2411
- "toggle-color--disabled": t("color-primary-100"),
2412
- "toggle-checked-color": t("color-primary-100"),
2413
- "toggle-checked-color--hover": t("color-primary-100"),
2414
- "toggle-checked-color--focus": t("color-primary-100"),
2415
- "toggle-checked-color--active": t("color-primary-100"),
2416
- "toggle-checked-color--disabled": t("color-primary-100"),
2417
- "toggle-single-border-color": a("transparent"),
2418
- "toggle-single-border-color--hover": t("color-background-tertiary"),
2419
- "toggle-single-border-color--focus": t("color-background-tertiary"),
2420
- "toggle-single-border-color--active": t("color-background-tertiary"),
2421
- "toggle-single-border-color--disabled": a("transparent"),
2422
- "toggle-single-checked-border-color": t("color-primary-20"),
2423
- "toggle-single-checked-border-color--disabled": t("color-primary-20"),
2424
- "toggle-single-font-size": t("font-size-3"),
2425
- "toggle-single-small-font-size": t("font-size-2"),
2426
- "toggle-single-height": "30px",
2427
- "toggle-single-small-height": "18px",
2428
- "toggle-multiple-border-color": a("transparent"),
2429
- "toggle-multiple-border-color--hover": t("color-background-tertiary"),
2430
- "toggle-multiple-border-color--focus": t("color-background-tertiary"),
2431
- "toggle-multiple-border-color--active": t("color-background-tertiary"),
2432
- "toggle-multiple-border-color--disabled": a("transparent"),
2433
- "toggle-multiple-checked-border-color": t("color-primary-20"),
2434
- "toggle-multiple-checked-border-color--disabled": t("color-primary-20"),
2435
- "toggle-multiple-font-size": t("font-size-3"),
2436
- "toggle-multiple-small-font-size": t("font-size-2"),
2437
- "toggle-multiple-height": "30px",
2438
- "toggle-multiple-small-height": "18px",
2439
- "toggle-group-border-color--disabled": t("color-primary-20"),
2440
- "toggle-group-multiple-border-width": "1px",
2441
- "toggle-group-multiple-border-style": "solid",
2442
- "toggle-group-multiple-border-color": t("color-border"),
2443
- "toggle-group-multiple-border-radius": t("border-radius-s"),
2444
- "toggle-group-multiple-padding": t("spacing-1"),
2445
- "toggle-group-single-border-width": "1px",
2446
- "toggle-group-single-border-style": "solid",
2447
- "toggle-group-single-border-color": t("color-border"),
2448
- "toggle-group-single-border-radius": t("border-radius-s"),
2449
- "toggle-group-single-padding": t("spacing-1"),
2450
- // dropdown
2451
- "dropdown-trigger-border-color": t("color-border"),
2452
- "dropdown-trigger-dark-border-color": t("color-border"),
2453
- "dropdown-trigger-outlined-border-color": a("transparent"),
2454
- "dropdown-trigger-expanded-color": t("color-primary-60"),
2455
- "dropdown-trigger-height": `calc(${w("default")} - 2px)`,
2456
- "dropdown-trigger-small-height": `calc(${w("small")} - 2px)`,
2457
- "dropdown-trigger-large-height": `calc(${w("large")} - 2px)`,
2458
- "dropdown-trigger-box-shadow": "none",
2459
- "dropdown-trigger-outline": `1px solid ${t("color-primary-100")}`,
2460
- "dropdown-trigger-outline-offset": "2px"
2461
- };
2462
- export {
2463
- sr as B,
2464
- br as a,
2465
- yr as l,
2466
- vr as m,
2467
- e as r
2468
- };
2469
- //# sourceMappingURL=miranda-compatibility.theme-DQDHkWzC.mjs.map