@broxus/react-uikit 0.18.0 → 0.19.0

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 (519) hide show
  1. package/dist/cjs/components/Accordion/Item.d.ts +3 -2
  2. package/dist/cjs/components/Accordion/index.d.ts +0 -1
  3. package/dist/cjs/components/Accordion/index.js +0 -1
  4. package/dist/cjs/components/Alert/index.d.ts +0 -1
  5. package/dist/cjs/components/Alert/index.js +6 -8
  6. package/dist/cjs/components/Align/Align.d.ts +3 -2
  7. package/dist/cjs/components/Align/Align.js +12 -6
  8. package/dist/cjs/components/Align/Center.d.ts +6 -0
  9. package/dist/cjs/components/Align/Center.js +44 -0
  10. package/dist/cjs/components/Align/Left.d.ts +1 -1
  11. package/dist/cjs/components/Align/Left.js +1 -1
  12. package/dist/cjs/components/Align/Right.d.ts +1 -1
  13. package/dist/cjs/components/Align/Right.js +1 -1
  14. package/dist/cjs/components/Align/index.d.ts +4 -1
  15. package/dist/cjs/components/Align/index.js +18 -1
  16. package/dist/cjs/components/Align/types.d.ts +3 -0
  17. package/dist/cjs/components/Align/types.js +2 -0
  18. package/dist/cjs/components/Align/utils.d.ts +2 -0
  19. package/dist/cjs/components/Align/utils.js +13 -0
  20. package/dist/cjs/components/Article/index.d.ts +0 -1
  21. package/dist/cjs/components/Article/index.js +0 -1
  22. package/dist/cjs/components/Badge/index.d.ts +0 -1
  23. package/dist/cjs/components/Badge/index.js +0 -1
  24. package/dist/cjs/components/Breadcrumb/index.d.ts +0 -1
  25. package/dist/cjs/components/Breadcrumb/index.js +0 -1
  26. package/dist/cjs/components/Button/index.d.ts +0 -1
  27. package/dist/cjs/components/Button/index.js +0 -1
  28. package/dist/cjs/components/Card/index.d.ts +0 -1
  29. package/dist/cjs/components/Card/index.js +0 -1
  30. package/dist/cjs/components/Close/index.d.ts +0 -1
  31. package/dist/cjs/components/Close/index.js +0 -1
  32. package/dist/cjs/components/ConfigProvider/index.d.ts +8 -6
  33. package/dist/cjs/components/ConfigProvider/index.js +1 -2
  34. package/dist/cjs/components/Container/index.d.ts +0 -1
  35. package/dist/cjs/components/Container/index.js +0 -1
  36. package/dist/cjs/components/Control/Checkbox/index.d.ts +0 -1
  37. package/dist/cjs/components/Control/Checkbox/index.js +0 -1
  38. package/dist/cjs/components/Control/Input/Input.d.ts +0 -1
  39. package/dist/cjs/components/Control/Input/Input.js +0 -1
  40. package/dist/cjs/components/Control/Input/Number/index.d.ts +0 -2
  41. package/dist/cjs/components/Control/Input/Number/index.js +0 -2
  42. package/dist/cjs/components/Control/Input/Password/index.d.ts +0 -2
  43. package/dist/cjs/components/Control/Input/Password/index.js +0 -2
  44. package/dist/cjs/components/Control/Radio/index.d.ts +0 -2
  45. package/dist/cjs/components/Control/Radio/index.js +0 -2
  46. package/dist/cjs/components/Control/Select/index.d.ts +0 -2
  47. package/dist/cjs/components/Control/Select/index.js +0 -2
  48. package/dist/cjs/components/Control/TextArea/index.d.ts +0 -2
  49. package/dist/cjs/components/Control/TextArea/index.js +0 -2
  50. package/dist/cjs/components/Cover/index.d.ts +0 -1
  51. package/dist/cjs/components/Cover/index.js +0 -1
  52. package/dist/cjs/components/DatePicker/index.d.ts +8 -1
  53. package/dist/cjs/components/DatePicker/index.js +8 -2
  54. package/dist/cjs/components/DescriptionList/index.d.ts +0 -1
  55. package/dist/cjs/components/DescriptionList/index.js +0 -1
  56. package/dist/cjs/components/Divider/index.d.ts +0 -1
  57. package/dist/cjs/components/Divider/index.js +0 -1
  58. package/dist/cjs/components/Dotnav/index.d.ts +0 -1
  59. package/dist/cjs/components/Dotnav/index.js +0 -1
  60. package/dist/cjs/components/Drawer/index.d.ts +0 -1
  61. package/dist/cjs/components/Drawer/index.js +1 -2
  62. package/dist/cjs/components/Drop/index.d.ts +0 -1
  63. package/dist/cjs/components/Drop/index.js +3 -4
  64. package/dist/cjs/components/Dropdown/index.d.ts +0 -1
  65. package/dist/cjs/components/Dropdown/index.js +0 -1
  66. package/dist/cjs/components/Flex/index.d.ts +0 -1
  67. package/dist/cjs/components/Flex/index.js +0 -1
  68. package/dist/cjs/components/Form/index.d.ts +0 -1
  69. package/dist/cjs/components/Form/index.js +0 -1
  70. package/dist/cjs/components/Grid/index.d.ts +0 -1
  71. package/dist/cjs/components/Grid/index.js +0 -1
  72. package/dist/cjs/components/Heading/index.d.ts +0 -1
  73. package/dist/cjs/components/Heading/index.js +0 -1
  74. package/dist/cjs/components/Icon/index.d.ts +0 -1
  75. package/dist/cjs/components/Icon/index.js +0 -1
  76. package/dist/cjs/components/Iconnav/index.d.ts +0 -1
  77. package/dist/cjs/components/Iconnav/index.js +0 -1
  78. package/dist/cjs/components/Label/index.d.ts +0 -1
  79. package/dist/cjs/components/Label/index.js +0 -1
  80. package/dist/cjs/components/Link/index.d.ts +0 -1
  81. package/dist/cjs/components/Link/index.js +0 -1
  82. package/dist/cjs/components/List/index.d.ts +0 -1
  83. package/dist/cjs/components/List/index.js +0 -1
  84. package/dist/cjs/components/Modal/index.d.ts +11 -1
  85. package/dist/cjs/components/Modal/index.js +65 -3
  86. package/dist/cjs/components/Nav/Group/InternalNavItemGroup.d.ts +4 -1
  87. package/dist/cjs/components/Nav/Group/InternalNavItemGroup.js +4 -2
  88. package/dist/cjs/components/Nav/Group/index.d.ts +1 -1
  89. package/dist/cjs/components/Nav/Group/index.js +1 -2
  90. package/dist/cjs/components/Nav/Item/InternalNavItem.d.ts +4 -1
  91. package/dist/cjs/components/Nav/Item/InternalNavItem.js +19 -3
  92. package/dist/cjs/components/Nav/Item/index.d.ts +1 -1
  93. package/dist/cjs/components/Nav/Item/index.js +2 -3
  94. package/dist/cjs/components/Nav/Sub/InlineSubNavList.d.ts +4 -1
  95. package/dist/cjs/components/Nav/Sub/InlineSubNavList.js +4 -2
  96. package/dist/cjs/components/Nav/Sub/PopupTrigger.d.ts +4 -1
  97. package/dist/cjs/components/Nav/Sub/PopupTrigger.js +6 -4
  98. package/dist/cjs/components/Nav/Sub/SubNavList.js +1 -2
  99. package/dist/cjs/components/Nav/Sub/index.d.ts +1 -1
  100. package/dist/cjs/components/Nav/Sub/index.js +2 -3
  101. package/dist/cjs/components/Nav/context/IdContext.js +1 -1
  102. package/dist/cjs/components/Nav/context/NavContext.d.ts +1 -1
  103. package/dist/cjs/components/Nav/context/NavContext.js +2 -3
  104. package/dist/cjs/components/Nav/context/PathContext.js +3 -3
  105. package/dist/cjs/components/Nav/context/PrivateContext.js +3 -0
  106. package/dist/cjs/components/Nav/index.d.ts +0 -1
  107. package/dist/cjs/components/Nav/index.js +0 -1
  108. package/dist/cjs/components/Navbar/index.d.ts +0 -1
  109. package/dist/cjs/components/Navbar/index.js +0 -1
  110. package/dist/cjs/components/Overlay/index.d.ts +0 -1
  111. package/dist/cjs/components/Overlay/index.js +0 -1
  112. package/dist/cjs/components/Progress/index.d.ts +0 -1
  113. package/dist/cjs/components/Progress/index.js +0 -1
  114. package/dist/cjs/components/Section/index.d.ts +2 -3
  115. package/dist/cjs/components/Section/index.js +0 -1
  116. package/dist/cjs/components/Segmented/index.d.ts +19 -0
  117. package/dist/cjs/components/Segmented/index.js +68 -0
  118. package/dist/cjs/components/Spinner/index.d.ts +0 -1
  119. package/dist/cjs/components/Spinner/index.js +0 -1
  120. package/dist/cjs/components/Subnav/index.d.ts +0 -1
  121. package/dist/cjs/components/Subnav/index.js +0 -1
  122. package/dist/cjs/components/Switch/index.d.ts +0 -1
  123. package/dist/cjs/components/Switch/index.js +0 -1
  124. package/dist/cjs/components/Tabs/index.d.ts +0 -1
  125. package/dist/cjs/components/Tabs/index.js +0 -1
  126. package/dist/cjs/components/Text/index.d.ts +0 -1
  127. package/dist/cjs/components/Text/index.js +0 -1
  128. package/dist/cjs/components/Tile/index.d.ts +0 -1
  129. package/dist/cjs/components/Tile/index.js +0 -1
  130. package/dist/cjs/components/Width/Width.d.ts +2 -3
  131. package/dist/cjs/components/Width/Width.js +1 -7
  132. package/dist/cjs/components/Width/utils.d.ts +1 -1
  133. package/dist/cjs/index.d.ts +1 -0
  134. package/dist/cjs/index.js +1 -0
  135. package/dist/esm/components/Accordion/Item.d.ts +3 -2
  136. package/dist/esm/components/Accordion/index.d.ts +0 -1
  137. package/dist/esm/components/Accordion/index.js +0 -1
  138. package/dist/esm/components/Alert/index.d.ts +0 -1
  139. package/dist/esm/components/Alert/index.js +6 -8
  140. package/dist/esm/components/Align/Align.d.ts +3 -2
  141. package/dist/esm/components/Align/Align.js +12 -6
  142. package/dist/esm/components/Align/Center.d.ts +6 -0
  143. package/dist/esm/components/Align/Center.js +8 -0
  144. package/dist/esm/components/Align/Left.d.ts +1 -1
  145. package/dist/esm/components/Align/Left.js +1 -1
  146. package/dist/esm/components/Align/Right.d.ts +1 -1
  147. package/dist/esm/components/Align/Right.js +1 -1
  148. package/dist/esm/components/Align/index.d.ts +4 -1
  149. package/dist/esm/components/Align/index.js +4 -1
  150. package/dist/esm/components/Align/types.d.ts +3 -0
  151. package/dist/esm/components/Align/types.js +1 -0
  152. package/dist/esm/components/Align/utils.d.ts +2 -0
  153. package/dist/esm/components/Align/utils.js +10 -0
  154. package/dist/esm/components/Article/index.d.ts +0 -1
  155. package/dist/esm/components/Article/index.js +0 -1
  156. package/dist/esm/components/Badge/index.d.ts +0 -1
  157. package/dist/esm/components/Badge/index.js +0 -1
  158. package/dist/esm/components/Breadcrumb/index.d.ts +0 -1
  159. package/dist/esm/components/Breadcrumb/index.js +0 -1
  160. package/dist/esm/components/Button/index.d.ts +0 -1
  161. package/dist/esm/components/Button/index.js +0 -1
  162. package/dist/esm/components/Card/index.d.ts +0 -1
  163. package/dist/esm/components/Card/index.js +0 -1
  164. package/dist/esm/components/Close/index.d.ts +0 -1
  165. package/dist/esm/components/Close/index.js +0 -1
  166. package/dist/esm/components/ConfigProvider/index.d.ts +8 -6
  167. package/dist/esm/components/ConfigProvider/index.js +1 -2
  168. package/dist/esm/components/Container/index.d.ts +0 -1
  169. package/dist/esm/components/Container/index.js +0 -1
  170. package/dist/esm/components/Control/Checkbox/index.d.ts +0 -1
  171. package/dist/esm/components/Control/Checkbox/index.js +0 -1
  172. package/dist/esm/components/Control/Input/Input.d.ts +0 -1
  173. package/dist/esm/components/Control/Input/Input.js +0 -1
  174. package/dist/esm/components/Control/Input/Number/index.d.ts +0 -2
  175. package/dist/esm/components/Control/Input/Number/index.js +0 -2
  176. package/dist/esm/components/Control/Input/Password/index.d.ts +0 -2
  177. package/dist/esm/components/Control/Input/Password/index.js +0 -2
  178. package/dist/esm/components/Control/Radio/index.d.ts +0 -2
  179. package/dist/esm/components/Control/Radio/index.js +0 -2
  180. package/dist/esm/components/Control/Select/index.d.ts +0 -2
  181. package/dist/esm/components/Control/Select/index.js +0 -2
  182. package/dist/esm/components/Control/TextArea/index.d.ts +0 -2
  183. package/dist/esm/components/Control/TextArea/index.js +0 -2
  184. package/dist/esm/components/Cover/index.d.ts +0 -1
  185. package/dist/esm/components/Cover/index.js +0 -1
  186. package/dist/esm/components/DatePicker/index.d.ts +8 -1
  187. package/dist/esm/components/DatePicker/index.js +7 -1
  188. package/dist/esm/components/DescriptionList/index.d.ts +0 -1
  189. package/dist/esm/components/DescriptionList/index.js +0 -1
  190. package/dist/esm/components/Divider/index.d.ts +0 -1
  191. package/dist/esm/components/Divider/index.js +0 -1
  192. package/dist/esm/components/Dotnav/index.d.ts +0 -1
  193. package/dist/esm/components/Dotnav/index.js +0 -1
  194. package/dist/esm/components/Drawer/index.d.ts +0 -1
  195. package/dist/esm/components/Drawer/index.js +1 -2
  196. package/dist/esm/components/Drop/index.d.ts +0 -1
  197. package/dist/esm/components/Drop/index.js +3 -4
  198. package/dist/esm/components/Dropdown/index.d.ts +0 -1
  199. package/dist/esm/components/Dropdown/index.js +0 -1
  200. package/dist/esm/components/Flex/index.d.ts +0 -1
  201. package/dist/esm/components/Flex/index.js +0 -1
  202. package/dist/esm/components/Form/index.d.ts +0 -1
  203. package/dist/esm/components/Form/index.js +0 -1
  204. package/dist/esm/components/Grid/index.d.ts +0 -1
  205. package/dist/esm/components/Grid/index.js +0 -1
  206. package/dist/esm/components/Heading/index.d.ts +0 -1
  207. package/dist/esm/components/Heading/index.js +0 -1
  208. package/dist/esm/components/Icon/index.d.ts +0 -1
  209. package/dist/esm/components/Icon/index.js +0 -1
  210. package/dist/esm/components/Iconnav/index.d.ts +0 -1
  211. package/dist/esm/components/Iconnav/index.js +0 -1
  212. package/dist/esm/components/Label/index.d.ts +0 -1
  213. package/dist/esm/components/Label/index.js +0 -1
  214. package/dist/esm/components/Link/index.d.ts +0 -1
  215. package/dist/esm/components/Link/index.js +0 -1
  216. package/dist/esm/components/List/index.d.ts +0 -1
  217. package/dist/esm/components/List/index.js +0 -1
  218. package/dist/esm/components/Modal/index.d.ts +11 -1
  219. package/dist/esm/components/Modal/index.js +40 -1
  220. package/dist/esm/components/Nav/Group/InternalNavItemGroup.d.ts +4 -1
  221. package/dist/esm/components/Nav/Group/InternalNavItemGroup.js +4 -2
  222. package/dist/esm/components/Nav/Group/index.d.ts +1 -1
  223. package/dist/esm/components/Nav/Group/index.js +1 -2
  224. package/dist/esm/components/Nav/Item/InternalNavItem.d.ts +4 -1
  225. package/dist/esm/components/Nav/Item/InternalNavItem.js +19 -3
  226. package/dist/esm/components/Nav/Item/index.d.ts +1 -1
  227. package/dist/esm/components/Nav/Item/index.js +2 -3
  228. package/dist/esm/components/Nav/Sub/InlineSubNavList.d.ts +4 -1
  229. package/dist/esm/components/Nav/Sub/InlineSubNavList.js +4 -2
  230. package/dist/esm/components/Nav/Sub/PopupTrigger.d.ts +4 -1
  231. package/dist/esm/components/Nav/Sub/PopupTrigger.js +6 -4
  232. package/dist/esm/components/Nav/Sub/SubNavList.js +1 -2
  233. package/dist/esm/components/Nav/Sub/index.d.ts +1 -1
  234. package/dist/esm/components/Nav/Sub/index.js +2 -3
  235. package/dist/esm/components/Nav/context/IdContext.js +1 -1
  236. package/dist/esm/components/Nav/context/NavContext.d.ts +1 -1
  237. package/dist/esm/components/Nav/context/NavContext.js +2 -3
  238. package/dist/esm/components/Nav/context/PathContext.js +3 -3
  239. package/dist/esm/components/Nav/context/PrivateContext.js +3 -0
  240. package/dist/esm/components/Nav/index.d.ts +0 -1
  241. package/dist/esm/components/Nav/index.js +0 -1
  242. package/dist/esm/components/Navbar/index.d.ts +0 -1
  243. package/dist/esm/components/Navbar/index.js +0 -1
  244. package/dist/esm/components/Overlay/index.d.ts +0 -1
  245. package/dist/esm/components/Overlay/index.js +0 -1
  246. package/dist/esm/components/Progress/index.d.ts +0 -1
  247. package/dist/esm/components/Progress/index.js +0 -1
  248. package/dist/esm/components/Section/index.d.ts +2 -3
  249. package/dist/esm/components/Section/index.js +0 -1
  250. package/dist/esm/components/Segmented/index.d.ts +19 -0
  251. package/dist/esm/components/Segmented/index.js +29 -0
  252. package/dist/esm/components/Spinner/index.d.ts +0 -1
  253. package/dist/esm/components/Spinner/index.js +0 -1
  254. package/dist/esm/components/Subnav/index.d.ts +0 -1
  255. package/dist/esm/components/Subnav/index.js +0 -1
  256. package/dist/esm/components/Switch/index.d.ts +0 -1
  257. package/dist/esm/components/Switch/index.js +0 -1
  258. package/dist/esm/components/Tabs/index.d.ts +0 -1
  259. package/dist/esm/components/Tabs/index.js +0 -1
  260. package/dist/esm/components/Text/index.d.ts +0 -1
  261. package/dist/esm/components/Text/index.js +0 -1
  262. package/dist/esm/components/Tile/index.d.ts +0 -1
  263. package/dist/esm/components/Tile/index.js +0 -1
  264. package/dist/esm/components/Width/Width.d.ts +2 -3
  265. package/dist/esm/components/Width/Width.js +1 -7
  266. package/dist/esm/components/Width/utils.d.ts +1 -1
  267. package/dist/esm/index.d.ts +1 -0
  268. package/dist/esm/index.js +1 -0
  269. package/package.json +13 -15
  270. package/styles/_import.components.scss +69 -0
  271. package/styles/_import.scss +97 -0
  272. package/styles/_import.utilities.scss +18 -0
  273. package/{dist/cjs/components/Accordion/index.scss → styles/accordion.scss} +23 -21
  274. package/{dist/cjs/components/Alert/index.scss → styles/alert.scss} +19 -17
  275. package/{dist/esm/components/Align/index.scss → styles/align.scss} +4 -2
  276. package/{dist/cjs/styles → styles}/animation.scss +9 -6
  277. package/{dist/esm/components/Article/index.scss → styles/article.scss} +8 -6
  278. package/{dist/esm/styles → styles}/background.scss +5 -2
  279. package/{dist/cjs/components/Badge/index.scss → styles/badge.scss} +6 -4
  280. package/{dist/esm/styles → styles}/base.scss +27 -22
  281. package/{dist/cjs/components/Breadcrumb/index.scss → styles/breadcrumb.scss} +10 -8
  282. package/{dist/cjs/components/Button/index.scss → styles/button.scss} +47 -39
  283. package/{dist/esm/components/Card/index.scss → styles/card.scss} +30 -28
  284. package/{dist/esm/components/Control/Checkbox/index.scss → styles/checkbox.scss} +19 -18
  285. package/{dist/cjs/components/Close/index.scss → styles/close.scss} +6 -4
  286. package/{dist/cjs/styles → styles}/column.scss +4 -2
  287. package/{dist/esm/styles → styles}/comment.scss +14 -12
  288. package/{dist/esm/components/Container/index.scss → styles/container.scss} +4 -2
  289. package/{dist/cjs/components/Control/index.scss → styles/control.scss} +27 -23
  290. package/{dist/cjs/components/Cover/index.scss → styles/cover.scss} +28 -7
  291. package/{dist/esm/components/DatePicker/index.scss → styles/datepicker.scss} +40 -39
  292. package/{dist/cjs/components/DescriptionList/index.scss → styles/description-list.scss} +7 -5
  293. package/{dist/esm/components/Divider/index.scss → styles/divider.scss} +11 -9
  294. package/{dist/cjs/components/Dotnav/index.scss → styles/dotnav.scss} +9 -7
  295. package/{dist/cjs/components/Drawer/index.scss → styles/drawer.scss} +10 -8
  296. package/{dist/cjs/components/Drop/index.scss → styles/drop.scss} +7 -4
  297. package/{dist/cjs/components/Dropdown/index.scss → styles/dropdown.scss} +10 -8
  298. package/{dist/esm/components/Flex/index.scss → styles/flex.scss} +4 -2
  299. package/{dist/esm/components/Form/index.scss → styles/form.scss} +21 -18
  300. package/{dist/cjs/components/Grid/index.scss → styles/grid.scss} +10 -16
  301. package/{dist/cjs/components/Heading/index.scss → styles/heading.scss} +12 -10
  302. package/{dist/esm/styles → styles}/height.scss +4 -2
  303. package/{dist/esm/components/Icon/index.scss → styles/icon.scss} +14 -12
  304. package/{dist/cjs/components/Iconnav/index.scss → styles/iconnav.scss} +8 -6
  305. package/{dist/cjs/components/Control/Input/Number/index.scss → styles/input-number.scss} +1 -1
  306. package/{dist/esm/styles → styles}/inverse.scss +6 -3
  307. package/{dist/esm/components/Label/index.scss → styles/label.scss} +12 -10
  308. package/{dist/esm/styles → styles}/leader.scss +3 -1
  309. package/{dist/cjs/components/Link/index.scss → styles/link.scss} +11 -9
  310. package/{dist/esm/components/List/index.scss → styles/list.scss} +8 -5
  311. package/{dist/esm/styles → styles}/margin.scss +4 -4
  312. package/{dist/esm/styles → styles}/marker.scss +7 -4
  313. package/{dist/esm/styles → styles}/mixin.scss +5 -4
  314. package/{dist/cjs/styles → styles}/mixins.scss +1001 -907
  315. package/{dist/cjs/components/Modal/index.scss → styles/modal.scss} +25 -22
  316. package/{dist/cjs/styles → styles}/motion.scss +8 -5
  317. package/{dist/esm/components/Nav/index.scss → styles/nav.scss} +27 -26
  318. package/{dist/cjs/components/Navbar/index.scss → styles/navbar.scss} +36 -34
  319. package/{dist/cjs/components/Overlay/index.scss → styles/overlay.scss} +8 -6
  320. package/{dist/esm/styles → styles}/padding.scss +4 -4
  321. package/{dist/esm/styles → styles}/pagination.scss +9 -7
  322. package/{dist/cjs/styles → styles}/placeholder.scss +5 -3
  323. package/{dist/cjs/styles → styles}/position.scss +66 -118
  324. package/{dist/cjs/styles → styles}/print.scss +3 -1
  325. package/{dist/esm/components/Progress/index.scss → styles/progress.scss} +9 -7
  326. package/{dist/esm/components/Control/Radio/index.scss → styles/radio.scss} +17 -16
  327. package/{dist/cjs/styles → styles}/search.scss +11 -9
  328. package/{dist/esm/components/Section/index.scss → styles/section.scss} +11 -9
  329. package/styles/segmented.scss +271 -0
  330. package/{dist/esm/components/Control/Select/index.scss → styles/select.scss} +34 -25
  331. package/{dist/cjs/components/Spinner/index.scss → styles/spinner.scss} +5 -3
  332. package/{dist/esm/styles → styles}/sticky.scss +4 -2
  333. package/{dist/esm/components/Subnav/index.scss → styles/subnav.scss} +15 -13
  334. package/{dist/esm/styles → styles}/svg.scss +3 -3
  335. package/{dist/cjs/components/Switch/index.scss → styles/switch.scss} +14 -13
  336. package/{dist/cjs/styles → styles}/table.scss +19 -15
  337. package/{dist/esm/components/Tabs/index.scss → styles/tabs.scss} +23 -21
  338. package/{dist/esm/components/Text/index.scss → styles/text.scss} +18 -16
  339. package/{dist/cjs/components/Control/TextArea/index.scss → styles/textarea.scss} +6 -4
  340. package/{dist/cjs/styles → styles}/thumbnav.scss +8 -6
  341. package/{dist/esm/components/Tile/index.scss → styles/tile.scss} +16 -13
  342. package/{dist/esm/styles → styles}/tooltip.scss +6 -8
  343. package/{dist/cjs/styles → styles}/totop.scss +7 -47
  344. package/{dist/cjs/styles → styles}/transition.scss +9 -8
  345. package/{dist/esm/styles → styles}/utility.scss +10 -8
  346. package/{dist/cjs/styles → styles}/variables.scss +148 -111
  347. package/{dist/cjs/styles → styles}/vars.scss +20 -3
  348. package/{dist/cjs/styles → styles}/visibility.scss +7 -7
  349. package/{dist/esm/components/Width/index.scss → styles/width.scss} +36 -32
  350. package/dist/cjs/components/Align/index.scss +0 -147
  351. package/dist/cjs/components/Article/index.scss +0 -103
  352. package/dist/cjs/components/Card/index.scss +0 -532
  353. package/dist/cjs/components/Container/index.scss +0 -234
  354. package/dist/cjs/components/Control/Checkbox/index.scss +0 -324
  355. package/dist/cjs/components/Control/Radio/index.scss +0 -267
  356. package/dist/cjs/components/Control/Select/index.scss +0 -816
  357. package/dist/cjs/components/DatePicker/index.scss +0 -832
  358. package/dist/cjs/components/Divider/index.scss +0 -159
  359. package/dist/cjs/components/Flex/index.scss +0 -324
  360. package/dist/cjs/components/Form/index.scss +0 -655
  361. package/dist/cjs/components/Icon/index.scss +0 -265
  362. package/dist/cjs/components/Label/index.scss +0 -123
  363. package/dist/cjs/components/List/index.scss +0 -278
  364. package/dist/cjs/components/Modal/Modal.d.ts +0 -12
  365. package/dist/cjs/components/Modal/Modal.js +0 -80
  366. package/dist/cjs/components/Nav/index.scss +0 -596
  367. package/dist/cjs/components/Progress/index.scss +0 -125
  368. package/dist/cjs/components/Section/index.scss +0 -283
  369. package/dist/cjs/components/Subnav/index.scss +0 -258
  370. package/dist/cjs/components/Tabs/index.scss +0 -772
  371. package/dist/cjs/components/Text/index.scss +0 -317
  372. package/dist/cjs/components/Tile/index.scss +0 -306
  373. package/dist/cjs/components/Width/index.scss +0 -690
  374. package/dist/cjs/styles/_import.components.scss +0 -64
  375. package/dist/cjs/styles/_import.scss +0 -93
  376. package/dist/cjs/styles/_import.utilities.scss +0 -18
  377. package/dist/cjs/styles/accordion.scss +0 -1
  378. package/dist/cjs/styles/alert.scss +0 -1
  379. package/dist/cjs/styles/align.scss +0 -1
  380. package/dist/cjs/styles/article.scss +0 -1
  381. package/dist/cjs/styles/background.scss +0 -261
  382. package/dist/cjs/styles/badge.scss +0 -1
  383. package/dist/cjs/styles/base.scss +0 -679
  384. package/dist/cjs/styles/breadcrumb.scss +0 -1
  385. package/dist/cjs/styles/button.scss +0 -1
  386. package/dist/cjs/styles/card.scss +0 -1
  387. package/dist/cjs/styles/close.scss +0 -1
  388. package/dist/cjs/styles/comment.scss +0 -189
  389. package/dist/cjs/styles/container.scss +0 -1
  390. package/dist/cjs/styles/control.scss +0 -5
  391. package/dist/cjs/styles/cover.scss +0 -1
  392. package/dist/cjs/styles/date-picker.scss +0 -1
  393. package/dist/cjs/styles/description-list.scss +0 -1
  394. package/dist/cjs/styles/divider.scss +0 -1
  395. package/dist/cjs/styles/dotnav.scss +0 -1
  396. package/dist/cjs/styles/drawer.scss +0 -1
  397. package/dist/cjs/styles/drop.scss +0 -1
  398. package/dist/cjs/styles/dropdown.scss +0 -1
  399. package/dist/cjs/styles/flex.scss +0 -1
  400. package/dist/cjs/styles/form.scss +0 -1
  401. package/dist/cjs/styles/grid.scss +0 -1
  402. package/dist/cjs/styles/heading.scss +0 -1
  403. package/dist/cjs/styles/height.scss +0 -71
  404. package/dist/cjs/styles/icon.scss +0 -1
  405. package/dist/cjs/styles/iconnav.scss +0 -1
  406. package/dist/cjs/styles/inverse.scss +0 -62
  407. package/dist/cjs/styles/label.scss +0 -1
  408. package/dist/cjs/styles/leader.scss +0 -74
  409. package/dist/cjs/styles/link.scss +0 -1
  410. package/dist/cjs/styles/list.scss +0 -1
  411. package/dist/cjs/styles/margin.scss +0 -308
  412. package/dist/cjs/styles/marker.scss +0 -63
  413. package/dist/cjs/styles/mixin.scss +0 -33
  414. package/dist/cjs/styles/modal.scss +0 -1
  415. package/dist/cjs/styles/nav.scss +0 -1
  416. package/dist/cjs/styles/navbar.scss +0 -1
  417. package/dist/cjs/styles/overlay.scss +0 -1
  418. package/dist/cjs/styles/padding.scss +0 -89
  419. package/dist/cjs/styles/pagination.scss +0 -140
  420. package/dist/cjs/styles/progress.scss +0 -1
  421. package/dist/cjs/styles/section.scss +0 -1
  422. package/dist/cjs/styles/spinner.scss +0 -1
  423. package/dist/cjs/styles/sticky.scss +0 -60
  424. package/dist/cjs/styles/subnav.scss +0 -1
  425. package/dist/cjs/styles/svg.scss +0 -46
  426. package/dist/cjs/styles/switch.scss +0 -1
  427. package/dist/cjs/styles/tabs.scss +0 -1
  428. package/dist/cjs/styles/text.scss +0 -1
  429. package/dist/cjs/styles/tile.scss +0 -1
  430. package/dist/cjs/styles/tooltip.scss +0 -96
  431. package/dist/cjs/styles/utility.scss +0 -633
  432. package/dist/cjs/styles/width.scss +0 -1
  433. package/dist/esm/components/Accordion/index.scss +0 -196
  434. package/dist/esm/components/Alert/index.scss +0 -194
  435. package/dist/esm/components/Badge/index.scss +0 -83
  436. package/dist/esm/components/Breadcrumb/index.scss +0 -127
  437. package/dist/esm/components/Button/index.scss +0 -732
  438. package/dist/esm/components/Close/index.scss +0 -60
  439. package/dist/esm/components/Control/Input/Number/index.scss +0 -108
  440. package/dist/esm/components/Control/Input/Password/index.scss +0 -35
  441. package/dist/esm/components/Control/TextArea/index.scss +0 -92
  442. package/dist/esm/components/Control/index.scss +0 -352
  443. package/dist/esm/components/Cover/index.scss +0 -60
  444. package/dist/esm/components/DescriptionList/index.scss +0 -87
  445. package/dist/esm/components/Dotnav/index.scss +0 -162
  446. package/dist/esm/components/Drawer/index.scss +0 -582
  447. package/dist/esm/components/Drop/index.scss +0 -90
  448. package/dist/esm/components/Dropdown/index.scss +0 -205
  449. package/dist/esm/components/Grid/index.scss +0 -656
  450. package/dist/esm/components/Heading/index.scss +0 -256
  451. package/dist/esm/components/Iconnav/index.scss +0 -140
  452. package/dist/esm/components/Link/index.scss +0 -149
  453. package/dist/esm/components/Modal/Modal.d.ts +0 -12
  454. package/dist/esm/components/Modal/Modal.js +0 -41
  455. package/dist/esm/components/Modal/index.scss +0 -377
  456. package/dist/esm/components/Navbar/index.scss +0 -655
  457. package/dist/esm/components/Overlay/index.scss +0 -105
  458. package/dist/esm/components/Spinner/index.scss +0 -84
  459. package/dist/esm/components/Switch/index.scss +0 -205
  460. package/dist/esm/styles/_import.components.scss +0 -64
  461. package/dist/esm/styles/_import.scss +0 -93
  462. package/dist/esm/styles/_import.utilities.scss +0 -18
  463. package/dist/esm/styles/accordion.scss +0 -1
  464. package/dist/esm/styles/alert.scss +0 -1
  465. package/dist/esm/styles/align.scss +0 -1
  466. package/dist/esm/styles/animation.scss +0 -495
  467. package/dist/esm/styles/article.scss +0 -1
  468. package/dist/esm/styles/badge.scss +0 -1
  469. package/dist/esm/styles/breadcrumb.scss +0 -1
  470. package/dist/esm/styles/button.scss +0 -1
  471. package/dist/esm/styles/card.scss +0 -1
  472. package/dist/esm/styles/close.scss +0 -1
  473. package/dist/esm/styles/column.scss +0 -150
  474. package/dist/esm/styles/container.scss +0 -1
  475. package/dist/esm/styles/control.scss +0 -5
  476. package/dist/esm/styles/cover.scss +0 -1
  477. package/dist/esm/styles/date-picker.scss +0 -1
  478. package/dist/esm/styles/description-list.scss +0 -1
  479. package/dist/esm/styles/divider.scss +0 -1
  480. package/dist/esm/styles/dotnav.scss +0 -1
  481. package/dist/esm/styles/drawer.scss +0 -1
  482. package/dist/esm/styles/drop.scss +0 -1
  483. package/dist/esm/styles/dropdown.scss +0 -1
  484. package/dist/esm/styles/flex.scss +0 -1
  485. package/dist/esm/styles/form.scss +0 -1
  486. package/dist/esm/styles/grid.scss +0 -1
  487. package/dist/esm/styles/heading.scss +0 -1
  488. package/dist/esm/styles/icon.scss +0 -1
  489. package/dist/esm/styles/iconnav.scss +0 -1
  490. package/dist/esm/styles/label.scss +0 -1
  491. package/dist/esm/styles/link.scss +0 -1
  492. package/dist/esm/styles/list.scss +0 -1
  493. package/dist/esm/styles/mixins.scss +0 -2452
  494. package/dist/esm/styles/modal.scss +0 -1
  495. package/dist/esm/styles/motion.scss +0 -624
  496. package/dist/esm/styles/nav.scss +0 -1
  497. package/dist/esm/styles/navbar.scss +0 -1
  498. package/dist/esm/styles/overlay.scss +0 -1
  499. package/dist/esm/styles/placeholder.scss +0 -54
  500. package/dist/esm/styles/position.scss +0 -305
  501. package/dist/esm/styles/print.scss +0 -54
  502. package/dist/esm/styles/progress.scss +0 -1
  503. package/dist/esm/styles/search.scss +0 -374
  504. package/dist/esm/styles/section.scss +0 -1
  505. package/dist/esm/styles/spinner.scss +0 -1
  506. package/dist/esm/styles/subnav.scss +0 -1
  507. package/dist/esm/styles/switch.scss +0 -1
  508. package/dist/esm/styles/table.scss +0 -326
  509. package/dist/esm/styles/tabs.scss +0 -1
  510. package/dist/esm/styles/text.scss +0 -1
  511. package/dist/esm/styles/thumbnav.scss +0 -124
  512. package/dist/esm/styles/tile.scss +0 -1
  513. package/dist/esm/styles/totop.scss +0 -113
  514. package/dist/esm/styles/transition.scss +0 -192
  515. package/dist/esm/styles/variables.scss +0 -1867
  516. package/dist/esm/styles/vars.scss +0 -126
  517. package/dist/esm/styles/visibility.scss +0 -184
  518. package/dist/esm/styles/width.scss +0 -1
  519. /package/{dist/cjs/components/Control/Input/Password/index.scss → styles/input-password.scss} +0 -0
