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