@codacy/ui-components 0.66.25 → 0.66.26

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 (281) hide show
  1. package/lib/Avatar/Avatar.js +20 -28
  2. package/lib/Avatar/Avatar.types.js +1 -5
  3. package/lib/Avatar/gravatar.js +14 -22
  4. package/lib/Avatar/index.js +1 -16
  5. package/lib/Banner/Banner.js +33 -50
  6. package/lib/Banner/Banner.styles.d.ts +1 -1
  7. package/lib/Banner/Banner.styles.js +11 -20
  8. package/lib/Banner/Banner.types.js +1 -5
  9. package/lib/Banner/index.js +2 -27
  10. package/lib/Bannerol/Bannerol.js +44 -61
  11. package/lib/Bannerol/Bannerol.styles.js +9 -18
  12. package/lib/Bannerol/Bannerol.types.js +1 -5
  13. package/lib/Bannerol/index.js +3 -38
  14. package/lib/BigTabs/BigTabs.js +39 -54
  15. package/lib/BigTabs/BigTabs.styles.js +79 -107
  16. package/lib/BigTabs/BigTabs.types.js +1 -5
  17. package/lib/BigTabs/index.js +1 -16
  18. package/lib/Button/Button.js +45 -67
  19. package/lib/Button/index.js +2 -27
  20. package/lib/Button/styles.js +101 -130
  21. package/lib/Button/types.js +1 -5
  22. package/lib/Checkbox/Checkbox.js +55 -68
  23. package/lib/Checkbox/CheckboxFilterList.js +33 -66
  24. package/lib/Checkbox/index.js +3 -38
  25. package/lib/Checkbox/styles.js +64 -86
  26. package/lib/Checkbox/types.js +1 -5
  27. package/lib/CloseButton/index.d.ts +1 -1
  28. package/lib/CloseButton/index.js +24 -36
  29. package/lib/Divider/Divider.js +14 -25
  30. package/lib/Divider/Divider.styles.d.ts +1 -1
  31. package/lib/Divider/Divider.styles.js +24 -38
  32. package/lib/Divider/Divider.types.js +1 -5
  33. package/lib/Divider/index.js +1 -16
  34. package/lib/Dropdown/Content/DropdownInput.js +10 -20
  35. package/lib/Dropdown/Content/DropdownItem.js +22 -36
  36. package/lib/Dropdown/Content/DropdownSeparator.js +8 -19
  37. package/lib/Dropdown/Content/DropdownTitle.js +8 -22
  38. package/lib/Dropdown/Content/index.js +4 -49
  39. package/lib/Dropdown/Dropdown.js +74 -102
  40. package/lib/Dropdown/Dropdown.styles.d.ts +1 -1
  41. package/lib/Dropdown/Dropdown.styles.js +60 -82
  42. package/lib/Dropdown/Dropdown.types.js +1 -5
  43. package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +19 -32
  44. package/lib/Dropdown/Triggers/DropdownItemTrigger.js +18 -30
  45. package/lib/Dropdown/Triggers/FilterTrigger.js +66 -93
  46. package/lib/Dropdown/Triggers/InputTrigger.js +15 -24
  47. package/lib/Dropdown/Triggers/SelectTrigger.js +12 -21
  48. package/lib/Dropdown/Triggers/hooks.js +17 -26
  49. package/lib/Dropdown/Triggers/index.js +6 -71
  50. package/lib/Dropdown/Triggers/types.js +1 -5
  51. package/lib/Dropdown/index.js +4 -49
  52. package/lib/ExpandableBox/ExpandableBox.js +28 -43
  53. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  54. package/lib/ExpandableBox/ExpandableBox.styles.js +27 -40
  55. package/lib/ExpandableBox/ExpandableBox.types.js +1 -5
  56. package/lib/ExpandableBox/index.js +1 -16
  57. package/lib/Flexbox/Flexbox.js +14 -21
  58. package/lib/Flexbox/index.js +1 -16
  59. package/lib/Group/Group.js +7 -18
  60. package/lib/Group/Group.styles.js +8 -16
  61. package/lib/Group/Group.types.js +1 -5
  62. package/lib/Group/index.js +1 -16
  63. package/lib/Icon/Icon.js +15 -26
  64. package/lib/Icon/Icon.styles.d.ts +1 -1
  65. package/lib/Icon/Icon.styles.js +57 -50
  66. package/lib/Icon/Icon.types.js +1 -5
  67. package/lib/Icon/index.js +1 -16
  68. package/lib/IconAndText/IconAndText.js +23 -36
  69. package/lib/IconAndText/IconAndText.styles.js +19 -29
  70. package/lib/IconAndText/IconAndText.types.js +1 -5
  71. package/lib/IconAndText/index.js +1 -16
  72. package/lib/Icons/Chevrons.js +45 -65
  73. package/lib/Icons/CodacyIcon.js +9 -20
  74. package/lib/Icons/Ellipsis.js +18 -29
  75. package/lib/Icons/Messages.js +58 -79
  76. package/lib/Icons/Search.js +8 -19
  77. package/lib/Icons/Severities.js +113 -149
  78. package/lib/Icons/Sorting.js +15 -29
  79. package/lib/Icons/Spinner.js +11 -22
  80. package/lib/Icons/Symbols.js +67 -90
  81. package/lib/Icons/index.js +8 -93
  82. package/lib/Img/Img.js +26 -45
  83. package/lib/Img/Img.styles.d.ts +2 -2
  84. package/lib/Img/Img.styles.js +21 -29
  85. package/lib/Img/Img.types.js +1 -5
  86. package/lib/Img/index.js +1 -16
  87. package/lib/InlineMessage/InlineMessage.js +43 -70
  88. package/lib/InlineMessage/index.js +1 -16
  89. package/lib/InlineMessage/types.js +1 -5
  90. package/lib/Input/Input.js +115 -143
  91. package/lib/Input/hooks.js +107 -208
  92. package/lib/Input/index.js +2 -27
  93. package/lib/Input/styles.d.ts +2 -2
  94. package/lib/Input/styles.js +116 -151
  95. package/lib/Input/types.js +1 -5
  96. package/lib/Labeled/Labeled.js +22 -35
  97. package/lib/Labeled/index.js +1 -16
  98. package/lib/Labeled/styles.js +23 -37
  99. package/lib/Labeled/types.js +1 -5
  100. package/lib/LeftMenu/LeftMenu.js +10 -21
  101. package/lib/LeftMenu/LeftMenu.styles.js +25 -43
  102. package/lib/LeftMenu/LeftMenu.types.js +1 -5
  103. package/lib/LeftMenu/index.js +1 -16
  104. package/lib/Link/Link.js +32 -50
  105. package/lib/Link/Link.styles.js +11 -23
  106. package/lib/Link/Link.types.js +1 -5
  107. package/lib/Link/index.js +3 -38
  108. package/lib/Message/Message.js +31 -42
  109. package/lib/Message/Message.styles.js +18 -31
  110. package/lib/Message/Message.types.js +1 -5
  111. package/lib/Message/index.js +1 -16
  112. package/lib/Modal/ConfirmationModal.js +40 -67
  113. package/lib/Modal/Modal.js +107 -137
  114. package/lib/Modal/index.js +2 -27
  115. package/lib/Modal/styles.js +44 -62
  116. package/lib/Modal/types.js +1 -5
  117. package/lib/MoreInfo/MoreInfo.js +41 -53
  118. package/lib/MoreInfo/index.js +1 -16
  119. package/lib/MoreInfo/types.js +1 -5
  120. package/lib/MultiSlider/MultiSlider.js +17 -31
  121. package/lib/MultiSlider/index.js +1 -16
  122. package/lib/MultiSlider/styles.js +18 -34
  123. package/lib/MultiSlider/types.js +1 -5
  124. package/lib/Panel/Panel.js +9 -19
  125. package/lib/Panel/Panel.styles.js +15 -26
  126. package/lib/Panel/Panel.types.js +1 -5
  127. package/lib/Panel/index.js +2 -27
  128. package/lib/PillLabel/PillLabel.js +35 -49
  129. package/lib/PillLabel/PillLabel.styles.js +33 -44
  130. package/lib/PillLabel/PillLabel.types.js +1 -5
  131. package/lib/PillLabel/index.js +1 -16
  132. package/lib/Popup/Popup.js +43 -61
  133. package/lib/Popup/index.js +1 -16
  134. package/lib/Popup/styles.js +22 -37
  135. package/lib/Popup/types.js +1 -5
  136. package/lib/ProgressBar/ProgressBar.js +19 -34
  137. package/lib/ProgressBar/index.js +2 -27
  138. package/lib/ProgressBar/styles.js +21 -35
  139. package/lib/ProgressBar/types.js +1 -5
  140. package/lib/Radio/Radio.js +47 -59
  141. package/lib/Radio/index.js +1 -16
  142. package/lib/Radio/styles.js +48 -72
  143. package/lib/Radio/types.js +1 -5
  144. package/lib/ScrollableContent/ScrollableContent.js +27 -40
  145. package/lib/ScrollableContent/ScrollableContent.styles.js +22 -39
  146. package/lib/ScrollableContent/ScrollableContent.types.js +1 -5
  147. package/lib/ScrollableContent/index.js +2 -27
  148. package/lib/ScrollableContent/useScrollContainer.js +35 -50
  149. package/lib/Skeleton/Skeleton.js +25 -45
  150. package/lib/Skeleton/Skeleton.styles.js +28 -25
  151. package/lib/Skeleton/Skeleton.types.js +1 -5
  152. package/lib/Skeleton/index.js +2 -20
  153. package/lib/Slider/Slider.js +32 -56
  154. package/lib/Slider/index.js +1 -16
  155. package/lib/Slider/styles.js +41 -60
  156. package/lib/Slider/types.js +1 -5
  157. package/lib/StepNumber/StepNumber.js +26 -40
  158. package/lib/StepNumber/index.js +1 -16
  159. package/lib/StepNumber/styles.js +13 -24
  160. package/lib/StepNumber/types.js +1 -5
  161. package/lib/Stepper/Stepper.js +45 -62
  162. package/lib/Stepper/Stepper.styles.js +27 -44
  163. package/lib/Stepper/Stepper.types.js +1 -5
  164. package/lib/Stepper/index.js +1 -16
  165. package/lib/Switcher/Switcher.js +22 -34
  166. package/lib/Switcher/Switcher.styles.js +27 -42
  167. package/lib/Switcher/Switcher.types.js +1 -5
  168. package/lib/Switcher/index.js +1 -16
  169. package/lib/Tab/Tab.js +21 -33
  170. package/lib/Tab/Tab.styles.js +34 -50
  171. package/lib/Tab/Tab.types.js +1 -5
  172. package/lib/Tab/index.js +1 -16
  173. package/lib/Table/NewSelectableTable.js +59 -97
  174. package/lib/Table/SelectableTable.js +142 -189
  175. package/lib/Table/Table.js +110 -155
  176. package/lib/Table/Table.styles.js +67 -90
  177. package/lib/Table/Table.types.js +1 -5
  178. package/lib/Table/index.js +2 -27
  179. package/lib/TagsInput/TagsInput.js +32 -46
  180. package/lib/TagsInput/index.js +1 -16
  181. package/lib/TagsInput/style.js +45 -71
  182. package/lib/TagsInput/types.js +1 -5
  183. package/lib/Textarea/Textarea.js +52 -71
  184. package/lib/Textarea/Textarea.styles.js +91 -126
  185. package/lib/Textarea/Textarea.types.js +1 -5
  186. package/lib/Textarea/index.js +1 -16
  187. package/lib/ThemeProvider/ThemeProvider.js +41 -65
  188. package/lib/ThemeProvider/index.js +1 -16
  189. package/lib/Toast/Toast.js +53 -68
  190. package/lib/Toast/index.js +1 -16
  191. package/lib/Toast/styles.js +29 -49
  192. package/lib/Toast/types.js +1 -5
  193. package/lib/Toggle/Toggle.js +48 -65
  194. package/lib/Toggle/index.js +1 -16
  195. package/lib/Toggle/styles.d.ts +1 -1
  196. package/lib/Toggle/styles.js +66 -101
  197. package/lib/Toggle/types.js +1 -5
  198. package/lib/Tooltip/Tooltip.js +84 -121
  199. package/lib/Tooltip/index.js +2 -27
  200. package/lib/Tooltip/styles.js +61 -91
  201. package/lib/Tooltip/types.js +1 -5
  202. package/lib/Typography/Typography.js +78 -116
  203. package/lib/Typography/Typography.styles.js +61 -78
  204. package/lib/Typography/Typography.types.js +1 -5
  205. package/lib/Typography/index.js +3 -38
  206. package/lib/emotion.d.js +1 -3
  207. package/lib/hooks/index.js +3 -38
  208. package/lib/hooks/useForwardedRef.js +5 -11
  209. package/lib/hooks/useInfiniteScroll.js +13 -25
  210. package/lib/hooks/useStatefulRef.js +10 -23
  211. package/lib/index.js +49 -544
  212. package/lib/system-props/color.js +3 -9
  213. package/lib/system-props/index.js +2 -27
  214. package/lib/system-props/types.js +1 -5
  215. package/lib/theme/ColorSchemes/components/alerts.js +30 -38
  216. package/lib/theme/ColorSchemes/components/button.js +89 -97
  217. package/lib/theme/ColorSchemes/components/cards.js +16 -24
  218. package/lib/theme/ColorSchemes/components/charts.js +93 -101
  219. package/lib/theme/ColorSchemes/components/checkbox-input.js +13 -21
  220. package/lib/theme/ColorSchemes/components/divider.js +4 -12
  221. package/lib/theme/ColorSchemes/components/drawer.js +21 -29
  222. package/lib/theme/ColorSchemes/components/effects.js +5 -13
  223. package/lib/theme/ColorSchemes/components/filters.js +12 -20
  224. package/lib/theme/ColorSchemes/components/index.js +23 -258
  225. package/lib/theme/ColorSchemes/components/input.js +38 -46
  226. package/lib/theme/ColorSchemes/components/issues.js +27 -35
  227. package/lib/theme/ColorSchemes/components/label.js +33 -41
  228. package/lib/theme/ColorSchemes/components/list-orb.js +8 -16
  229. package/lib/theme/ColorSchemes/components/loading.js +4 -12
  230. package/lib/theme/ColorSchemes/components/logo.js +6 -14
  231. package/lib/theme/ColorSchemes/components/modals.js +6 -14
  232. package/lib/theme/ColorSchemes/components/navigation.js +17 -25
  233. package/lib/theme/ColorSchemes/components/progress-bar.js +5 -13
  234. package/lib/theme/ColorSchemes/components/selector.js +20 -28
  235. package/lib/theme/ColorSchemes/components/stepper.js +9 -17
  236. package/lib/theme/ColorSchemes/components/tables.js +12 -20
  237. package/lib/theme/ColorSchemes/components/tabs.js +13 -21
  238. package/lib/theme/ColorSchemes/components/tooltip.js +6 -14
  239. package/lib/theme/ColorSchemes/components/utils.js +1 -11
  240. package/lib/theme/ColorSchemes/dark/background.d.ts +27 -27
  241. package/lib/theme/ColorSchemes/dark/background.js +42 -50
  242. package/lib/theme/ColorSchemes/dark/border.d.ts +27 -27
  243. package/lib/theme/ColorSchemes/dark/border.js +37 -45
  244. package/lib/theme/ColorSchemes/dark/data.js +18 -24
  245. package/lib/theme/ColorSchemes/dark/icon.d.ts +27 -27
  246. package/lib/theme/ColorSchemes/dark/icon.js +40 -48
  247. package/lib/theme/ColorSchemes/dark/illustration.js +11 -17
  248. package/lib/theme/ColorSchemes/dark/index.js +60 -31
  249. package/lib/theme/ColorSchemes/dark/text.d.ts +27 -27
  250. package/lib/theme/ColorSchemes/dark/text.js +47 -54
  251. package/lib/theme/ColorSchemes/index.js +4 -49
  252. package/lib/theme/ColorSchemes/light/background.d.ts +27 -27
  253. package/lib/theme/ColorSchemes/light/background.js +42 -50
  254. package/lib/theme/ColorSchemes/light/border.d.ts +27 -27
  255. package/lib/theme/ColorSchemes/light/border.js +37 -45
  256. package/lib/theme/ColorSchemes/light/data.js +18 -24
  257. package/lib/theme/ColorSchemes/light/icon.d.ts +27 -27
  258. package/lib/theme/ColorSchemes/light/icon.js +40 -48
  259. package/lib/theme/ColorSchemes/light/illustration.js +11 -17
  260. package/lib/theme/ColorSchemes/light/index.d.ts +54 -54
  261. package/lib/theme/ColorSchemes/light/index.js +43 -19
  262. package/lib/theme/ColorSchemes/light/text.d.ts +27 -27
  263. package/lib/theme/ColorSchemes/light/text.js +47 -54
  264. package/lib/theme/ColorSchemes/primitives/blue.js +1 -7
  265. package/lib/theme/ColorSchemes/primitives/green.js +1 -7
  266. package/lib/theme/ColorSchemes/primitives/grey.js +1 -7
  267. package/lib/theme/ColorSchemes/primitives/index.d.ts +9 -9
  268. package/lib/theme/ColorSchemes/primitives/index.js +20 -18
  269. package/lib/theme/ColorSchemes/primitives/magenta.js +1 -7
  270. package/lib/theme/ColorSchemes/primitives/orange.js +1 -7
  271. package/lib/theme/ColorSchemes/primitives/purple.js +1 -7
  272. package/lib/theme/ColorSchemes/primitives/red.js +1 -7
  273. package/lib/theme/ColorSchemes/primitives/teal.js +1 -7
  274. package/lib/theme/ColorSchemes/primitives/yellow.js +1 -7
  275. package/lib/theme/ColorSchemes/semantics.js +7 -13
  276. package/lib/theme/index.js +2 -27
  277. package/lib/theme/theme.js +68 -77
  278. package/lib/types.js +1 -5
  279. package/lib/utils/hash.js +3 -9
  280. package/lib/utils/reactNodeToText.js +9 -17
  281. package/package.json +21 -11