package/{dist/cjs/styles → styles}/variables.scss RENAMED
@@ -4,8 +4,8 @@
4
4
  //
5
5
  // ========================================================================
6
6
 
7
- @import 'mixin.scss';
8
-
7
+ @use 'sass:color';
8
+ @use 'sass:math';
9
9
 
10
10
  // Breakpoints
11
11
  // ========================================================================
@@ -16,6 +16,7 @@
16
16
  // Tablet Landscape: iPad (1024x768), iPad Pro (1024x1366),
17
17
  // Desktop: Galaxy Tab (1280x800), iPad Pro (1366x1024)
18
18
 
19
+ $breakpoint-2xsmall: 320px !default;
19
20
  $breakpoint-xsmall: 480px !default; // Phone portrait
20
21
  $breakpoint-small: 640px !default; // Phone landscape
21
22
  $breakpoint-medium: 960px !default; // Tablet Landscape
@@ -24,6 +25,7 @@ $breakpoint-xlarge: 1600px !default;
24
25
  $breakpoint-2xlarge: 2560px !default; // Wide Screens
25
26
  $breakpoint-3xlarge: 3440px !default; // Ultra Wide Screens
26
27
 
28
+ $breakpoint-2xsmall-max: ($breakpoint-2xsmall - 1) !default;
27
29
  $breakpoint-xsmall-max: ($breakpoint-small - 1) !default;
28
30
  $breakpoint-small-max: ($breakpoint-medium - 1) !default;
29
31
  $breakpoint-medium-max: ($breakpoint-large - 1) !default;
@@ -63,6 +65,12 @@ $global-muted-color: #999 !default;
63
65
  $global-link-color: #1e87f0 !default;
64
66
  $global-link-hover-color: #0f6ecd !default;
65
67
  $global-inverse-color: #fff !default;
68
+ $global-primary-color: #1e87f0 !default;
69
+ $global-secondary-color: #222 !default;
70
+ $global-tertiary-color: #b8b8b8 !default;
71
+ $global-success-color: #1cb57c !default;
72
+ $global-warning-color: #ffbc60 !default;
73
+ $global-danger-color: #f5604b !default;
66
74
 
67
75
  //
68
76
  // Backgrounds
@@ -71,12 +79,12 @@ $global-inverse-color: #fff !default;
71
79
  $global-background: #fff !default;
72
80
  $global-default-background: #e5e5e5 !default;
73
81
  $global-muted-background: #f8f8f8 !default;
74
- $global-primary-background: #1e87f0 !default;
75
- $global-secondary-background: #222 !default;
76
- $global-tertiary-background: #b8b8b8 !default;
77
- $global-success-background: #1cb57c !default;
78
- $global-warning-background: #ffbc60 !default;
79
- $global-danger-background: #f5604b !default;
82
+ $global-primary-background: $global-primary-color !default;
83
+ $global-secondary-background: $global-secondary-color !default;
84
+ $global-tertiary-background: $global-tertiary-color !default;
85
+ $global-success-background: $global-success-color !default;
86
+ $global-warning-background: $global-warning-color !default;
87
+ $global-danger-background: $global-danger-color !default;
80
88
 