package/lib/theme/ColorSchemes/components/alerts.js CHANGED
@@ -1,38 +1,30 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.alerts = void 0;
7
- var _utils = require("./utils");
8
- var alerts = exports.alerts = function alerts(colors) {
9
- return (0, _utils.validateKeys)()({
10
- 'alerts-primary-text': colors['text-primary'],
11
- 'alerts-primary-background': colors['background-primary'],
12
- 'alerts-primary-icon': colors['icon-enabled'],
13
- 'alerts-primary-link': colors['text-link-enabled'],
14
- 'alerts-secondary-text': colors['text-secondary'],
15
- 'alerts-secondary-background': colors['background-secondary'],
16
- 'alerts-warning-text': colors['text-warning-enabled'],
17
- 'alerts-warning-background': colors['background-warning'],
18
- 'alerts-warning-icon': colors['icon-warning-enabled'],
19
- 'alerts-warning-border': colors['border-warning-enabled'],
20
- 'alerts-warning-link': colors['text-warning-enabled'],
21
- 'alerts-info-background': colors['background-info'],
22
- 'alerts-info-icon': colors['icon-info-enabled'],
23
- 'alerts-info-border': colors['border-info-enabled'],
24
- 'alerts-info-link': colors['text-info-enabled'],
25
- 'alerts-attention-text': colors['text-attention'],
26
- 'alerts-attention-background': colors['background-attention'],
27
- 'alerts-attention-icon': colors['icon-attention-enabled'],
28
- 'alerts-attention-border': colors['border-attention-enabled'],
29
- 'alerts-danger-background': colors['background-danger'],
30
- 'alerts-danger-icon': colors['icon-danger-enabled'],
31
- 'alerts-danger-border': colors['border-danger-enabled'],
32
- 'alerts-danger-link': colors['text-danger-enabled'],
33
- 'alerts-success-background': colors['background-success'],
34
- 'alerts-success-icon': colors['icon-success-enabled'],
35
- 'alerts-success-border': colors['border-success-enabled'],
36
- 'alerts-success-link': colors['text-success-enabled']
37
- });
38
- };
1
+ import { validateKeys } from './utils';
2
+ export const alerts = colors => validateKeys()({
3
+ 'alerts-primary-text': colors['text-primary'],
4
+ 'alerts-primary-background': colors['background-primary'],
5
+ 'alerts-primary-icon': colors['icon-enabled'],
6
+ 'alerts-primary-link': colors['text-link-enabled'],
7
+ 'alerts-secondary-text': colors['text-secondary'],
8
+ 'alerts-secondary-background': colors['background-secondary'],
9
+ 'alerts-warning-text': colors['text-warning-enabled'],
10
+ 'alerts-warning-background': colors['background-warning'],
11
+ 'alerts-warning-icon': colors['icon-warning-enabled'],
12
+ 'alerts-warning-border': colors['border-warning-enabled'],
13
+ 'alerts-warning-link': colors['text-warning-enabled'],
14
+ 'alerts-info-background': colors['background-info'],
15
+ 'alerts-info-icon': colors['icon-info-enabled'],
16
+ 'alerts-info-border': colors['border-info-enabled'],
17
+ 'alerts-info-link': colors['text-info-enabled'],
18
+ 'alerts-attention-text': colors['text-attention'],
19
+ 'alerts-attention-background': colors['background-attention'],
20
+ 'alerts-attention-icon': colors['icon-attention-enabled'],
21
+ 'alerts-attention-border': colors['border-attention-enabled'],
22
+ 'alerts-danger-background': colors['background-danger'],
23
+ 'alerts-danger-icon': colors['icon-danger-enabled'],
24
+ 'alerts-danger-border': colors['border-danger-enabled'],
25
+ 'alerts-danger-link': colors['text-danger-enabled'],
26
+ 'alerts-success-background': colors['background-success'],
27
+ 'alerts-success-icon': colors['icon-success-enabled'],
28
+ 'alerts-success-border': colors['border-success-enabled'],
29
+ 'alerts-success-link': colors['text-success-enabled']
30
+ });
package/lib/theme/ColorSchemes/components/button.js CHANGED
@@ -1,97 +1,89 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.button = void 0;
7
- var _utils = require("./utils");
8
- var button = exports.button = function button(colors) {
9
- return (0, _utils.validateKeys)()({
10
- // Primary button
11
- 'button-primary-brand-background-enabled': colors['background-brand-enabled'],
12
- 'button-primary-brand-background-hover': colors['background-brand-hover'],
13
- 'button-primary-brand-background-focus': colors['background-brand-focus'],
14
- 'button-primary-brand-background-pressed': colors['background-brand-pressed'],
15
- 'button-primary-brand-background-disabled': colors['background-brand-disabled'],
16
- 'button-primary-brand-text-enabled': colors['text-inverted'],
17
- 'button-primary-brand-text-hover': colors['text-inverted'],
18
- 'button-primary-brand-text-focus': colors['text-inverted'],
19
- 'button-primary-brand-text-pressed': colors['text-inverted'],
20
- 'button-primary-brand-text-disabled': colors['text-inverted'],
21
- 'button-primary-brand-icon-enabled': colors['icon-inverted'],
22
- 'button-primary-brand-icon-hover': colors['icon-inverted'],
23
- 'button-primary-brand-icon-focus': colors['icon-inverted'],
24
- 'button-primary-brand-icon-pressed': colors['icon-inverted'],
25
- 'button-primary-brand-icon-disabled': colors['icon-inverted'],
26
- // Danger button
27
- 'button-primary-danger-background-enabled': colors['background-danger-enabled'],
28
- 'button-primary-danger-background-hover': colors['background-danger-hover'],
29
- 'button-primary-danger-background-focus': colors['background-danger-hover'],
30
- 'button-primary-danger-background-pressed': colors['background-danger-pressed'],
31
- 'button-primary-danger-background-disabled': colors['background-danger-disabled'],
32
- 'button-primary-danger-text-enabled': colors['text-inverted'],
33
- 'button-primary-danger-text-hover': colors['text-inverted'],
34
- 'button-primary-danger-text-focus': colors['text-inverted'],
35
- 'button-primary-danger-text-pressed': colors['text-inverted'],
36
- 'button-primary-danger-text-disabled': colors['text-inverted'],
37
- 'button-primary-danger-icon-enabled': colors['icon-inverted'],
38
- 'button-primary-danger-icon-hover': colors['icon-inverted'],
39
- 'button-primary-danger-icon-focus': colors['icon-inverted'],
40
- 'button-primary-danger-icon-pressed': colors['icon-inverted'],
41
- 'button-primary-danger-icon-disabled': colors['icon-inverted'],
42
- // Secondary button
43
- 'button-secondary-brand-background-enabled': colors['background-brand-inverted'],
44
- 'button-secondary-brand-background-hover': colors['background-brand'],
45
- 'button-secondary-brand-background-pressed': colors['background-brand'],
46
- 'button-secondary-brand-background-focus': colors['background-brand'],
47
- 'button-secondary-brand-background-disabled': colors['background-brand-inverted'],
48
- 'button-secondary-brand-text-enabled': colors['text-brand-enabled'],
49
- 'button-secondary-brand-text-hover': colors['text-brand-hover'],
50
- 'button-secondary-brand-text-focus': colors['text-brand-focus'],
51
- 'button-secondary-brand-text-pressed': colors['text-brand-pressed'],
52
- 'button-secondary-brand-text-disabled': colors['text-brand-disabled'],
53
- 'button-secondary-brand-icon-enabled': colors['icon-brand-enabled'],
54
- 'button-secondary-brand-icon-hover': colors['icon-brand-hover'],
55
- 'button-secondary-brand-icon-focus': colors['icon-brand-focus'],
56
- 'button-secondary-brand-icon-pressed': colors['icon-brand-pressed'],
57
- 'button-secondary-brand-icon-disabled': colors['icon-brand-disabled'],
58
- 'button-secondary-brand-border-enabled': colors['icon-brand-enabled'],
59
- 'button-secondary-brand-border-hover': colors['icon-brand-hover'],
60
- 'button-secondary-brand-border-focus': colors['icon-brand-focus'],
61
- 'button-secondary-brand-border-pressed': colors['icon-brand-pressed'],
62
- 'button-secondary-brand-border-disabled': colors['icon-brand-disabled'],
63
- // Text button - brand
64
- 'button-text-brand-text-enabled': colors['text-brand-enabled'],
65
- 'button-text-brand-text-hover': colors['text-brand-hover'],
66
- 'button-text-brand-text-focus': colors['text-brand-focus'],
67
- 'button-text-brand-text-pressed': colors['text-brand-pressed'],
68
- 'button-text-brand-text-disabled': colors['text-brand-disabled'],
69
- 'button-text-brand-icon-enabled': colors['icon-brand-enabled'],
70
- 'button-text-brand-icon-hover': colors['icon-brand-hover'],
71
- 'button-text-brand-icon-focus': colors['icon-brand-focus'],
72
- 'button-text-brand-icon-pressed': colors['icon-brand-pressed'],
73
- 'button-text-brand-icon-disabled': colors['icon-brand-disabled'],
74
- // Text button - secondary
75
- 'button-text-secondary-text-enabled': colors['text-subtle-enabled'],
76
- 'button-text-secondary-text-hover': colors['text-subtle-hover'],
77
- 'button-text-secondary-text-focus': colors['text-subtle-hover'],
78
- 'button-text-secondary-text-pressed': colors['text-subtle-pressed'],
79
- 'button-text-secondary-text-disabled': colors['text-subtle-disabled'],
80
- 'button-text-secondary-icon-enabled': colors['icon-subtle-enabled'],
81
- 'button-text-secondary-icon-hover': colors['icon-subtle-hover'],
82
- 'button-text-secondary-icon-focus': colors['icon-subtle-focus'],
83
- 'button-text-secondary-icon-pressed': colors['icon-subtle-pressed'],
84
- 'button-text-secondary-icon-disabled': colors['icon-subtle-disabled'],
85
- // Text button - danger
86
- 'button-text-danger-text-enabled': colors['text-danger-enabled'],
87
- 'button-text-danger-text-hover': colors['text-danger-hover'],
88
- 'button-text-danger-text-focus': colors['text-danger-hover'],
89
- 'button-text-danger-text-pressed': colors['text-danger-pressed'],
90
- 'button-text-danger-text-disabled': colors['text-danger-disabled'],
91
- 'button-text-danger-icon-enabled': colors['icon-danger-enabled'],
92
- 'button-text-danger-icon-hover': colors['icon-danger-hover'],
93
- 'button-text-danger-icon-focus': colors['icon-danger-focus'],
94
- 'button-text-danger-icon-pressed': colors['icon-danger-pressed'],
95
- 'button-text-danger-icon-disabled': colors['icon-danger-disabled']
96
- });
97
- };
1
+ import { validateKeys } from './utils';
2
+ export const button = colors => validateKeys()({
3
+ // Primary button
4
+ 'button-primary-brand-background-enabled': colors['background-brand-enabled'],
5
+ 'button-primary-brand-background-hover': colors['background-brand-hover'],
6
+ 'button-primary-brand-background-focus': colors['background-brand-focus'],
7
+ 'button-primary-brand-background-pressed': colors['background-brand-pressed'],
8
+ 'button-primary-brand-background-disabled': colors['background-brand-disabled'],
9
+ 'button-primary-brand-text-enabled': colors['text-inverted'],
10
+ 'button-primary-brand-text-hover': colors['text-inverted'],
11
+ 'button-primary-brand-text-focus': colors['text-inverted'],
12
+ 'button-primary-brand-text-pressed': colors['text-inverted'],
13
+ 'button-primary-brand-text-disabled': colors['text-inverted'],
14
+ 'button-primary-brand-icon-enabled': colors['icon-inverted'],
15
+ 'button-primary-brand-icon-hover': colors['icon-inverted'],
16
+ 'button-primary-brand-icon-focus': colors['icon-inverted'],
17
+ 'button-primary-brand-icon-pressed': colors['icon-inverted'],
18
+ 'button-primary-brand-icon-disabled': colors['icon-inverted'],
19
+ // Danger button
20
+ 'button-primary-danger-background-enabled': colors['background-danger-enabled'],
21
+ 'button-primary-danger-background-hover': colors['background-danger-hover'],
22
+ 'button-primary-danger-background-focus': colors['background-danger-hover'],
23
+ 'button-primary-danger-background-pressed': colors['background-danger-pressed'],
24
+ 'button-primary-danger-background-disabled': colors['background-danger-disabled'],
25
+ 'button-primary-danger-text-enabled': colors['text-inverted'],
26
+ 'button-primary-danger-text-hover': colors['text-inverted'],
27
+ 'button-primary-danger-text-focus': colors['text-inverted'],
28
+ 'button-primary-danger-text-pressed': colors['text-inverted'],
29
+ 'button-primary-danger-text-disabled': colors['text-inverted'],
30
+ 'button-primary-danger-icon-enabled': colors['icon-inverted'],
31
+ 'button-primary-danger-icon-hover': colors['icon-inverted'],
32
+ 'button-primary-danger-icon-focus': colors['icon-inverted'],
33
+ 'button-primary-danger-icon-pressed': colors['icon-inverted'],
34
+ 'button-primary-danger-icon-disabled': colors['icon-inverted'],
35
+ // Secondary button
36
+ 'button-secondary-brand-background-enabled': colors['background-brand-inverted'],
37
+ 'button-secondary-brand-background-hover': colors['background-brand'],
38
+ 'button-secondary-brand-background-pressed': colors['background-brand'],
39
+ 'button-secondary-brand-background-focus': colors['background-brand'],
40
+ 'button-secondary-brand-background-disabled': colors['background-brand-inverted'],
41
+ 'button-secondary-brand-text-enabled': colors['text-brand-enabled'],
42
+ 'button-secondary-brand-text-hover': colors['text-brand-hover'],
43
+ 'button-secondary-brand-text-focus': colors['text-brand-focus'],
44
+ 'button-secondary-brand-text-pressed': colors['text-brand-pressed'],
45
+ 'button-secondary-brand-text-disabled': colors['text-brand-disabled'],
46
+ 'button-secondary-brand-icon-enabled': colors['icon-brand-enabled'],
47
+ 'button-secondary-brand-icon-hover': colors['icon-brand-hover'],
48
+ 'button-secondary-brand-icon-focus': colors['icon-brand-focus'],
49
+ 'button-secondary-brand-icon-pressed': colors['icon-brand-pressed'],
50
+ 'button-secondary-brand-icon-disabled': colors['icon-brand-disabled'],
51
+ 'button-secondary-brand-border-enabled': colors['icon-brand-enabled'],
52
+ 'button-secondary-brand-border-hover': colors['icon-brand-hover'],
53
+ 'button-secondary-brand-border-focus': colors['icon-brand-focus'],
54
+ 'button-secondary-brand-border-pressed': colors['icon-brand-pressed'],
55
+ 'button-secondary-brand-border-disabled': colors['icon-brand-disabled'],
56
+ // Text button - brand
57
+ 'button-text-brand-text-enabled': colors['text-brand-enabled'],
58
+ 'button-text-brand-text-hover': colors['text-brand-hover'],
59
+ 'button-text-brand-text-focus': colors['text-brand-focus'],
60
+ 'button-text-brand-text-pressed': colors['text-brand-pressed'],
61
+ 'button-text-brand-text-disabled': colors['text-brand-disabled'],
62
+ 'button-text-brand-icon-enabled': colors['icon-brand-enabled'],
63
+ 'button-text-brand-icon-hover': colors['icon-brand-hover'],
64
+ 'button-text-brand-icon-focus': colors['icon-brand-focus'],
65
+ 'button-text-brand-icon-pressed': colors['icon-brand-pressed'],
66
+ 'button-text-brand-icon-disabled': colors['icon-brand-disabled'],
67
+ // Text button - secondary
68
+ 'button-text-secondary-text-enabled': colors['text-subtle-enabled'],
69
+ 'button-text-secondary-text-hover': colors['text-subtle-hover'],
70
+ 'button-text-secondary-text-focus': colors['text-subtle-hover'],
71
+ 'button-text-secondary-text-pressed': colors['text-subtle-pressed'],
72
+ 'button-text-secondary-text-disabled': colors['text-subtle-disabled'],
73
+ 'button-text-secondary-icon-enabled': colors['icon-subtle-enabled'],
74
+ 'button-text-secondary-icon-hover': colors['icon-subtle-hover'],
75
+ 'button-text-secondary-icon-focus': colors['icon-subtle-focus'],
76
+ 'button-text-secondary-icon-pressed': colors['icon-subtle-pressed'],
77
+ 'button-text-secondary-icon-disabled': colors['icon-subtle-disabled'],
78
+ // Text button - danger
79
+ 'button-text-danger-text-enabled': colors['text-danger-enabled'],
80
+ 'button-text-danger-text-hover': colors['text-danger-hover'],
81
+ 'button-text-danger-text-focus': colors['text-danger-hover'],
82
+ 'button-text-danger-text-pressed': colors['text-danger-pressed'],
83
+ 'button-text-danger-text-disabled': colors['text-danger-disabled'],
84
+ 'button-text-danger-icon-enabled': colors['icon-danger-enabled'],
85
+ 'button-text-danger-icon-hover': colors['icon-danger-hover'],
86
+ 'button-text-danger-icon-focus': colors['icon-danger-focus'],
87
+ 'button-text-danger-icon-pressed': colors['icon-danger-pressed'],
88
+ 'button-text-danger-icon-disabled': colors['icon-danger-disabled']
89
+ });
package/lib/theme/ColorSchemes/components/cards.js CHANGED
@@ -1,24 +1,16 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.cards = void 0;
7
- var _utils = require("./utils");
8
- var cards = exports.cards = function cards(colors) {
9
- return (0, _utils.validateKeys)()({
10
- 'cards-primary-text-enabled': colors['text-primary'],
11
- 'cards-primary-text-disabled': colors['text-disabled'],
12
- 'cards-secondary-text-enabled': colors['text-secondary'],
13
- 'cards-tertiary-text-enabled': colors['text-tertiary'],
14
- 'cards-danger-text-enabled': colors['text-danger-enabled'],
15
- 'cards-primary-link-enabled': colors['text-link-enabled'],
16
- 'cards-primary-icon-enabled': colors['icon-enabled'],
17
- 'cards-success-icon-enabled': colors['icon-success-enabled'],
18
- 'cards-primary-background-enabled': colors['background-primary'],
19
- 'cards-secondary-background-enabled': colors['background-secondary'],
20
- 'cards-subtle-background-enabled': colors['background-brand-subtle'],
21
- 'cards-primary-border-enabled': colors['border-primary'],
22
- 'cards-subtle-border-enabled': colors['border-brand-subtle']
23
- });
24
- };
1
+ import { validateKeys } from './utils';
2
+ export const cards = colors => validateKeys()({
3
+ 'cards-primary-text-enabled': colors['text-primary'],
4
+ 'cards-primary-text-disabled': colors['text-disabled'],
5
+ 'cards-secondary-text-enabled': colors['text-secondary'],
6
+ 'cards-tertiary-text-enabled': colors['text-tertiary'],
7
+ 'cards-danger-text-enabled': colors['text-danger-enabled'],
8
+ 'cards-primary-link-enabled': colors['text-link-enabled'],
9
+ 'cards-primary-icon-enabled': colors['icon-enabled'],
10
+ 'cards-success-icon-enabled': colors['icon-success-enabled'],
11
+ 'cards-primary-background-enabled': colors['background-primary'],
12
+ 'cards-secondary-background-enabled': colors['background-secondary'],
13
+ 'cards-subtle-background-enabled': colors['background-brand-subtle'],
14
+ 'cards-primary-border-enabled': colors['border-primary'],
15
+ 'cards-subtle-border-enabled': colors['border-brand-subtle']
16
+ });
package/lib/theme/ColorSchemes/components/charts.js CHANGED
@@ -1,101 +1,93 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.charts = void 0;
7
- var _utils = require("./utils");
8
- var charts = exports.charts = function charts(colors) {
9
- return (0, _utils.validateKeys)()({
10
- 'charts-primary-icon-enabled': colors['icon-enabled'],
11
- 'charts-primary-icon-disabled': colors['text-disabled'],
12
- 'charts-primary-iconLink-enabled': colors['icon-brand-enabled'],
13
- 'charts-primary-iconLink-disabled': colors['icon-brand-disabled'],
14
- 'charts-success-icon-enabled': colors['icon-success-enabled'],
15
- 'charts-success-icon-disabled': colors['icon-success-disabled'],
16
- 'charts-critical-icon-enabled': colors['icon-critical-enabled'],
17
- 'charts-critical-icon-disabled': colors['icon-critical-disabled'],
18
- 'charts-high-icon-enabled': colors['icon-high-enabled'],
19
- 'charts-high-icon-disabled': colors['icon-high-disabled'],
20
- 'charts-medium-icon-enabled': colors['icon-medium-enabled'],
21
- 'charts-medium-icon-disabled': colors['icon-medium-disabled'],
22
- 'charts-minor-icon-enabled': colors['icon-minor-enabled'],
23
- 'charts-minor-icon-disabled': colors['icon-minor-disabled'],
24
- 'charts-primary-text-enabled': colors['text-primary'],
25
- 'charts-secondary-text-enabled': colors['text-secondary'],
26
- 'charts-tertiary-text-enabled': colors['text-tertiary'],
27
- 'charts-primary-text-disabled': colors['text-disabled'],
28
- 'charts-primary-link-enabled': colors['text-link-enabled'],
29
- 'charts-critical-text-enabled': colors['text-critical-enabled'],
30
- 'charts-critical-text-disabled': colors['text-critical-disabled'],
31
- 'charts-high-text-enabled': colors['text-high-enabled'],
32
- 'charts-high-text-disabled': colors['text-high-disabled'],
33
- 'charts-medium-text-enabled': colors['text-medium-enabled'],
34
- 'charts-medium-text-disabled': colors['text-medium-disabled'],
35
- 'charts-minor-text-enabled': colors['text-minor-enabled'],
36
- 'charts-minor-text-disabled': colors['text-minor-disabled'],
37
- 'charts-primary-border-enabled': colors['border-primary'],
38
- 'charts-secondary-border-enabled': colors['border-inverted'],
39
- 'charts-primary-border-active': colors['border-brand-enabled'],
40
- 'charts-critical-border-enabled': colors['border-critical-enabled'],
41
- 'charts-critical-border-disabled': colors['border-critical-disabled'],
42
- 'charts-high-border-enabled': colors['border-high-enabled'],
43
- 'charts-high-border-disabled': colors['border-high-disabled'],
44
- 'charts-medium-border-enabled': colors['border-medium-enabled'],
45
- 'charts-medium-border-disabled': colors['border-medium-disabled'],
46
- 'charts-minor-border-enabled': colors['border-minor-enabled'],
47
- 'charts-minor-border-disabled': colors['border-minor-disabled'],
48
- 'charts-primary-background-enabled': colors['background-primary'],
49
- 'charts-secondary-background-enabled': colors['background-secondary'],
50
- 'charts-tertiary-background-enabled': colors['background-subtle'],
51
- 'charts-subtle-background-enabled': colors['background-brand-disabled'],
52
- 'charts-danger-background-enabled': colors['background-danger'],
53
- 'charts-danger-background-active': colors['background-danger-enabled'],
54
- 'charts-warning-background-enabled': colors['background-warning'],
55
- 'charts-warning-background-active': colors['background-warning-enabled'],
56
- 'charts-success-background-enabled': colors['background-success'],
57
- 'charts-success-background-active': colors['background-success-enabled'],
58
- 'charts-info-background-enabled': colors['background-info'],
59
- 'charts-info-background-active': colors['background-info-enabled'],
60
- 'charts-attention-background-enabled': colors['background-attention'],
61
- 'charts-attention-background-active': colors['background-attention-enabled'],
62
- 'charts-critical-background-enabled': colors['background-critical'],
63
- 'charts-critical-background-active': colors['background-critical-enabled'],
64
- 'charts-high-background-enabled': colors['background-high'],
65
- 'charts-high-background-active': colors['background-high-enabled'],
66
- 'charts-medium-background-enabled': colors['background-medium'],
67
- 'charts-medium-background-active': colors['background-medium-enabled'],
68
- 'charts-minor-background-enabled': colors['background-minor'],
69
- 'charts-minor-background-active': colors['background-minor-enabled'],
70
- 'charts-value1-border-enabled': colors['data-color1-enabled'],
71
- 'charts-value1-border-disabled': colors['data-color1-disabled'],
72
- 'charts-value2-border-enabled': colors['data-color2-enabled'],
73
- 'charts-value2-border-disabled': colors['data-color2-disabled'],
74
- 'charts-value3-border-enabled': colors['data-color3-enabled'],
75
- 'charts-value3-border-disabled': colors['data-color3-disabled'],
76
- 'charts-value4-border-enabled': colors['data-color4-enabled'],
77
- 'charts-value4-border-disabled': colors['data-color4-disabled'],
78
- 'charts-value5-border-enabled': colors['data-color5-enabled'],
79
- 'charts-value5-border-disabled': colors['data-color5-disabled'],
80
- 'charts-value6-border-enabled': colors['data-color6-enabled'],
81
- 'charts-value6-border-disabled': colors['data-color6-disabled'],
82
- 'charts-value7-border-enabled': colors['data-color7-enabled'],
83
- 'charts-value7-border-disabled': colors['data-color7-disabled'],
84
- 'charts-value1-background-enabled': colors['data-color1-enabled'],
85
- 'charts-value1-background-disabled': colors['data-color1-disabled'],
86
- 'charts-value2-background-enabled': colors['data-color2-enabled'],
87
- 'charts-value2-background-disabled': colors['data-color2-disabled'],
88
- 'charts-value3-background-enabled': colors['data-color3-enabled'],
89
- 'charts-value3-background-disabled': colors['data-color3-disabled'],
90
- 'charts-value4-background-enabled': colors['data-color4-enabled'],
91
- 'charts-value4-background-disabled': colors['data-color4-disabled'],
92
- 'charts-value5-background-enabled': colors['data-color5-enabled'],
93
- 'charts-value5-background-disabled': colors['data-color5-disabled'],
94
- 'charts-value6-background-enabled': colors['data-color6-enabled'],
95
- 'charts-value6-background-disabled': colors['data-color6-disabled'],
96
- 'charts-value7-background-enabled': colors['data-color7-enabled'],
97
- 'charts-value7-background-disabled': colors['data-color7-disabled'],
98
- 'charts-value8-background-enabled': colors['data-color8-enabled'],
99
- 'charts-value8-background-disabled': colors['data-color8-disabled']
100
- });
101
- };
1
+ import { validateKeys } from './utils';
2
+ export const charts = colors => validateKeys()({
3
+ 'charts-primary-icon-enabled': colors['icon-enabled'],
4
+ 'charts-primary-icon-disabled': colors['text-disabled'],
5
+ 'charts-primary-iconLink-enabled': colors['icon-brand-enabled'],
6
+ 'charts-primary-iconLink-disabled': colors['icon-brand-disabled'],
7
+ 'charts-success-icon-enabled': colors['icon-success-enabled'],
8
+ 'charts-success-icon-disabled': colors['icon-success-disabled'],
9
+ 'charts-critical-icon-enabled': colors['icon-critical-enabled'],
10
+ 'charts-critical-icon-disabled': colors['icon-critical-disabled'],
11
+ 'charts-high-icon-enabled': colors['icon-high-enabled'],
12
+ 'charts-high-icon-disabled': colors['icon-high-disabled'],
13
+ 'charts-medium-icon-enabled': colors['icon-medium-enabled'],
14
+ 'charts-medium-icon-disabled': colors['icon-medium-disabled'],
15
+ 'charts-minor-icon-enabled': colors['icon-minor-enabled'],
16
+ 'charts-minor-icon-disabled': colors['icon-minor-disabled'],
17
+ 'charts-primary-text-enabled': colors['text-primary'],
18
+ 'charts-secondary-text-enabled': colors['text-secondary'],
19
+ 'charts-tertiary-text-enabled': colors['text-tertiary'],
20
+ 'charts-primary-text-disabled': colors['text-disabled'],
21
+ 'charts-primary-link-enabled': colors['text-link-enabled'],
22
+ 'charts-critical-text-enabled': colors['text-critical-enabled'],
23
+ 'charts-critical-text-disabled': colors['text-critical-disabled'],
24
+ 'charts-high-text-enabled': colors['text-high-enabled'],
25
+ 'charts-high-text-disabled': colors['text-high-disabled'],
26
+ 'charts-medium-text-enabled': colors['text-medium-enabled'],
27
+ 'charts-medium-text-disabled': colors['text-medium-disabled'],
28
+ 'charts-minor-text-enabled': colors['text-minor-enabled'],
29
+ 'charts-minor-text-disabled': colors['text-minor-disabled'],
30
+ 'charts-primary-border-enabled': colors['border-primary'],
31
+ 'charts-secondary-border-enabled': colors['border-inverted'],
32
+ 'charts-primary-border-active': colors['border-brand-enabled'],
33
+ 'charts-critical-border-enabled': colors['border-critical-enabled'],
34
+ 'charts-critical-border-disabled': colors['border-critical-disabled'],
35
+ 'charts-high-border-enabled': colors['border-high-enabled'],
36
+ 'charts-high-border-disabled': colors['border-high-disabled'],
37
+ 'charts-medium-border-enabled': colors['border-medium-enabled'],
38
+ 'charts-medium-border-disabled': colors['border-medium-disabled'],
39
+ 'charts-minor-border-enabled': colors['border-minor-enabled'],
40
+ 'charts-minor-border-disabled': colors['border-minor-disabled'],
41
+ 'charts-primary-background-enabled': colors['background-primary'],
42
+ 'charts-secondary-background-enabled': colors['background-secondary'],
43
+ 'charts-tertiary-background-enabled': colors['background-subtle'],
44
+ 'charts-subtle-background-enabled': colors['background-brand-disabled'],
45
+ 'charts-danger-background-enabled': colors['background-danger'],
46
+ 'charts-danger-background-active': colors['background-danger-enabled'],
47
+ 'charts-warning-background-enabled': colors['background-warning'],
48
+ 'charts-warning-background-active': colors['background-warning-enabled'],
49
+ 'charts-success-background-enabled': colors['background-success'],
50
+ 'charts-success-background-active': colors['background-success-enabled'],
51
+ 'charts-info-background-enabled': colors['background-info'],
52
+ 'charts-info-background-active': colors['background-info-enabled'],
53
+ 'charts-attention-background-enabled': colors['background-attention'],
54
+ 'charts-attention-background-active': colors['background-attention-enabled'],
55
+ 'charts-critical-background-enabled': colors['background-critical'],
56
+ 'charts-critical-background-active': colors['background-critical-enabled'],
57
+ 'charts-high-background-enabled': colors['background-high'],
58
+ 'charts-high-background-active': colors['background-high-enabled'],
59
+ 'charts-medium-background-enabled': colors['background-medium'],
60
+ 'charts-medium-background-active': colors['background-medium-enabled'],
61
+ 'charts-minor-background-enabled': colors['background-minor'],
62
+ 'charts-minor-background-active': colors['background-minor-enabled'],
63
+ 'charts-value1-border-enabled': colors['data-color1-enabled'],
64
+ 'charts-value1-border-disabled': colors['data-color1-disabled'],
65
+ 'charts-value2-border-enabled': colors['data-color2-enabled'],
66
+ 'charts-value2-border-disabled': colors['data-color2-disabled'],
67
+ 'charts-value3-border-enabled': colors['data-color3-enabled'],
68
+ 'charts-value3-border-disabled': colors['data-color3-disabled'],
69
+ 'charts-value4-border-enabled': colors['data-color4-enabled'],
70
+ 'charts-value4-border-disabled': colors['data-color4-disabled'],
71
+ 'charts-value5-border-enabled': colors['data-color5-enabled'],
72
+ 'charts-value5-border-disabled': colors['data-color5-disabled'],
73
+ 'charts-value6-border-enabled': colors['data-color6-enabled'],
74
+ 'charts-value6-border-disabled': colors['data-color6-disabled'],
75
+ 'charts-value7-border-enabled': colors['data-color7-enabled'],
76
+ 'charts-value7-border-disabled': colors['data-color7-disabled'],
77
+ 'charts-value1-background-enabled': colors['data-color1-enabled'],
78
+ 'charts-value1-background-disabled': colors['data-color1-disabled'],
79
+ 'charts-value2-background-enabled': colors['data-color2-enabled'],
80
+ 'charts-value2-background-disabled': colors['data-color2-disabled'],
81
+ 'charts-value3-background-enabled': colors['data-color3-enabled'],
82
+ 'charts-value3-background-disabled': colors['data-color3-disabled'],
83
+ 'charts-value4-background-enabled': colors['data-color4-enabled'],
84
+ 'charts-value4-background-disabled': colors['data-color4-disabled'],
85
+ 'charts-value5-background-enabled': colors['data-color5-enabled'],
86
+ 'charts-value5-background-disabled': colors['data-color5-disabled'],
87
+ 'charts-value6-background-enabled': colors['data-color6-enabled'],
88
+ 'charts-value6-background-disabled': colors['data-color6-disabled'],
89
+ 'charts-value7-background-enabled': colors['data-color7-enabled'],
90
+ 'charts-value7-background-disabled': colors['data-color7-disabled'],
91
+ 'charts-value8-background-enabled': colors['data-color8-enabled'],
92
+ 'charts-value8-background-disabled': colors['data-color8-disabled']
93
+ });
package/lib/theme/ColorSchemes/components/checkbox-input.js CHANGED
@@ -1,21 +1,13 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.checkboxInput = void 0;
7
- var _utils = require("./utils");
8
- var checkboxInput = exports.checkboxInput = function checkboxInput(colors) {
9
- return (0, _utils.validateKeys)()({
10
- 'checkboxInput-primary-text-enabled': colors['text-primary'],
11
- 'checkboxInput-primary-text-disabled': colors['border-brand-subtle'],
12
- 'checkboxInput-secondary-text-enabled': colors['text-tertiary'],
13
- 'checkboxInput-secondary-text-disabled': colors['border-brand-subtle'],
14
- 'checkboxInput-primary-background-enabled': colors['background-primary'],
15
- 'checkboxInput-primary-background-disabled': colors['background-brand-subtle'],
16
- 'checkboxInput-primary-border-active': colors['border-brand-enabled'],
17
- 'checkboxInput-primary-border-enabled': colors['border-brand-subtle'],
18
- 'checkboxInput-primary-icon-enabled': colors['background-brand-enabled'],
19
- 'checkboxInput-primary-icon-disabled': colors['border-brand-subtle']
20
- });
21
- };
1
+ import { validateKeys } from './utils';
2
+ export const checkboxInput = colors => validateKeys()({
3
+ 'checkboxInput-primary-text-enabled': colors['text-primary'],
4
+ 'checkboxInput-primary-text-disabled': colors['border-brand-subtle'],
5
+ 'checkboxInput-secondary-text-enabled': colors['text-tertiary'],
6
+ 'checkboxInput-secondary-text-disabled': colors['border-brand-subtle'],
7
+ 'checkboxInput-primary-background-enabled': colors['background-primary'],
8
+ 'checkboxInput-primary-background-disabled': colors['background-brand-subtle'],
9
+ 'checkboxInput-primary-border-active': colors['border-brand-enabled'],
10
+ 'checkboxInput-primary-border-enabled': colors['border-brand-subtle'],
11
+ 'checkboxInput-primary-icon-enabled': colors['background-brand-enabled'],
12
+ 'checkboxInput-primary-icon-disabled': colors['border-brand-subtle']
13
+ });
package/lib/theme/ColorSchemes/components/divider.js CHANGED
@@ -1,12 +1,4 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.divider = void 0;
7
- var _utils = require("./utils");
8
- var divider = exports.divider = function divider(colors) {
9
- return (0, _utils.validateKeys)()({
10
- 'divider-enabled': colors['border-primary']
11
- });
12
- };
1
+ import { validateKeys } from './utils';
2
+ export const divider = colors => validateKeys()({
3
+ 'divider-enabled': colors['border-primary']
4
+ });