81
89
  //
82
90
  // Borders
@@ -84,13 +92,17 @@ $global-danger-background: #f5604b !default
84
92
 
85
93
  $global-border-width: 1px !default;
86
94
  $global-border-style: solid !default;
87
- $global-border: darken($global-default-background, 3%) !default;
95
+ $global-border: color.scale($global-default-background, $lightness: -3%) !default;
88
96
  $global-muted-border: $global-muted-background !default;
89
- $global-primary-border: $global-primary-background !default;
90
- $global-secondary-border: $global-secondary-background !default;
91
- $global-tertiary-border: $global-tertiary-background !default;
97
+ $global-primary-border: $global-primary-color !default;
98
+ $global-secondary-border: $global-secondary-color !default;
99
+ $global-tertiary-border: $global-tertiary-color !default;
100
+ $global-success-border: $global-success-color !default;
101
+ $global-warning-border: $global-warning-color !default;
102
+ $global-danger-border: $global-danger-color !default;
92
103
  $global-border-radius: 0 !default;
93
104
  $global-small-border-radius: 0 !default;
105
+ $global-xsmall-border-radius: 0 !default;
94
106
 
95
107
  //
96
108
  // Box-Shadows
@@ -120,6 +132,7 @@ $global-small-gutter: 15px !default;
120
132
  $global-medium-gutter: 40px !default;
121
133
  $global-large-gutter: 70px !default;
122
134
  $global-xlarge-gutter: 100px !default;
135
+ $global-2xlarge-gutter: 140px !default;
123
136
 
124
137
  //
125
138
  // Controls
@@ -200,7 +213,7 @@ $accordion-title-line-height: 1.4 !default;
200
213
  $accordion-title-color: $global-emphasis-color !default;
201
214
  $accordion-title-hover-color: $global-color !default;
202
215
  $accordion-header-extra-margin-left: $global-small-margin !default;
203
- $accordion-content-margin-top: $global-margin !default;
216
+ $accordion-panel-margin-top: $global-margin !default;
204
217
  $accordion-icon-margin-right: $global-small-margin !default;
205
218
  $accordion-icon-color: $global-color !default;
206
219
  $accordion-icon-size: 1.4rem !default;
@@ -222,14 +235,14 @@ $alert-background: $global-muted-ba
222
235
  $alert-color: $global-color !default;
223
236
  $alert-close-top: $alert-padding !default;
224
237
  $alert-close-right: $alert-padding !default;
225
- $alert-primary-background: lighten(mix(white, $global-primary-background, 40%), 20%) !default;
226
- $alert-primary-color: $global-primary-background !default;
227
- $alert-success-background: lighten(mix(white, $global-success-background, 40%), 25%) !default;
228
- $alert-success-color: $global-success-background !default;
229
- $alert-warning-background: lighten(mix(white, $global-warning-background, 45%), 15%) !default;
230
- $alert-warning-color: $global-warning-background !default;
231
- $alert-danger-background: lighten(mix(white, $global-danger-background, 40%), 20%) !default;
232
- $alert-danger-color: $global-danger-background !default;
238
+ $alert-primary-background: color.scale(color.mix(white, $global-primary-background, 40%), $lightness: 20%) !default;
239
+ $alert-primary-color: $global-primary-color !default;
240
+ $alert-success-background: color.scale(color.mix(white, $global-success-background, 40%), $lightness: 25%) !default;
241
+ $alert-success-color: $global-success-color !default;
242
+ $alert-warning-background: color.scale(color.mix(white, $global-warning-background, 45%), $lightness: 15%) !default;
243
+ $alert-warning-color: $global-warning-color !default;
244
+ $alert-danger-background: color.scale(color.mix(white, $global-danger-background, 40%), $lightness: 20%) !default;
245
+ $alert-danger-color: $global-danger-color !default;
233
246
 
234
247
 
235
248
  // Align
@@ -412,33 +425,33 @@ $button-large-padding-horizontal: $global-large-gu
412
425
  $button-xlarge-padding-horizontal: $global-xlarge-gutter !default;
413
426
  $button-default-background: $global-muted-background !default;
414
427
  $button-default-color: $global-emphasis-color !default;
415
- $button-default-hover-background: darken($button-default-background, 5%) !default;
428
+ $button-default-hover-background: color.scale($button-default-background, $lightness: -5%) !default;
416
429
  $button-default-hover-color: $global-emphasis-color !default;
417
- $button-default-active-background: darken($button-default-background, 10%) !default;
430
+ $button-default-active-background: color.scale($button-default-background, $lightness: -10%) !default;
418
431
  $button-default-active-color: $global-emphasis-color !default;
419
432
  $button-primary-background: $global-primary-background !default;
420
433
  $button-primary-color: $global-inverse-color !default;
421
- $button-primary-hover-background: darken($button-primary-background, 5%) !default;
434
+ $button-primary-hover-background: color.scale($button-primary-background, $lightness: -5%) !default;
422
435
  $button-primary-hover-color: $global-inverse-color !default;
423
- $button-primary-active-background: darken($button-primary-background, 10%) !default;
436
+ $button-primary-active-background: color.scale($button-primary-background, $lightness: -10%) !default;
424
437
  $button-primary-active-color: $global-inverse-color !default;
425
438
  $button-secondary-background: $global-secondary-background !default;
426
439
  $button-secondary-color: $global-inverse-color !default;
427
- $button-secondary-hover-background: lighten($button-secondary-background, 5%) !default;
440
+ $button-secondary-hover-background: color.scale($button-secondary-background, $lightness: 5%) !default;
428
441
  $button-secondary-hover-color: $global-inverse-color !default;
429
- $button-secondary-active-background: darken($button-secondary-background, 10%) !default;
442
+ $button-secondary-active-background: color.scale($button-secondary-background, $lightness: -10%) !default;
430
443
  $button-secondary-active-color: $global-inverse-color !default;
431
444
  $button-tertiary-background: $global-tertiary-background !default;
432
445
  $button-tertiary-color: $global-inverse-color !default;
433
- $button-tertiary-hover-background: darken($button-tertiary-background, 5%) !default;
446
+ $button-tertiary-hover-background: color.scale($button-tertiary-background, $lightness: -5%) !default;
434
447
  $button-tertiary-hover-color: $global-inverse-color !default;
435
- $button-tertiary-active-background: darken($button-tertiary-background, 10%) !default;
448
+ $button-tertiary-active-background: color.scale($button-tertiary-background, $lightness: -10%) !default;
436
449
  $button-tertiary-active-color: $global-inverse-color !default;
437
450
  $button-danger-background: $global-danger-background !default;
438
451
  $button-danger-color: $global-inverse-color !default;
439
- $button-danger-hover-background: darken($button-danger-background, 5%) !default;
452
+ $button-danger-hover-background: color.scale($button-danger-background, $lightness: -5%) !default;
440
453
  $button-danger-hover-color: $global-inverse-color !default;
441
- $button-danger-active-background: darken($button-danger-background, 10%) !default;
454
+ $button-danger-active-background: color.scale($button-danger-background, $lightness: -10%) !default;
442
455
  $button-danger-active-color: $global-inverse-color !default;
443
456
  $button-circle-border-radius: 40px !default;
444
457
  $button-round-border-radius: 4px !default;
@@ -458,27 +471,27 @@ $button-link-disabled-color: $global-muted-co
458
471
  $inverse-button-color: $inverse-global-inverse-color !default;
459
472
  $inverse-button-default-background: $inverse-global-primary-background !default;
460
473
  $inverse-button-default-color: $inverse-global-inverse-color !default;
461
- $inverse-button-default-hover-background: darken($inverse-button-default-background, 5%) !default;
474
+ $inverse-button-default-hover-background: color.scale($inverse-button-default-background, $lightness: -5%) !default;
462
475
  $inverse-button-default-hover-color: $inverse-global-inverse-color !default;
463
- $inverse-button-default-active-background: darken($inverse-button-default-background, 10%) !default;
476
+ $inverse-button-default-active-background: color.scale($inverse-button-default-background, $lightness: -10%) !default;
464
477
  $inverse-button-default-active-color: $inverse-global-inverse-color !default;
465
478
  $inverse-button-primary-background: $inverse-global-primary-background !default;
466
479
  $inverse-button-primary-color: $inverse-global-inverse-color !default;
467
- $inverse-button-primary-hover-background: darken($inverse-button-primary-background, 5%) !default;
480
+ $inverse-button-primary-hover-background: color.scale($inverse-button-primary-background, $lightness: -5%) !default;
468
481
  $inverse-button-primary-hover-color: $inverse-global-inverse-color !default;
469
- $inverse-button-primary-active-background: darken($inverse-button-primary-background, 10%) !default;
482
+ $inverse-button-primary-active-background: color.scale($inverse-button-primary-background, $lightness: -10%) !default;
470
483
  $inverse-button-primary-active-color: $inverse-global-inverse-color !default;
471
484
  $inverse-button-secondary-background: $inverse-global-primary-background !default;
472
485
  $inverse-button-secondary-color: $inverse-global-inverse-color !default;
473
- $inverse-button-secondary-hover-background: darken($inverse-button-secondary-background, 5%) !default;
486
+ $inverse-button-secondary-hover-background: color.scale($inverse-button-secondary-background, $lightness: -5%) !default;
474
487
  $inverse-button-secondary-hover-color: $inverse-global-inverse-color !default;
475
- $inverse-button-secondary-active-background: darken($inverse-button-secondary-background, 10%) !default;
488
+ $inverse-button-secondary-active-background: color.scale($inverse-button-secondary-background, $lightness: -10%) !default;
476
489
  $inverse-button-secondary-active-color: $inverse-global-inverse-color !default;
477
490
  $inverse-button-tertiary-background: $inverse-global-primary-background !default;
478
491
  $inverse-button-tertiary-color: $inverse-global-inverse-color !default;
479
- $inverse-button-tertiary-hover-background: darken($inverse-button-tertiary-background, 5%) !default;
492
+ $inverse-button-tertiary-hover-background: color.scale($inverse-button-tertiary-background, $lightness: -5%) !default;
480
493
  $inverse-button-tertiary-hover-color: $inverse-global-inverse-color !default;
481
- $inverse-button-tertiary-active-background: darken($inverse-button-tertiary-background, 10%) !default;
494
+ $inverse-button-tertiary-active-background: color.scale($inverse-button-tertiary-background, $lightness: -10%) !default;
482
495
  $inverse-button-tertiary-active-color: $inverse-global-inverse-color !default;
483
496
  $inverse-button-danger-background: $button-danger-background !default;
484
497
  $inverse-button-danger-color: $button-danger-color !default;
@@ -501,13 +514,13 @@ $card-body-padding-vertical: $global-gutter !
501
514
  $card-body-padding-horizontal-l: $global-medium-gutter !default;
502
515
  $card-body-padding-vertical-l: $global-medium-gutter !default;
503
516
  $card-header-padding-horizontal: $global-gutter !default;
504
- $card-header-padding-vertical: round(($global-gutter * 0.5)) !default;
517
+ $card-header-padding-vertical: math.round(($global-gutter * 0.5)) !default;
505
518
  $card-header-padding-horizontal-l: $global-medium-gutter !default;
506
- $card-header-padding-vertical-l: round(($global-medium-gutter * 0.5)) !default;
519
+ $card-header-padding-vertical-l: math.round(($global-medium-gutter * 0.5)) !default;
507
520
  $card-footer-padding-horizontal: $global-gutter !default;
508
- $card-footer-padding-vertical: round(($global-gutter * 0.5)) !default;
521
+ $card-footer-padding-vertical: math.round(($global-gutter * 0.5)) !default;
509
522
  $card-footer-padding-horizontal-l: $global-medium-gutter !default;
510
- $card-footer-padding-vertical-l: round(($global-medium-gutter * 0.5)) !default;
523
+ $card-footer-padding-vertical-l: math.round(($global-medium-gutter * 0.5)) !default;
511
524
  $card-title-font-size: $global-large-font-size !default;
512
525
  $card-title-line-height: 1.4 !default;
513
526
  $card-badge-top: $global-small-gutter !default;
@@ -521,35 +534,35 @@ $card-hover-background: $global-muted-ba
521
534
  $card-default-background: $global-muted-background !default;
522
535
  $card-default-color: $global-color !default;
523
536
  $card-default-title-color: $global-emphasis-color !default;
524
- $card-default-hover-background: darken($card-default-background, 5%) !default;
537
+ $card-default-hover-background: color.scale($card-default-background, $lightness: -5%) !default;
525
538
  $card-default-color-mode: dark !default;
526
539
  $card-primary-background: $global-primary-background !default;
527
540
  $card-primary-color: $global-inverse-color !default;
528
541
  $card-primary-title-color: $card-primary-color !default;
529
- $card-primary-hover-background: darken($card-primary-background, 5%) !default;
542
+ $card-primary-hover-background: color.scale($card-primary-background, $lightness: -5%) !default;
530
543
  $card-primary-color-mode: light !default;
531
544
  $card-secondary-background: $global-secondary-background !default;
532
545
  $card-secondary-color: $global-inverse-color !default;
533
546
  $card-secondary-title-color: $card-secondary-color !default;
534
- $card-secondary-hover-background: darken($card-secondary-background, 5%) !default;
547
+ $card-secondary-hover-background: color.scale($card-secondary-background, $lightness: -5%) !default;
535
548
  $card-secondary-color-mode: light !default;
536
549
  $card-tertiary-background: $global-tertiary-background !default;
537
550
  $card-tertiary-color: $global-inverse-color !default;
538
551
  $card-tertiary-title-color: $card-tertiary-color !default;
539
- $card-tertiary-hover-background: darken($card-tertiary-background, 5%) !default;
552
+ $card-tertiary-hover-background: color.scale($card-tertiary-background, $lightness: -5%) !default;
540
553
  $card-tertiary-color-mode: light !default;
541
554
  $card-small-body-padding-horizontal: $global-margin !default;
542
555
  $card-small-body-padding-vertical: $global-margin !default;
543
556
  $card-small-header-padding-horizontal: $global-margin !default;
544
- $card-small-header-padding-vertical: round(($global-margin * 0.6667)) !default;
557
+ $card-small-header-padding-vertical: math.round(($global-margin * 0.6667)) !default;
545
558
  $card-small-footer-padding-horizontal: $global-margin !default;
546
- $card-small-footer-padding-vertical: round(($global-margin * 0.6667)) !default;
559
+ $card-small-footer-padding-vertical: math.round(($global-margin * 0.6667)) !default;
547
560
  $card-large-body-padding-horizontal-l: $global-large-gutter !default;
548
561
  $card-large-body-padding-vertical-l: $global-large-gutter !default;
549
562
  $card-large-header-padding-horizontal-l: $global-large-gutter !default;
550
- $card-large-header-padding-vertical-l: round(($global-large-gutter * 0.5)) !default;
563
+ $card-large-header-padding-vertical-l: math.round(($global-large-gutter * 0.5)) !default;
551
564
  $card-large-footer-padding-horizontal-l: $global-large-gutter !default;
552
- $card-large-footer-padding-vertical-l: round(($global-large-gutter * 0.5)) !default;
565
+ $card-large-footer-padding-vertical-l: math.round(($global-large-gutter * 0.5)) !default;
553
566
 
554
567
  // Inverse
555
568
  $inverse-card-badge-background: $inverse-global-primary-background !default;
@@ -612,27 +625,27 @@ $container-padding-horizontal-m: $global-medium-g
612
625
  $form-height: $global-control-height !default;
613
626
  $form-line-height: $form-height !default;
614
627
  $form-padding-horizontal: 10px !default;
615
- $form-padding-vertical: round($form-padding-horizontal * 0.4) !default;
616
- $form-background: darken($global-muted-background, 1%) !default;
628
+ $form-padding-vertical: math.round($form-padding-horizontal * 0.4) !default;
629
+ $form-background: color.scale($global-muted-background, $lightness: -1%) !default;
617
630
  $form-color: $global-color !default;
618
- $form-focus-background: darken($global-muted-background, 2%) !default;
631
+ $form-focus-background: color.scale($global-muted-background, $lightness: -2%) !default;
619
632
  $form-focus-color: $global-color !default;
620
- $form-disabled-background: darken($global-muted-background, 3%) !default;
633
+ $form-disabled-background: color.scale($global-muted-background, $lightness: -3%) !default;
621
634
  $form-disabled-color: $global-color !default;
622
635
  $form-placeholder-color: $global-muted-color !default;
623
636
  $form-small-height: $global-control-small-height !default;
624
637
  $form-small-padding-horizontal: 8px !default;
625
- $form-small-padding-vertical: round($form-small-padding-horizontal * 0.4) !default;
638
+ $form-small-padding-vertical: math.round($form-small-padding-horizontal * 0.4) !default;
626
639
  $form-small-line-height: $form-small-height !default;
627
640
  $form-small-font-size: $global-small-font-size !default;
628
641
  $form-medium-height: $global-control-medium-height !default;
629
642
  $form-medium-padding-horizontal: 15px !default;
630
- $form-medium-padding-vertical: round($form-medium-padding-horizontal * 0.4) !default;
643
+ $form-medium-padding-vertical: math.round($form-medium-padding-horizontal * 0.4) !default;
631
644
  $form-medium-line-height: $form-medium-height !default;
632
645
  $form-medium-font-size: $global-font-size !default;
633
646
  $form-large-height: $global-control-large-height !default;
634
647
  $form-large-padding-horizontal: 12px !default;
635
- $form-large-padding-vertical: round($form-large-padding-horizontal * 0.3) !default;
648
+ $form-large-padding-vertical: math.round($form-large-padding-horizontal * 0.3) !default;
636
649
  $form-large-line-height: $form-large-height !default;
637
650
  $form-large-font-size: $global-medium-font-size !default;
638
651
  $form-success-color: $global-success-background !default;
@@ -676,60 +689,62 @@ $inverse-form-label-color: $inverse-global-
676
689
  $control-height: $form-height !default;
677
690
  $control-line-height: $control-height !default;
678
691
  $control-padding-horizontal: 10px !default;
679
- $control-padding-vertical: round($control-padding-horizontal * 0.4) !default;
680
- $control-background: darken($global-muted-background, 1%) !default;
692
+ $control-padding-vertical: math.round($control-padding-horizontal * 0.4) !default;
693
+ $control-background: color.scale($global-muted-background, $lightness: -1%) !default;
681
694
  $control-color: $global-color !default;
682
695
  $control-border: $global-border !default;
683
696
  $control-border-style: $global-border-style !default;
684
697
  $control-border-width: $global-border-width !default;
685
698
  $control-border-radius: 0 !default;
686
- $control-hover-background: darken($global-muted-background, 2%) !default;
687
- $control-hover-border: darken($control-border, 4%) !default;
699
+ $control-hover-background: color.scale($global-muted-background, $lightness: -2%) !default;
700
+ $control-hover-border: color.scale($control-border, $lightness: -4%) !default;
688
701
  $control-hover-color: $global-color !default;
689
- $control-focus-background: darken($global-muted-background, 2%) !default;
702
+ $control-focus-background: color.scale($global-muted-background, $lightness: -2%) !default;
690
703
  $control-focus-border: $global-primary-border !default;
691
704
  $control-focus-color: $global-color !default;
692
- $control-disabled-background: darken($global-muted-background, 3%) !default;
705
+ $control-disabled-background: color.scale($global-muted-background, $lightness: -3%) !default;
693
706
  $control-disabled-border: $control-border !default;
694
707
  $control-disabled-color: $global-color !default;
695
708
  $control-placeholder-color: $global-muted-color !default;
696
709
  $control-small-height: $global-control-small-height !default;
697
710
  $control-small-padding-horizontal: 8px !default;
698
- $control-small-padding-vertical: round($control-small-padding-horizontal * 0.4) !default;
711
+ $control-small-padding-vertical: math.round($control-small-padding-horizontal * 0.4) !default;
699
712
  $control-small-line-height: $control-small-height !default;
700
713
  $control-small-font-size: $global-small-font-size !default;
701
714
  $control-medium-height: $global-control-medium-height !default;
702
715
  $control-medium-padding-horizontal: 15px !default;
703
- $control-medium-padding-vertical: round($control-medium-padding-horizontal * 0.4) !default;
716
+ $control-medium-padding-vertical: math.round($control-medium-padding-horizontal * 0.4) !default;
704
717
  $control-medium-line-height: $control-medium-height !default;
705
718
  $control-medium-font-size: $global-font-size !default;
706
719
  $control-large-height: $global-control-large-height !default;
707
720
  $control-large-padding-horizontal: 12px !default;
708
- $control-large-padding-vertical: round($control-large-padding-horizontal * 0.3) !default;
721
+ $control-large-padding-vertical: math.round($control-large-padding-horizontal * 0.3) !default;
709
722
  $control-large-line-height: $control-large-height !default;
710
723
  $control-large-font-size: $global-medium-font-size !default;
711
- $control-success-border: $global-success-background !default;
712
- $control-success-color: $global-success-background !default;
713
- $control-warning-border: $global-warning-background !default;
714
- $control-warning-color: $global-warning-background !default;
715
- $control-danger-border: $global-danger-background !default;
716
- $control-danger-color: $global-danger-background !default;
724
+ $control-success-border: $global-success-border !default;
725
+ $control-success-color: $global-success-color !default;
726
+ $control-warning-border: $global-warning-border !default;
727
+ $control-warning-color: $global-warning-color !default;
728
+ $control-danger-border: $global-danger-border !default;
729
+ $control-danger-color: $global-danger-color !default;
717
730
  $control-blank-border-style: dashed !default;
718
- $control-blank-focus-border: darken($global-muted-background, 5%) !default;
731
+ $control-blank-focus-border: color.scale($global-muted-background, $lightness: -5%) !default;
719
732
  $control-affix-margin: $global-small-margin !default;
720
733
  $control-icon-color: $global-muted-color !default;
721
734
  $control-icon-hover-color: $global-color !default;
722
735
 
723
736
  // Inverse
724
- $inverse-control-background: darken($inverse-global-muted-background, 60%) !default;
737
+ $inverse-control-background: color.scale($inverse-global-muted-background, $lightness: -60%) !default;
725
738
  $inverse-control-border: $inverse-global-border !default;
726
739
  $inverse-control-color: $inverse-global-color !default;
727
- $inverse-control-hover-background: darken($inverse-global-muted-background, 70%) !default;
728
- $inverse-control-hover-border: darken($inverse-control-border, 4%) !default;
740
+ $inverse-control-hover-background: color.scale($inverse-global-muted-background, $lightness: -70%) !default;
741
+ $inverse-control-hover-border: color.scale($inverse-control-border, $lightness: -4%) !default;
729
742
  $inverse-control-hover-color: $inverse-global-color !default;
730
- $inverse-control-focus-background: darken($inverse-global-muted-background, 70%) !default;
731
- $inverse-control-focus-color: $inverse-global-color !default;
743
+ $inverse-control-focus-background: color.scale($inverse-global-muted-background, $lightness: -70%) !default;
732
744
  $inverse-control-focus-border: $inverse-control-hover-border !default;
745
+ $inverse-control-focus-color: $inverse-global-color !default;
746
+ $inverse-control-disabled-background: color.scale($inverse-global-muted-background, $lightness: -30%) !default;
747
+ $inverse-control-disabled-border: color.scale($inverse-control-border, $lightness: -4%) !default;
733
748
  $inverse-control-placeholder-color: $inverse-global-muted-color !default;
734
749
  $inverse-control-icon-color: $inverse-global-muted-color !default;
735
750
  $inverse-control-icon-hover-color: $inverse-global-color !default;
@@ -743,9 +758,9 @@ $checkbox-background: $control-backgro
743
758
  $checkbox-border-width: $control-border-width !default;
744
759
  $checkbox-border: $control-border !default;
745
760
  $checkbox-border-radius: $control-border-radius !default;
746
- $checkbox-hover-border: $global-primary-border !default;
761
+ $checkbox-hover-border: $control-hover-border !default;
747
762
  $checkbox-focus-background: $control-focus-background !default;
748
- $checkbox-focus-border: $global-primary-border !default;
763
+ $checkbox-focus-border: $control-focus-border !default;
749
764
  $checkbox-checked-background: $global-primary-background !default;
750
765
  $checkbox-checked-border: $global-primary-border !default;
751
766
  $checkbox-checked-icon-color: $global-inverse-color !default;
@@ -814,7 +829,6 @@ $datepicker-dropdown-background: $global-muted-ba
814
829
  $datepicker-dropdown-border: $global-border !default;
815
830
  $datepicker-dropdown-border-style: $global-border-style !default;
816
831
  $datepicker-dropdown-border-width: $global-border-width !default;
817
- $datepicker-dropdown-border-radius: $global-border-radius !default;
818
832
 
819
833
 
820
834
  // Description list
@@ -893,6 +907,7 @@ $drawer-close-padding: 5px !default;
893
907
  // Drop
894
908
  // ========================================================================
895
909
 
910
+ $drop-mask-background: none !default;
896
911
  $drop-z-index: $global-z-index + 20 !default;
897
912
  $drop-width: 300px !default;
898
913
  $drop-margin: $global-margin !default;
@@ -1017,14 +1032,14 @@ $height-xlarge-height: 600px !default;
1017
1032
  $icon-image-size: 20px !default;
1018
1033
  $icon-link-color: $global-muted-color !default;
1019
1034
  $icon-link-hover-color: $global-color !default;
1020
- $icon-link-active-color: darken($global-color, 5%) !default;
1035
+ $icon-link-active-color: color.scale($global-color, $lightness: -5%) !default;
1021
1036
  $icon-button-size: 36px !default;
1022
1037
  $icon-button-border-radius: 500px !default;
1023
1038
  $icon-button-background: $global-muted-background !default;
1024
1039
  $icon-button-color: $global-muted-color !default;
1025
- $icon-button-hover-background: darken($icon-button-background, 5%) !default;
1040
+ $icon-button-hover-background: color.scale($icon-button-background, $lightness: -5%) !default;
1026
1041
  $icon-button-hover-color: $global-color !default;
1027
- $icon-button-active-background: darken($icon-button-background, 10%) !default;
1042
+ $icon-button-active-background: color.scale($icon-button-background, $lightness: -10%) !default;
1028
1043
  $icon-button-active-color: $global-color !default;
1029
1044
 
1030
1045
  // Inverse
@@ -1033,9 +1048,9 @@ $inverse-icon-link-hover-color: $inverse-global-
1033
1048
  $inverse-icon-link-active-color: $inverse-global-color !default;
1034
1049
  $inverse-icon-button-background: $inverse-global-muted-background !default;
1035
1050
  $inverse-icon-button-color: $inverse-global-muted-color !default;
1036
- $inverse-icon-button-hover-background: darken($inverse-icon-button-background, 5%) !default;
1051
+ $inverse-icon-button-hover-background: color.scale($inverse-icon-button-background, $lightness: -5%) !default;
1037
1052
  $inverse-icon-button-hover-color: $inverse-global-color !default;
1038
- $inverse-icon-button-active-background: darken($inverse-icon-button-background, 10%) !default;
1053
+ $inverse-icon-button-active-background: color.scale($inverse-icon-button-background, $lightness: -10%) !default;
1039
1054
  $inverse-icon-button-active-color: $inverse-global-color !default;
1040
1055
 
1041
1056
 
@@ -1057,14 +1072,14 @@ $inverse-iconnav-item-active-color: $inverse-global-
1057
1072
  // Label
1058
1073
  // ========================================================================
1059
1074
 
1060
- $label-padding-vertical: 0 !default;
1061
1075
  $label-padding-horizontal: $global-small-margin !default;
1076
+ $label-padding-vertical: 0 !default;
1062
1077
  $label-background: $global-primary-background !default;
1063
1078
  $label-border-radius: 0 !default;
1064
1079
  $label-line-height: $global-line-height !default;
1065
1080
  $label-font-size: $global-small-font-size !default;
1066
- $label-large-padding-vertical: $global-xsmall-margin !default;
1067
1081
  $label-large-padding-horizontal: $global-margin !default;
1082
+ $label-large-padding-vertical: $global-xsmall-margin !default;
1068
1083
  $label-large-line-height: $global-line-height !default;
1069
1084
  $label-large-font-size: $global-font-size !default;
1070
1085
  $label-color: $global-inverse-color !default;
@@ -1211,7 +1226,7 @@ $modal-close-position: $global-small-ma
1211
1226
  $modal-close-padding: 5px !default;
1212
1227
  $modal-close-outside-position: 0 !default;
1213
1228
  $modal-close-outside-translate: 100% !default;
1214
- $modal-close-outside-color: lighten($global-inverse-color, 20%) !default;
1229
+ $modal-close-outside-color: color.scale($global-inverse-color, $lightness: 20%) !default;
1215
1230
  $modal-close-outside-hover-color: $global-inverse-color !default;
1216
1231
 
1217
1232
 
@@ -1297,12 +1312,12 @@ $navbar-item-color: $global-color !d
1297
1312
  $navbar-toggle-color: $global-muted-color !default;
1298
1313
  $navbar-toggle-hover-color: $global-color !default;
1299
1314
  $navbar-subtitle-font-size: $global-small-font-size !default;
1300
- $navbar-dropdown-z-index: $global-z-index + 20 !default;
1301
- $navbar-dropdown-width: 200px !default;
1302
- $navbar-dropdown-margin: 0 !default;
1303
- $navbar-dropdown-padding: 15px !default;
1304
1315
  $navbar-dropdown-background: $global-muted-background !default;
1305
1316
  $navbar-dropdown-color: $global-color !default;
1317
+ $navbar-dropdown-margin: 0 !default;
1318
+ $navbar-dropdown-padding: 15px !default;
1319
+ $navbar-dropdown-width: 200px !default;
1320
+ $navbar-dropdown-z-index: $global-z-index + 20 !default;
1306
1321
  $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
1307
1322
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
1308
1323
  $navbar-dropdown-dropbar-margin-top: 0 !default;
@@ -1412,7 +1427,7 @@ $radio-size: 20px !default;
1412
1427
  $radio-background: $control-background !default;
1413
1428
  $radio-border-width: $control-border-width !default;
1414
1429
  $radio-border: $control-border !default;
1415
- $radio-hover-border: $global-primary-border !default;
1430
+ $radio-hover-border: $control-hover-border !default;
1416
1431
  $radio-focus-background: $control-focus-background !default;
1417
1432
  $radio-focus-border: $control-focus-border !default;
1418
1433
  $radio-checked-background: transparent !default;
@@ -1486,6 +1501,27 @@ $section-tertiary-background: $global-tertiary
1486
1501
  $section-tertiary-color-mode: light !default;
1487
1502
 
1488
1503
 
1504
+ // Segmented
1505
+ // ========================================================================
1506
+ $segmented-background: $global-default-background;
1507
+ $segmented-padding-horizontal: $global-xsmall-gutter;
1508
+ $segmented-padding-vertical: $global-xsmall-gutter;
1509
+ $segmented-border-radius: $global-border-radius;
1510
+ $segmented-item-height: $global-control-height;
1511
+ $segmented-item-padding-horizontal: $global-small-gutter;
1512
+ $segmented-item-padding-vertical: $global-xsmall-gutter;
1513
+ $segmented-item-small-height: $global-control-small-height;
1514
+ $segmented-item-medium-height: $global-control-medium-height;
1515
+ $segmented-item-large-height: $global-control-large-height;
1516
+ $segmented-item-color: $global-color;
1517
+ $segmented-item-hover-background: $global-muted-background;
1518
+ $segmented-item-hover-color: $global-color;
1519
+ $segmented-item-selected-background: $global-primary-background;
1520
+ $segmented-item-selected-color: $global-inverse-color;
1521
+ $segmented-item-disabled-background: $global-muted-background;
1522
+ $segmented-item-disabled-color: $global-muted-color;
1523
+
1524
+
1489
1525
  // Select
1490
1526
  // ========================================================================
1491
1527
 
@@ -1516,7 +1552,7 @@ $select-selection-item-font-size: 14px !default;
1516
1552
  $select-selection-item-line-height: 24px !default;
1517
1553
  $select-selection-item-remove-icon-size: $select-selection-item-font-size !default;
1518
1554
  $select-selection-item-remove-icon-hover-color: $global-primary-background !default;
1519
- $select-dropdown-background: darken($global-background, 5%) !default;
1555
+ $select-dropdown-background: $global-muted-background !default;
1520
1556
  $select-dropdown-border: $control-border !default;
1521
1557
  $select-dropdown-border-style: $control-border-style !default;
1522
1558
  $select-dropdown-border-width: $control-border-width !default;
@@ -1527,7 +1563,7 @@ $select-icon-disabled-color: $control-disable
1527
1563
  $select-item-color: $control-color !default;
1528
1564
  $select-item-line-height: 24px !default;
1529
1565
  $select-item-active-background: $global-default-background !default;
1530
- $select-item-selected-background: darken($global-background, 10%) !default;
1566
+ $select-item-selected-background: color.scale($global-background, $lightness: -10%) !default;
1531
1567
  $select-item-selected-state-color: $global-primary-background !default;
1532
1568
  $select-item-disabled-color: $control-disabled-color !default;
1533
1569
  $select-item-group-color: $global-muted-color !default;
@@ -1574,8 +1610,8 @@ $sortable-empty-height: 50px !default;
1574
1610
 
1575
1611
  $spinner-size: 30px !default;
1576
1612
  $spinner-stroke-width: 2 !default;
1577
- $spinner-radius: floor((($spinner-size - $spinner-stroke-width) * 0.5)) !default; // Minus stroke width to prevent overflow clipping
1578
- $spinner-circumference: round(2 * 3.141 * $spinner-radius) !default;
1613
+ $spinner-radius: math.floor((($spinner-size - $spinner-stroke-width) * 0.5)) !default; // Minus stroke width to prevent overflow clipping
1614
+ $spinner-circumference: math.round(2 * math.$pi * $spinner-radius) !default;
1579
1615
  $spinner-duration: 1.4s !default;
1580
1616
 
1581
1617
 
@@ -1630,7 +1666,7 @@ $inverse-subnav-item-disabled-color: $inverse-global-
1630
1666
  // Switch
1631
1667
  // ========================================================================
1632
1668
 
1633
- $switch-background: darken($global-muted-background, 20%) !default;
1669
+ $switch-background: color.scale($global-muted-background, $lightness: -20%) !default;
1634
1670
  $switch-checked-background: $global-success-background !default;
1635
1671
  $switch-border: $global-border !default;
1636
1672
  $switch-border-style: $global-border-style !default;
@@ -1639,6 +1675,7 @@ $switch-border-radius: 100px !default;
1639
1675
  $switch-height: 22px !default;
1640
1676
  $switch-width: 44px !default;
1641
1677
  $switch-handle-background: $global-background !default;
1678
+ $switch-handle-checked-background: $global-background !default;
1642
1679
  $switch-handle-border-radius: 100px !default;
1643
1680
  $switch-handle-offset: 2px !default;
1644
1681
 
@@ -1654,15 +1691,15 @@ $tabs-large-tab-padding-horizontal: 25px !default;
1654
1691
  $tabs-large-tab-padding-vertical: 20px !default;
1655
1692
  $tabs-tab-font-size: $global-font-size !default;
1656
1693
  $tabs-tab-color: $global-color !default;
1657
- $tabs-tab-hover-color: $global-primary-background !default;
1658
- $tabs-tab-active-color: $global-primary-background !default;
1694
+ $tabs-tab-hover-color: $global-primary-color !default;
1695
+ $tabs-tab-active-color: $global-primary-color !default;
1659
1696
  $tabs-tab-disabled-color: $global-muted-color !default;
1660
1697
  $tabs-tab-remove-color: $global-muted-color !default;
1661
1698
  $tabs-tab-remove-font-size: $global-small-font-size !default;
1662
- $tabs-tab-remove-hover-color: $global-danger-background !default;
1663
- $tabs-tab-remove-active-color: $global-danger-background !default;
1699
+ $tabs-tab-remove-hover-color: $global-danger-color !default;
1700
+ $tabs-tab-remove-active-color: $global-danger-color !default;
1664
1701
  $tabs-nav-more-font-size: $global-small-font-size !default;
1665
- $tabs-ink-bar-color: $global-primary-background !default;
1702
+ $tabs-ink-bar-color: $global-primary-color !default;
1666
1703
  $tabs-ink-bar-height: 2px !default;
1667
1704
  $tabs-ink-bar-width: 2px !default;
1668
1705
  $tabs-card-tab-background: $global-muted-background !default;
@@ -1718,7 +1755,7 @@ $table-expand-min-width: 150px !default;
1718
1755
  // Inverse
1719
1756
  $inverse-table-header-cell-color: $inverse-global-color !default;
1720
1757
  $inverse-table-caption-color: $inverse-global-muted-color !default;
1721
- $inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default;
1758
+ $inverse-table-row-active-background: rgba($inverse-global-muted-background, 98%) !default;
1722
1759
  $inverse-table-divider-border: $inverse-global-border !default;
1723
1760
  $inverse-table-striped-row-background: $inverse-global-muted-background !default;
1724
1761
  $inverse-table-hover-row-background: $inverse-table-row-active-background !default;
@@ -1744,11 +1781,11 @@ $text-large-font-size: $global-large-fo
1744
1781
  $text-large-line-height: 1.5 !default;
1745
1782
  $text-muted-color: $global-muted-color !default;
1746
1783
  $text-emphasis-color: $global-emphasis-color !default;
1747
- $text-primary-color: $global-primary-background !default;
1748
- $text-secondary-color: $global-secondary-background !default;
1749
- $text-success-color: $global-success-background !default;
1750
- $text-warning-color: $global-warning-background !default;
1751
- $text-danger-color: $global-danger-background !default;
1784
+ $text-primary-color: $global-primary-color !default;
1785
+ $text-secondary-color: $global-secondary-color !default;
1786
+ $text-success-color: $global-success-color !default;
1787
+ $text-warning-color: $global-warning-color !default;
1788
+ $text-danger-color: $global-danger-color !default;
1752
1789
  $text-background-color: $global-primary-background !default;
1753
1790
 
1754
1791
  // Inverse