@dxc-technology/halstack-react 0.0.0-e4ccd42 → 0.0.0-e690193

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 (368) hide show
  1. package/README.md +1 -2
  2. package/dist/index.d.mts +3923 -0
  3. package/dist/index.d.ts +3923 -0
  4. package/dist/index.js +14133 -0
  5. package/dist/index.mjs +14045 -0
  6. package/package.json +83 -67
  7. package/BackgroundColorContext.d.ts +0 -1
  8. package/BackgroundColorContext.js +0 -30
  9. package/HalstackContext.d.ts +0 -1249
  10. package/HalstackContext.js +0 -310
  11. package/accordion/Accordion.d.ts +0 -4
  12. package/accordion/Accordion.js +0 -182
  13. package/accordion/Accordion.stories.tsx +0 -283
  14. package/accordion/Accordion.test.js +0 -56
  15. package/accordion/types.d.ts +0 -57
  16. package/accordion/types.js +0 -5
  17. package/accordion-group/AccordionGroup.d.ts +0 -8
  18. package/accordion-group/AccordionGroup.js +0 -101
  19. package/accordion-group/AccordionGroup.stories.tsx +0 -252
  20. package/accordion-group/AccordionGroup.test.js +0 -98
  21. package/accordion-group/AccordionGroupAccordion.d.ts +0 -4
  22. package/accordion-group/AccordionGroupAccordion.js +0 -31
  23. package/accordion-group/types.d.ts +0 -67
  24. package/accordion-group/types.js +0 -5
  25. package/action-icon/ActionIcon.d.ts +0 -4
  26. package/action-icon/ActionIcon.js +0 -47
  27. package/action-icon/ActionIcon.stories.tsx +0 -41
  28. package/action-icon/ActionIcon.test.js +0 -64
  29. package/action-icon/types.d.ts +0 -26
  30. package/action-icon/types.js +0 -5
  31. package/alert/Alert.d.ts +0 -4
  32. package/alert/Alert.js +0 -254
  33. package/alert/Alert.stories.tsx +0 -198
  34. package/alert/Alert.test.js +0 -75
  35. package/alert/types.d.ts +0 -49
  36. package/alert/types.js +0 -5
  37. package/badge/Badge.d.ts +0 -4
  38. package/badge/Badge.js +0 -159
  39. package/badge/Badge.stories.tsx +0 -210
  40. package/badge/Badge.test.js +0 -30
  41. package/badge/types.d.ts +0 -54
  42. package/badge/types.js +0 -5
  43. package/bleed/Bleed.d.ts +0 -3
  44. package/bleed/Bleed.js +0 -43
  45. package/bleed/Bleed.stories.tsx +0 -342
  46. package/bleed/types.d.ts +0 -37
  47. package/bleed/types.js +0 -5
  48. package/box/Box.d.ts +0 -4
  49. package/box/Box.js +0 -75
  50. package/box/Box.stories.tsx +0 -119
  51. package/box/Box.test.js +0 -13
  52. package/box/types.d.ts +0 -32
  53. package/box/types.js +0 -5
  54. package/bulleted-list/BulletedList.d.ts +0 -7
  55. package/bulleted-list/BulletedList.js +0 -89
  56. package/bulleted-list/BulletedList.stories.tsx +0 -115
  57. package/bulleted-list/types.d.ts +0 -38
  58. package/bulleted-list/types.js +0 -5
  59. package/button/Button.d.ts +0 -4
  60. package/button/Button.js +0 -120
  61. package/button/Button.stories.tsx +0 -344
  62. package/button/Button.test.js +0 -38
  63. package/button/types.d.ts +0 -57
  64. package/button/types.js +0 -5
  65. package/card/Card.d.ts +0 -4
  66. package/card/Card.js +0 -120
  67. package/card/Card.stories.tsx +0 -171
  68. package/card/Card.test.js +0 -39
  69. package/card/types.d.ts +0 -62
  70. package/card/types.js +0 -5
  71. package/checkbox/Checkbox.d.ts +0 -4
  72. package/checkbox/Checkbox.js +0 -215
  73. package/checkbox/Checkbox.stories.tsx +0 -222
  74. package/checkbox/Checkbox.test.js +0 -199
  75. package/checkbox/types.d.ts +0 -72
  76. package/checkbox/types.js +0 -5
  77. package/chip/Chip.d.ts +0 -4
  78. package/chip/Chip.js +0 -121
  79. package/chip/Chip.stories.tsx +0 -214
  80. package/chip/Chip.test.js +0 -41
  81. package/chip/types.d.ts +0 -45
  82. package/chip/types.js +0 -5
  83. package/common/OpenSans.css +0 -69
  84. package/common/coreTokens.d.ts +0 -237
  85. package/common/coreTokens.js +0 -184
  86. package/common/fonts/OpenSans-Bold.ttf +0 -0
  87. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  88. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  89. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  90. package/common/fonts/OpenSans-Italic.ttf +0 -0
  91. package/common/fonts/OpenSans-Light.ttf +0 -0
  92. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  93. package/common/fonts/OpenSans-Regular.ttf +0 -0
  94. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  95. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  96. package/common/utils.d.ts +0 -1
  97. package/common/utils.js +0 -16
  98. package/common/variables.d.ts +0 -1395
  99. package/common/variables.js +0 -1267
  100. package/container/Container.d.ts +0 -4
  101. package/container/Container.js +0 -194
  102. package/container/Container.stories.tsx +0 -214
  103. package/container/types.d.ts +0 -74
  104. package/container/types.js +0 -5
  105. package/date-input/Calendar.d.ts +0 -4
  106. package/date-input/Calendar.js +0 -214
  107. package/date-input/DateInput.d.ts +0 -4
  108. package/date-input/DateInput.js +0 -223
  109. package/date-input/DateInput.stories.tsx +0 -285
  110. package/date-input/DateInput.test.js +0 -808
  111. package/date-input/DatePicker.d.ts +0 -4
  112. package/date-input/DatePicker.js +0 -115
  113. package/date-input/Icons.d.ts +0 -6
  114. package/date-input/Icons.js +0 -58
  115. package/date-input/YearPicker.d.ts +0 -4
  116. package/date-input/YearPicker.js +0 -100
  117. package/date-input/types.d.ts +0 -164
  118. package/date-input/types.js +0 -5
  119. package/dialog/Dialog.d.ts +0 -4
  120. package/dialog/Dialog.js +0 -104
  121. package/dialog/Dialog.stories.tsx +0 -365
  122. package/dialog/Dialog.test.js +0 -307
  123. package/dialog/types.d.ts +0 -36
  124. package/dialog/types.js +0 -5
  125. package/dropdown/Dropdown.d.ts +0 -4
  126. package/dropdown/Dropdown.js +0 -336
  127. package/dropdown/Dropdown.stories.tsx +0 -438
  128. package/dropdown/Dropdown.test.js +0 -599
  129. package/dropdown/DropdownMenu.d.ts +0 -4
  130. package/dropdown/DropdownMenu.js +0 -63
  131. package/dropdown/DropdownMenuItem.d.ts +0 -4
  132. package/dropdown/DropdownMenuItem.js +0 -67
  133. package/dropdown/types.d.ts +0 -98
  134. package/dropdown/types.js +0 -5
  135. package/file-input/FileInput.d.ts +0 -4
  136. package/file-input/FileInput.js +0 -479
  137. package/file-input/FileInput.stories.tsx +0 -618
  138. package/file-input/FileInput.test.js +0 -459
  139. package/file-input/FileItem.d.ts +0 -4
  140. package/file-input/FileItem.js +0 -135
  141. package/file-input/types.d.ts +0 -129
  142. package/file-input/types.js +0 -5
  143. package/flex/Flex.d.ts +0 -4
  144. package/flex/Flex.js +0 -57
  145. package/flex/Flex.stories.tsx +0 -112
  146. package/flex/types.d.ts +0 -97
  147. package/flex/types.js +0 -5
  148. package/footer/Footer.d.ts +0 -4
  149. package/footer/Footer.js +0 -138
  150. package/footer/Footer.stories.tsx +0 -171
  151. package/footer/Footer.test.js +0 -85
  152. package/footer/Icons.d.ts +0 -3
  153. package/footer/Icons.js +0 -136
  154. package/footer/types.d.ts +0 -64
  155. package/footer/types.js +0 -5
  156. package/grid/Grid.d.ts +0 -7
  157. package/grid/Grid.js +0 -76
  158. package/grid/Grid.stories.tsx +0 -219
  159. package/grid/types.d.ts +0 -115
  160. package/grid/types.js +0 -5
  161. package/header/Header.d.ts +0 -8
  162. package/header/Header.js +0 -220
  163. package/header/Header.stories.tsx +0 -251
  164. package/header/Header.test.js +0 -66
  165. package/header/Icons.d.ts +0 -2
  166. package/header/Icons.js +0 -29
  167. package/header/types.d.ts +0 -33
  168. package/header/types.js +0 -5
  169. package/heading/Heading.d.ts +0 -4
  170. package/heading/Heading.js +0 -137
  171. package/heading/Heading.stories.tsx +0 -54
  172. package/heading/Heading.test.js +0 -169
  173. package/heading/types.d.ts +0 -33
  174. package/heading/types.js +0 -5
  175. package/image/Image.d.ts +0 -4
  176. package/image/Image.js +0 -70
  177. package/image/Image.stories.tsx +0 -129
  178. package/image/types.d.ts +0 -72
  179. package/image/types.js +0 -5
  180. package/inset/Inset.d.ts +0 -3
  181. package/inset/Inset.js +0 -43
  182. package/inset/Inset.stories.tsx +0 -230
  183. package/inset/types.d.ts +0 -37
  184. package/inset/types.js +0 -5
  185. package/layout/ApplicationLayout.d.ts +0 -20
  186. package/layout/ApplicationLayout.js +0 -134
  187. package/layout/ApplicationLayout.stories.tsx +0 -162
  188. package/layout/Icons.d.ts +0 -8
  189. package/layout/Icons.js +0 -58
  190. package/layout/SidenavContext.d.ts +0 -5
  191. package/layout/SidenavContext.js +0 -13
  192. package/layout/types.d.ts +0 -41
  193. package/layout/types.js +0 -5
  194. package/link/Link.d.ts +0 -4
  195. package/link/Link.js +0 -115
  196. package/link/Link.stories.tsx +0 -253
  197. package/link/Link.test.js +0 -63
  198. package/link/types.d.ts +0 -54
  199. package/link/types.js +0 -5
  200. package/main.d.ts +0 -47
  201. package/main.js +0 -343
  202. package/nav-tabs/NavTabs.d.ts +0 -8
  203. package/nav-tabs/NavTabs.js +0 -93
  204. package/nav-tabs/NavTabs.stories.tsx +0 -276
  205. package/nav-tabs/NavTabs.test.js +0 -76
  206. package/nav-tabs/Tab.d.ts +0 -4
  207. package/nav-tabs/Tab.js +0 -118
  208. package/nav-tabs/types.d.ts +0 -52
  209. package/nav-tabs/types.js +0 -5
  210. package/number-input/NumberInput.d.ts +0 -11
  211. package/number-input/NumberInput.js +0 -86
  212. package/number-input/NumberInput.stories.tsx +0 -131
  213. package/number-input/NumberInput.test.js +0 -989
  214. package/number-input/types.d.ts +0 -130
  215. package/number-input/types.js +0 -5
  216. package/paginator/Icons.d.ts +0 -5
  217. package/paginator/Icons.js +0 -40
  218. package/paginator/Paginator.d.ts +0 -4
  219. package/paginator/Paginator.js +0 -135
  220. package/paginator/Paginator.stories.tsx +0 -87
  221. package/paginator/Paginator.test.js +0 -335
  222. package/paginator/types.d.ts +0 -38
  223. package/paginator/types.js +0 -5
  224. package/paragraph/Paragraph.d.ts +0 -5
  225. package/paragraph/Paragraph.js +0 -22
  226. package/paragraph/Paragraph.stories.tsx +0 -27
  227. package/password-input/Icons.d.ts +0 -6
  228. package/password-input/Icons.js +0 -35
  229. package/password-input/PasswordInput.d.ts +0 -4
  230. package/password-input/PasswordInput.js +0 -97
  231. package/password-input/PasswordInput.stories.tsx +0 -99
  232. package/password-input/PasswordInput.test.js +0 -198
  233. package/password-input/types.d.ts +0 -111
  234. package/password-input/types.js +0 -5
  235. package/progress-bar/ProgressBar.d.ts +0 -4
  236. package/progress-bar/ProgressBar.js +0 -144
  237. package/progress-bar/ProgressBar.stories.tsx +0 -93
  238. package/progress-bar/ProgressBar.test.js +0 -93
  239. package/progress-bar/types.d.ts +0 -37
  240. package/progress-bar/types.js +0 -5
  241. package/quick-nav/QuickNav.d.ts +0 -4
  242. package/quick-nav/QuickNav.js +0 -94
  243. package/quick-nav/QuickNav.stories.tsx +0 -356
  244. package/quick-nav/types.d.ts +0 -21
  245. package/quick-nav/types.js +0 -5
  246. package/radio-group/Radio.d.ts +0 -4
  247. package/radio-group/Radio.js +0 -124
  248. package/radio-group/RadioGroup.d.ts +0 -4
  249. package/radio-group/RadioGroup.js +0 -235
  250. package/radio-group/RadioGroup.stories.tsx +0 -214
  251. package/radio-group/RadioGroup.test.js +0 -756
  252. package/radio-group/types.d.ts +0 -114
  253. package/radio-group/types.js +0 -5
  254. package/resultset-table/Icons.d.ts +0 -7
  255. package/resultset-table/Icons.js +0 -47
  256. package/resultset-table/ResultsetTable.d.ts +0 -7
  257. package/resultset-table/ResultsetTable.js +0 -166
  258. package/resultset-table/ResultsetTable.stories.tsx +0 -397
  259. package/resultset-table/ResultsetTable.test.js +0 -371
  260. package/resultset-table/types.d.ts +0 -73
  261. package/resultset-table/types.js +0 -5
  262. package/select/Icons.d.ts +0 -10
  263. package/select/Icons.js +0 -89
  264. package/select/Listbox.d.ts +0 -4
  265. package/select/Listbox.js +0 -143
  266. package/select/Option.d.ts +0 -4
  267. package/select/Option.js +0 -87
  268. package/select/Select.d.ts +0 -4
  269. package/select/Select.js +0 -590
  270. package/select/Select.stories.tsx +0 -971
  271. package/select/Select.test.js +0 -2370
  272. package/select/types.d.ts +0 -209
  273. package/select/types.js +0 -5
  274. package/sidenav/Icons.d.ts +0 -7
  275. package/sidenav/Icons.js +0 -47
  276. package/sidenav/Sidenav.d.ts +0 -10
  277. package/sidenav/Sidenav.js +0 -196
  278. package/sidenav/Sidenav.stories.tsx +0 -282
  279. package/sidenav/Sidenav.test.js +0 -37
  280. package/sidenav/types.d.ts +0 -76
  281. package/sidenav/types.js +0 -5
  282. package/slider/Slider.d.ts +0 -4
  283. package/slider/Slider.js +0 -285
  284. package/slider/Slider.test.js +0 -254
  285. package/slider/types.d.ts +0 -86
  286. package/slider/types.js +0 -5
  287. package/spinner/Spinner.d.ts +0 -4
  288. package/spinner/Spinner.js +0 -206
  289. package/spinner/Spinner.stories.tsx +0 -129
  290. package/spinner/Spinner.test.js +0 -55
  291. package/spinner/types.d.ts +0 -32
  292. package/spinner/types.js +0 -5
  293. package/status-light/StatusLight.d.ts +0 -4
  294. package/status-light/StatusLight.js +0 -51
  295. package/status-light/StatusLight.stories.tsx +0 -74
  296. package/status-light/StatusLight.test.js +0 -25
  297. package/status-light/types.d.ts +0 -17
  298. package/status-light/types.js +0 -5
  299. package/switch/Switch.d.ts +0 -4
  300. package/switch/Switch.js +0 -214
  301. package/switch/Switch.stories.tsx +0 -137
  302. package/switch/Switch.test.js +0 -180
  303. package/switch/types.d.ts +0 -66
  304. package/switch/types.js +0 -5
  305. package/table/DropdownTheme.js +0 -62
  306. package/table/Table.d.ts +0 -8
  307. package/table/Table.js +0 -170
  308. package/table/Table.stories.tsx +0 -658
  309. package/table/Table.test.js +0 -113
  310. package/table/types.d.ts +0 -63
  311. package/table/types.js +0 -5
  312. package/tabs/Tab.d.ts +0 -4
  313. package/tabs/Tab.js +0 -116
  314. package/tabs/Tabs.d.ts +0 -4
  315. package/tabs/Tabs.js +0 -384
  316. package/tabs/Tabs.stories.tsx +0 -226
  317. package/tabs/Tabs.test.js +0 -294
  318. package/tabs/types.d.ts +0 -92
  319. package/tabs/types.js +0 -5
  320. package/tag/Tag.d.ts +0 -4
  321. package/tag/Tag.js +0 -151
  322. package/tag/Tag.stories.tsx +0 -155
  323. package/tag/Tag.test.js +0 -49
  324. package/tag/types.d.ts +0 -69
  325. package/tag/types.js +0 -5
  326. package/text-input/Icons.d.ts +0 -8
  327. package/text-input/Icons.js +0 -56
  328. package/text-input/Suggestion.d.ts +0 -4
  329. package/text-input/Suggestion.js +0 -67
  330. package/text-input/Suggestions.d.ts +0 -4
  331. package/text-input/Suggestions.js +0 -84
  332. package/text-input/TextInput.d.ts +0 -4
  333. package/text-input/TextInput.js +0 -565
  334. package/text-input/TextInput.stories.tsx +0 -465
  335. package/text-input/TextInput.test.js +0 -1756
  336. package/text-input/types.d.ts +0 -205
  337. package/text-input/types.js +0 -5
  338. package/textarea/Textarea.d.ts +0 -4
  339. package/textarea/Textarea.js +0 -234
  340. package/textarea/Textarea.stories.tsx +0 -174
  341. package/textarea/Textarea.test.js +0 -406
  342. package/textarea/types.d.ts +0 -141
  343. package/textarea/types.js +0 -5
  344. package/toggle-group/ToggleGroup.d.ts +0 -4
  345. package/toggle-group/ToggleGroup.js +0 -201
  346. package/toggle-group/ToggleGroup.stories.tsx +0 -218
  347. package/toggle-group/ToggleGroup.test.js +0 -137
  348. package/toggle-group/types.d.ts +0 -114
  349. package/toggle-group/types.js +0 -5
  350. package/typography/Typography.d.ts +0 -4
  351. package/typography/Typography.js +0 -23
  352. package/typography/Typography.stories.tsx +0 -198
  353. package/typography/types.d.ts +0 -18
  354. package/typography/types.js +0 -5
  355. package/useTheme.d.ts +0 -1148
  356. package/useTheme.js +0 -15
  357. package/useTranslatedLabels.d.ts +0 -85
  358. package/useTranslatedLabels.js +0 -14
  359. package/utils/BaseTypography.d.ts +0 -21
  360. package/utils/BaseTypography.js +0 -94
  361. package/utils/FocusLock.d.ts +0 -13
  362. package/utils/FocusLock.js +0 -124
  363. package/wizard/Wizard.d.ts +0 -4
  364. package/wizard/Wizard.js +0 -250
  365. package/wizard/Wizard.stories.tsx +0 -253
  366. package/wizard/Wizard.test.js +0 -114
  367. package/wizard/types.d.ts +0 -64
  368. package/wizard/types.js +0 -5
@@ -1,1267 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
8
- var _coreTokens = _interopRequireDefault(require("./coreTokens"));
9
- var componentTokens = exports.componentTokens = {
10
- accordion: {
11
- backgroundColor: _coreTokens["default"].color_white,
12
- hoverBackgroundColor: _coreTokens["default"].color_purple_100,
13
- arrowColor: _coreTokens["default"].color_purple_700,
14
- disabledArrowColor: _coreTokens["default"].color_grey_500,
15
- assistiveTextFontFamily: _coreTokens["default"].type_sans,
16
- assistiveTextFontSize: _coreTokens["default"].type_scale_03,
17
- assistiveTextFontWeight: _coreTokens["default"].type_light,
18
- assistiveTextFontStyle: _coreTokens["default"].type_italic,
19
- assistiveTextLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
20
- assistiveTextFontColor: _coreTokens["default"].color_grey_700,
21
- disabledAssistiveTextFontColor: _coreTokens["default"].color_grey_500,
22
- assistiveTextMinWidth: "100px",
23
- assistiveTextPaddingRight: "24px",
24
- assistiveTextPaddingLeft: "0px",
25
- titleLabelFontFamily: _coreTokens["default"].type_sans,
26
- titleLabelFontSize: _coreTokens["default"].type_scale_03,
27
- titleLabelFontWeight: _coreTokens["default"].type_regular,
28
- titleLabelFontStyle: _coreTokens["default"].type_normal,
29
- titleLabelFontColor: _coreTokens["default"].color_black,
30
- disabledTitleLabelFontColor: _coreTokens["default"].color_grey_500,
31
- titleLabelPaddingTop: "0px",
32
- titleLabelPaddingBottom: "0px",
33
- titleLabelPaddingLeft: "0px",
34
- titleLabelPaddingRight: "16px",
35
- focusBorderColor: _coreTokens["default"].color_blue_600,
36
- focusBorderStyle: _coreTokens["default"].border_solid,
37
- focusBorderThickness: "2px",
38
- borderRadius: "4px",
39
- boxShadowOffsetX: "0px",
40
- boxShadowOffsetY: "6px",
41
- boxShadowBlur: "10px",
42
- boxShadowColor: _coreTokens["default"].color_grey_200_a,
43
- iconColor: _coreTokens["default"].color_purple_700,
44
- disabledIconColor: _coreTokens["default"].color_grey_500,
45
- iconSize: "24px",
46
- iconMarginLeft: "0px",
47
- iconMarginRigth: "12px",
48
- accordionGroupSeparatorBorderColor: _coreTokens["default"].color_grey_200_a,
49
- accordionGroupSeparatorBorderThickness: "1px",
50
- accordionGroupSeparatorBorderRadius: "0px",
51
- accordionGroupSeparatorBorderStyle: _coreTokens["default"].border_solid
52
- },
53
- alert: {
54
- titleFontFamily: _coreTokens["default"].type_sans,
55
- titleFontColor: _coreTokens["default"].color_black,
56
- titleFontSize: _coreTokens["default"].type_scale_01,
57
- titleFontStyle: _coreTokens["default"].type_normal,
58
- titleFontWeight: _coreTokens["default"].type_bold,
59
- titleTextTransform: _coreTokens["default"].type_uppercase,
60
- titlePaddingRight: "0px",
61
- titlePaddingLeft: "0px",
62
- inlineTextFontFamily: _coreTokens["default"].type_sans,
63
- inlineTextFontColor: _coreTokens["default"].color_black,
64
- inlineTextFontSize: _coreTokens["default"].type_scale_01,
65
- inlineTextFontStyle: _coreTokens["default"].type_normal,
66
- inlineTextFontWeight: _coreTokens["default"].type_regular,
67
- inlineTextPaddingLeft: "0px",
68
- inlineTextPaddingRight: "0px",
69
- contentPaddingLeft: "0px",
70
- contentPaddingRight: "0px",
71
- contentPaddingTop: "20px",
72
- contentPaddingBottom: "30px",
73
- borderRadius: "4px",
74
- borderStyle: _coreTokens["default"].border_solid,
75
- borderThickness: "1px",
76
- infoBorderColor: _coreTokens["default"].color_blue_800,
77
- successBorderColor: _coreTokens["default"].color_green_700,
78
- warningBorderColor: _coreTokens["default"].color_yellow_700,
79
- errorBorderColor: _coreTokens["default"].color_red_700,
80
- iconSize: "24px",
81
- iconPaddingLeft: "0px",
82
- iconPaddingRight: "0px",
83
- infoIconColor: _coreTokens["default"].color_blue_800,
84
- successIconColor: _coreTokens["default"].color_green_700,
85
- warningIconColor: _coreTokens["default"].color_yellow_700,
86
- errorIconColor: _coreTokens["default"].color_red_700,
87
- infoBackgroundColor: _coreTokens["default"].color_blue_100,
88
- successBackgroundColor: _coreTokens["default"].color_green_100,
89
- warningBackgroundColor: _coreTokens["default"].color_yellow_100,
90
- errorBackgroundColor: _coreTokens["default"].color_red_100,
91
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100_a,
92
- activeActionBackgroundColor: _coreTokens["default"].color_grey_200_a,
93
- focusActionBorderColor: _coreTokens["default"].color_blue_600,
94
- overlayColor: _coreTokens["default"].color_grey_800_a
95
- },
96
- box: {
97
- backgroundColor: _coreTokens["default"].color_white,
98
- borderRadius: _coreTokens["default"].border_radius_medium,
99
- borderThickness: _coreTokens["default"].border_width_0,
100
- borderStyle: _coreTokens["default"].border_none,
101
- borderColor: _coreTokens["default"].color_transparent,
102
- noneShadowDepthShadowOffsetX: "none",
103
- noneShadowDepthShadowOffsetY: "none",
104
- noneShadowDepthShadowBlur: "none",
105
- noneShadowDepthShadowSpread: "none",
106
- noneShadowDepthShadowColor: _coreTokens["default"].color_transparent,
107
- oneShadowDepthShadowOffsetX: "0px",
108
- oneShadowDepthShadowOffsetY: "3px",
109
- oneShadowDepthShadowBlur: "6px",
110
- oneShadowDepthShadowSpread: "0px",
111
- oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
112
- twoShadowDepthShadowOffsetX: "0px",
113
- twoShadowDepthShadowOffsetY: "3px",
114
- twoShadowDepthShadowBlur: "10px",
115
- twoShadowDepthShadowSpread: "0px",
116
- twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
117
- },
118
- bulletedList: {
119
- fontColor: _coreTokens["default"].color_black,
120
- bulletIconHeight: "1.5rem",
121
- bulletIconWidth: "1.5rem",
122
- bulletHeight: "5px",
123
- bulletWidth: "5px",
124
- bulletMarginRight: "0.5rem"
125
- },
126
- button: {
127
- labelFontLineHeight: _coreTokens["default"].type_leading_normal,
128
- labelLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
129
- paddingLeft: _coreTokens["default"].spacing_8,
130
- paddingRight: _coreTokens["default"].spacing_8,
131
- paddingTop: _coreTokens["default"].spacing_8,
132
- paddingBottom: _coreTokens["default"].spacing_8,
133
- focusBorderColor: _coreTokens["default"].color_blue_600,
134
- primaryBackgroundColor: _coreTokens["default"].color_purple_700,
135
- primaryFontColor: _coreTokens["default"].color_white,
136
- primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
137
- primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
138
- primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
139
- primaryDisabledFontColor: _coreTokens["default"].color_grey_500,
140
- primaryBorderThickness: _coreTokens["default"].border_width_0,
141
- primaryBorderStyle: _coreTokens["default"].border_none,
142
- primaryBorderRadius: _coreTokens["default"].border_radius_medium,
143
- primaryFontFamily: _coreTokens["default"].type_sans,
144
- primaryFontSize: _coreTokens["default"].type_scale_03,
145
- primaryFontWeight: _coreTokens["default"].type_regular,
146
- secondaryBackgroundColor: _coreTokens["default"].color_transparent,
147
- secondaryFontColor: _coreTokens["default"].color_purple_700,
148
- secondaryHoverFontColor: _coreTokens["default"].color_white,
149
- secondaryBorderColor: _coreTokens["default"].color_purple_700,
150
- secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
151
- secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
152
- secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
153
- secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
154
- secondaryDisabledBorderColor: _coreTokens["default"].color_grey_500,
155
- secondaryBorderThickness: _coreTokens["default"].border_width_1,
156
- secondaryBorderStyle: _coreTokens["default"].border_solid,
157
- secondaryBorderRadius: _coreTokens["default"].border_radius_medium,
158
- secondaryFontFamily: _coreTokens["default"].type_sans,
159
- secondaryFontSize: _coreTokens["default"].type_scale_03,
160
- secondaryFontWeight: _coreTokens["default"].type_regular,
161
- textBackgroundColor: _coreTokens["default"].color_transparent,
162
- textFontColor: _coreTokens["default"].color_purple_700,
163
- textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
164
- textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
165
- textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
166
- textDisabledFontColor: _coreTokens["default"].color_grey_500,
167
- textBorderThickness: _coreTokens["default"].border_width_0,
168
- textBorderStyle: _coreTokens["default"].border_none,
169
- textBorderRadius: _coreTokens["default"].border_radius_medium,
170
- textFontFamily: _coreTokens["default"].type_sans,
171
- textFontSize: _coreTokens["default"].type_scale_03,
172
- textFontWeight: _coreTokens["default"].type_regular
173
- },
174
- card: {
175
- height: "220px",
176
- width: "400px"
177
- },
178
- checkbox: {
179
- backgroundColorChecked: _coreTokens["default"].color_blue_800,
180
- hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
181
- disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
182
- readOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_500,
183
- hoverReadOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_600,
184
- borderColor: _coreTokens["default"].color_blue_800,
185
- hoverBorderColor: _coreTokens["default"].color_blue_900,
186
- disabledBorderColor: _coreTokens["default"].color_grey_500,
187
- readOnlyBorderColor: _coreTokens["default"].color_grey_500,
188
- hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
189
- checkColor: _coreTokens["default"].color_white,
190
- disabledCheckColor: _coreTokens["default"].color_white,
191
- readOnlyCheckColor: _coreTokens["default"].color_white,
192
- fontFamily: _coreTokens["default"].type_sans,
193
- fontSize: _coreTokens["default"].type_scale_02,
194
- fontWeight: _coreTokens["default"].type_regular,
195
- fontColor: _coreTokens["default"].color_black,
196
- disabledFontColor: _coreTokens["default"].color_grey_500,
197
- focusColor: _coreTokens["default"].color_blue_600,
198
- checkLabelSpacing: "8px"
199
- },
200
- chip: {
201
- backgroundColor: _coreTokens["default"].color_grey_200,
202
- disabledBackgroundColor: _coreTokens["default"].color_grey_100,
203
- fontFamily: _coreTokens["default"].type_sans,
204
- fontSize: _coreTokens["default"].type_scale_03,
205
- fontStyle: _coreTokens["default"].type_normal,
206
- fontWeight: _coreTokens["default"].type_regular,
207
- fontColor: _coreTokens["default"].color_black,
208
- disabledFontColor: _coreTokens["default"].color_grey_500,
209
- borderColor: _coreTokens["default"].color_transparent,
210
- borderRadius: "80px",
211
- borderThickness: _coreTokens["default"].border_width_0,
212
- borderStyle: _coreTokens["default"].border_solid,
213
- contentPaddingLeft: "16px",
214
- contentPaddingRight: "16px",
215
- contentPaddingTop: "0px",
216
- contentPaddingBottom: "0px",
217
- iconSize: "24px",
218
- iconSpacing: "8px",
219
- iconColor: _coreTokens["default"].color_grey_800,
220
- hoverIconColor: _coreTokens["default"].color_grey_900,
221
- activeIconColor: _coreTokens["default"].color_black,
222
- disabledIconColor: _coreTokens["default"].color_grey_500,
223
- focusColor: _coreTokens["default"].color_blue_600,
224
- focusBorderStyle: _coreTokens["default"].border_solid,
225
- focusBorderThickness: _coreTokens["default"].border_width_2,
226
- focusBorderRadius: _coreTokens["default"].border_radius_medium
227
- },
228
- dateInput: {
229
- pickerBackgroundColor: _coreTokens["default"].color_white,
230
- pickerFontColor: _coreTokens["default"].color_black,
231
- pickerBorderColor: _coreTokens["default"].color_grey_400,
232
- pickerSelectedBackgroundColor: _coreTokens["default"].color_purple_700,
233
- pickerSelectedFontColor: _coreTokens["default"].color_white,
234
- pickerHoverBackgroundColor: _coreTokens["default"].color_purple_200,
235
- pickerHoverFontColor: _coreTokens["default"].color_black,
236
- pickerActiveBackgroundColor: _coreTokens["default"].color_purple_800,
237
- pickerActiveFontColor: _coreTokens["default"].color_white,
238
- pickerNonCurrentMonthFontColor: _coreTokens["default"].color_grey_500,
239
- pickerCurrentDateBorderColor: _coreTokens["default"].color_purple_300,
240
- pickerCurrentDateFontColor: _coreTokens["default"].color_black,
241
- pickerCurrentYearFontColor: _coreTokens["default"].color_purple_700,
242
- pickerHeaderBackgroundColor: _coreTokens["default"].color_transparent,
243
- pickerHeaderFontColor: _coreTokens["default"].color_black,
244
- pickerHeaderHoverBackgroundColor: _coreTokens["default"].color_purple_200,
245
- pickerHeaderHoverFontColor: _coreTokens["default"].color_black,
246
- pickerHeaderActiveBackgroundColor: _coreTokens["default"].color_purple_800,
247
- pickerHeaderActiveFontColor: _coreTokens["default"].color_white,
248
- pickerFocusColor: _coreTokens["default"].color_blue_600,
249
- pickerBorderWidth: _coreTokens["default"].border_width_1,
250
- pickerBorderStyle: _coreTokens["default"].border_solid,
251
- pickerFocusWidth: _coreTokens["default"].border_width_2,
252
- pickerCurrentDateBorderWidth: _coreTokens["default"].border_width_1,
253
- pickerFontFamily: _coreTokens["default"].type_sans,
254
- pickerFontSize: _coreTokens["default"].type_scale_02,
255
- pickerFontWeight: _coreTokens["default"].type_regular,
256
- pickerInteractedYearFontSize: _coreTokens["default"].type_scale_05,
257
- pickerHeaderFontSize: _coreTokens["default"].type_scale_02
258
- },
259
- dialog: {
260
- overlayColor: _coreTokens["default"].color_grey_800_a,
261
- backgroundColor: _coreTokens["default"].color_white,
262
- closeIconWidth: "24px",
263
- closeIconHeight: "24px",
264
- closeIconTopPosition: "20px",
265
- closeIconRightPosition: "20px",
266
- closeIconBackgroundColor: _coreTokens["default"].color_transparent,
267
- closeIconBorderColor: _coreTokens["default"].border_none,
268
- closeIconColor: _coreTokens["default"].color_black,
269
- closeIconBorderThickness: _coreTokens["default"].border_width_0,
270
- closeIconBorderStyle: _coreTokens["default"].border_solid,
271
- closeIconBorderRadius: "2px",
272
- boxShadowOffsetX: "0px",
273
- boxShadowOffsetY: "1px",
274
- boxShadowBlur: "3px",
275
- boxShadowColor: _coreTokens["default"].color_grey_300_a
276
- },
277
- dropdown: {
278
- buttonBackgroundColor: _coreTokens["default"].color_white,
279
- hoverButtonBackgroundColor: _coreTokens["default"].color_grey_100,
280
- activeButtonBackgroundColor: _coreTokens["default"].color_grey_300,
281
- buttonFontFamily: _coreTokens["default"].type_sans,
282
- buttonFontSize: _coreTokens["default"].type_scale_03,
283
- buttonFontStyle: _coreTokens["default"].type_normal,
284
- buttonFontWeight: _coreTokens["default"].type_regular,
285
- buttonFontColor: _coreTokens["default"].color_black,
286
- buttonIconSize: "20px",
287
- buttonIconSpacing: "10px",
288
- buttonIconColor: _coreTokens["default"].color_black,
289
- buttonPaddingTop: "0px",
290
- buttonPaddingBottom: "0px",
291
- buttonPaddingLeft: "16px",
292
- buttonPaddingRight: "16px",
293
- buttonHeight: "40px",
294
- buttonBorderRadius: "4px",
295
- buttonBorderStyle: _coreTokens["default"].border_none,
296
- buttonBorderThickness: _coreTokens["default"].border_width_0,
297
- buttonBorderColor: _coreTokens["default"].color_transparent,
298
- disabledColor: _coreTokens["default"].color_grey_500,
299
- disabledButtonBackgroundColor: _coreTokens["default"].color_transparent,
300
- disabledButtonBorderColor: _coreTokens["default"].color_transparent,
301
- disabledBorderColor: _coreTokens["default"].color_transparent,
302
- optionBackgroundColor: _coreTokens["default"].color_white,
303
- hoverOptionBackgroundColor: _coreTokens["default"].color_grey_100,
304
- activeOptionBackgroundColor: _coreTokens["default"].color_grey_300,
305
- optionFontFamily: _coreTokens["default"].type_sans,
306
- optionFontSize: _coreTokens["default"].type_scale_root,
307
- optionFontStyle: _coreTokens["default"].type_normal,
308
- optionFontWeight: _coreTokens["default"].type_regular,
309
- optionFontColor: _coreTokens["default"].color_black,
310
- optionIconSize: "20px",
311
- optionIconSpacing: "10px",
312
- optionIconColor: _coreTokens["default"].color_black,
313
- optionPaddingTop: "6px",
314
- optionPaddingBottom: "6px",
315
- optionPaddingLeft: "16px",
316
- optionPaddingRight: "16px",
317
- caretIconSize: "24px",
318
- caretIconColor: _coreTokens["default"].color_black,
319
- caretIconSpacing: "12px",
320
- borderRadius: "4px",
321
- borderStyle: _coreTokens["default"].border_none,
322
- borderThickness: _coreTokens["default"].border_width_0,
323
- borderColor: _coreTokens["default"].color_transparent,
324
- scrollBarThumbColor: _coreTokens["default"].color_grey_700,
325
- scrollBarTrackColor: _coreTokens["default"].color_grey_300,
326
- focusColor: _coreTokens["default"].color_blue_600
327
- },
328
- fileInput: {
329
- dropBorderColor: _coreTokens["default"].color_black,
330
- fileItemBorderColor: _coreTokens["default"].color_grey_300,
331
- fileNameFontColor: _coreTokens["default"].color_black,
332
- labelFontColor: _coreTokens["default"].color_black,
333
- helperTextFontColor: _coreTokens["default"].color_black,
334
- dropLabelFontColor: _coreTokens["default"].color_black,
335
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
336
- disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
337
- disabledDropLabelFontColor: _coreTokens["default"].color_grey_500,
338
- focusDropBorderColor: _coreTokens["default"].color_blue_600,
339
- disabledDropBorderColor: _coreTokens["default"].color_grey_500,
340
- dragoverDropBackgroundColor: _coreTokens["default"].color_blue_50,
341
- activeFileItemIconBackgrounColor: _coreTokens["default"].color_grey_300,
342
- errorFileItemBorderColor: _coreTokens["default"].color_red_700,
343
- errorFileItemBackgroundColor: _coreTokens["default"].color_red_50,
344
- errorFilePreviewBackgroundColor: _coreTokens["default"].color_red_200,
345
- errorFileItemIconColor: _coreTokens["default"].color_red_700,
346
- fileItemIconBackgroundColor: _coreTokens["default"].color_grey_100,
347
- deleteFileItemColor: _coreTokens["default"].color_black,
348
- errorMessageFontColor: _coreTokens["default"].color_red_700,
349
- labelFontFamily: _coreTokens["default"].type_sans,
350
- labelFontSize: _coreTokens["default"].type_scale_02,
351
- labelFontWeight: _coreTokens["default"].type_semibold,
352
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
353
- fileItemFontFamily: _coreTokens["default"].type_sans,
354
- fileItemFontSize: _coreTokens["default"].type_scale_02,
355
- fileItemFontWeight: _coreTokens["default"].type_regular,
356
- fileItemLineHeight: _coreTokens["default"].type_leading_normal,
357
- helperTextFontFamily: _coreTokens["default"].type_sans,
358
- helperTextFontSize: _coreTokens["default"].type_scale_01,
359
- helperTextFontWeight: _coreTokens["default"].type_regular,
360
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
361
- dropLabelFontFamily: _coreTokens["default"].type_sans,
362
- dropLabelFontSize: _coreTokens["default"].type_scale_03,
363
- dropLabelFontWeight: _coreTokens["default"].type_regular,
364
- errorMessageFontFamily: _coreTokens["default"].type_sans,
365
- errorMessageFontSize: _coreTokens["default"].type_scale_01,
366
- errorMessageFontWeight: _coreTokens["default"].type_regular,
367
- errorMessageLineHeight: _coreTokens["default"].type_leading_normal,
368
- dropBorderThickness: _coreTokens["default"].border_width_1,
369
- dropBorderStyle: _coreTokens["default"].border_dashed,
370
- dropBorderRadius: _coreTokens["default"].border_radius_large,
371
- fileItemBorderThickness: _coreTokens["default"].border_width_1,
372
- fileItemBorderStyle: _coreTokens["default"].border_solid,
373
- fileItemBorderRadius: _coreTokens["default"].border_radius_medium,
374
- hoverDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_100_a,
375
- activeDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_300_a,
376
- focusDeleteFileItemBorderColor: _coreTokens["default"].color_blue_600,
377
- filePreviewBackgroundColor: _coreTokens["default"].color_grey_100,
378
- filePreviewIconColor: _coreTokens["default"].color_grey_600,
379
- errorFilePreviewIconColor: _coreTokens["default"].color_red_700
380
- },
381
- footer: {
382
- height: "124px",
383
- backgroundColor: _coreTokens["default"].color_black,
384
- bottomLinksDividerColor: _coreTokens["default"].color_blue_600,
385
- bottomLinksDividerThickness: "1px",
386
- bottomLinksDividerStyle: _coreTokens["default"].border_solid,
387
- bottomLinksDividerSpacing: "8px",
388
- bottomLinksFontFamily: _coreTokens["default"].type_sans,
389
- bottomLinksFontSize: _coreTokens["default"].type_scale_01,
390
- bottomLinksFontStyle: _coreTokens["default"].type_normal,
391
- bottomLinksFontWeight: _coreTokens["default"].type_regular,
392
- bottomLinksFontColor: _coreTokens["default"].color_white,
393
- bottomLinksTextDecoration: _coreTokens["default"].type_no_line,
394
- copyrightFontFamily: _coreTokens["default"].type_sans,
395
- copyrightFontSize: _coreTokens["default"].type_scale_01,
396
- copyrightFontStyle: _coreTokens["default"].type_normal,
397
- copyrightFontWeight: _coreTokens["default"].type_regular,
398
- copyrightFontColor: _coreTokens["default"].color_white,
399
- logo: "",
400
- logoHeight: "32px",
401
- logoWidth: "auto",
402
- socialLinksSize: "24px",
403
- socialLinksGutter: "16px",
404
- socialLinksColor: _coreTokens["default"].color_white
405
- },
406
- header: {
407
- backgroundColor: _coreTokens["default"].color_white,
408
- hamburguerFocusColor: _coreTokens["default"].color_blue_600,
409
- hamburguerFontFamily: _coreTokens["default"].type_sans,
410
- hamburguerFontStyle: _coreTokens["default"].type_normal,
411
- hamburguerFontColor: _coreTokens["default"].color_black,
412
- hamburguerFontSize: "10px",
413
- hamburguerFontWeight: _coreTokens["default"].type_semibold,
414
- hamburguerTextTransform: _coreTokens["default"].type_uppercase,
415
- hamburguerIconColor: _coreTokens["default"].color_black,
416
- hamburguerHoverColor: _coreTokens["default"].color_grey_200,
417
- logo: "",
418
- logoResponsive: "",
419
- logoHeight: "40px",
420
- logoWidth: "auto",
421
- menuBackgroundColor: _coreTokens["default"].color_white,
422
- menuZindex: "2000",
423
- menuTabletWidth: "60vw",
424
- menuMobileWidth: "100vw",
425
- minHeight: "64px",
426
- overlayColor: _coreTokens["default"].color_grey_800_a,
427
- overlayOpacity: "0.7",
428
- overlayZindex: "1600",
429
- paddingTop: "0px",
430
- paddingBottom: "0px",
431
- paddingRight: "24px",
432
- paddingLeft: "24px",
433
- underlinedColor: _coreTokens["default"].color_black,
434
- underlinedThickness: "2px",
435
- underlinedStyle: _coreTokens["default"].border_solid,
436
- contentColor: _coreTokens["default"].color_black
437
- },
438
- heading: {
439
- level1FontColor: _coreTokens["default"].inherit,
440
- level1FontFamily: _coreTokens["default"].type_sans,
441
- level1FontSize: _coreTokens["default"].type_scale_07,
442
- level1FontStyle: _coreTokens["default"].type_normal,
443
- level1FontWeight: _coreTokens["default"].type_semibold,
444
- level1LineHeight: _coreTokens["default"].type_leading_compact_01,
445
- level1LetterSpacing: _coreTokens["default"].type_spacing_tight_01,
446
- level2FontColor: _coreTokens["default"].inherit,
447
- level2FontFamily: _coreTokens["default"].type_sans,
448
- level2FontSize: _coreTokens["default"].type_scale_05,
449
- level2FontStyle: _coreTokens["default"].type_normal,
450
- level2FontWeight: _coreTokens["default"].type_semibold,
451
- level2LineHeight: _coreTokens["default"].type_leading_normal,
452
- level2LetterSpacing: _coreTokens["default"].type_spacing_normal,
453
- level3FontColor: _coreTokens["default"].inherit,
454
- level3FontFamily: _coreTokens["default"].type_sans,
455
- level3FontSize: _coreTokens["default"].type_scale_04,
456
- level3FontStyle: _coreTokens["default"].type_normal,
457
- level3FontWeight: _coreTokens["default"].type_semibold,
458
- level3LineHeight: _coreTokens["default"].type_leading_compact_01,
459
- level3LetterSpacing: _coreTokens["default"].type_spacing_wide_01,
460
- level4FontColor: _coreTokens["default"].inherit,
461
- level4FontFamily: _coreTokens["default"].type_sans,
462
- level4FontSize: _coreTokens["default"].type_scale_03,
463
- level4FontStyle: _coreTokens["default"].type_normal,
464
- level4FontWeight: _coreTokens["default"].type_semibold,
465
- level4LineHeight: _coreTokens["default"].type_leading_normal,
466
- level4LetterSpacing: _coreTokens["default"].type_spacing_normal,
467
- level5FontColor: _coreTokens["default"].inherit,
468
- level5FontFamily: _coreTokens["default"].type_sans,
469
- level5FontSize: _coreTokens["default"].type_scale_02,
470
- level5FontStyle: _coreTokens["default"].type_normal,
471
- level5FontWeight: _coreTokens["default"].type_semibold,
472
- level5LineHeight: _coreTokens["default"].type_leading_normal,
473
- level5LetterSpacing: _coreTokens["default"].type_spacing_wide_01
474
- },
475
- image: {
476
- captionFontColor: _coreTokens["default"].color_grey_900,
477
- captionFontFamily: _coreTokens["default"].type_sans,
478
- captionFontSize: _coreTokens["default"].type_scale_02,
479
- captionFontStyle: _coreTokens["default"].type_normal,
480
- captionFontWeight: _coreTokens["default"].type_regular,
481
- captionLineHeight: _coreTokens["default"].type_leading_normal
482
- },
483
- link: {
484
- fontColor: _coreTokens["default"].color_blue_800,
485
- fontFamily: _coreTokens["default"].inherit,
486
- fontSize: _coreTokens["default"].inherit,
487
- fontStyle: _coreTokens["default"].type_normal,
488
- fontWeight: _coreTokens["default"].type_regular,
489
- iconSize: "16px",
490
- iconSpacing: "4px",
491
- underlineSpacing: "0px",
492
- underlineStyle: _coreTokens["default"].border_solid,
493
- underlineThickness: "1px",
494
- disabledFontColor: _coreTokens["default"].color_grey_500,
495
- hoverFontColor: _coreTokens["default"].color_blue_800,
496
- hoverUnderlineColor: _coreTokens["default"].color_blue_800,
497
- visitedFontColor: _coreTokens["default"].color_purple_700,
498
- visitedUnderlineColor: _coreTokens["default"].color_purple_700,
499
- activeFontColor: _coreTokens["default"].color_black,
500
- activeUnderlineColor: _coreTokens["default"].color_black,
501
- focusColor: _coreTokens["default"].color_blue_600
502
- },
503
- navTabs: {
504
- selectedBackgroundColor: _coreTokens["default"].color_white,
505
- unselectedBackgroundColor: _coreTokens["default"].color_white,
506
- hoverBackgroundColor: _coreTokens["default"].color_grey_100,
507
- pressedBackgroundColor: _coreTokens["default"].color_grey_200,
508
- selectedFontColor: _coreTokens["default"].color_grey_700,
509
- unselectedFontColor: _coreTokens["default"].color_grey_700,
510
- disabledFontColor: _coreTokens["default"].color_grey_500,
511
- focusOutline: _coreTokens["default"].color_blue_600,
512
- selectedUnderlineColor: _coreTokens["default"].color_purple_700,
513
- dividerColor: _coreTokens["default"].color_grey_400,
514
- fontFamily: _coreTokens["default"].type_sans,
515
- fontSize: _coreTokens["default"].type_scale_03,
516
- fontStyle: _coreTokens["default"].type_normal,
517
- fontWeight: _coreTokens["default"].type_regular,
518
- selectedIconColor: _coreTokens["default"].color_grey_700,
519
- unselectedIconColor: _coreTokens["default"].color_grey_700,
520
- disabledIconColor: _coreTokens["default"].color_grey_500
521
- },
522
- paginator: {
523
- backgroundColor: _coreTokens["default"].color_grey_100,
524
- fontColor: _coreTokens["default"].color_black,
525
- fontFamily: _coreTokens["default"].type_sans,
526
- fontSize: _coreTokens["default"].type_scale_02,
527
- fontStyle: _coreTokens["default"].type_normal,
528
- fontWeight: _coreTokens["default"].type_regular,
529
- fontTextTransform: "none",
530
- verticalPadding: "0.75rem",
531
- horizontalPadding: "2rem",
532
- marginRight: "40px",
533
- marginLeft: "20px",
534
- itemsPerPageSelectorMarginLeft: "0px",
535
- itemsPerPageSelectorMarginRight: "0.5rem",
536
- pageSelectorMarginRight: "30px",
537
- pageSelectorMarginLeft: "0px",
538
- totalItemsContainerMarginRight: "2.5rem",
539
- totalItemsContainerMarginLeft: "0px"
540
- },
541
- paragraph: {
542
- fontColor: _coreTokens["default"].color_black,
543
- display: "block",
544
- fontSize: _coreTokens["default"].type_scale_03,
545
- fontWeight: _coreTokens["default"].type_regular
546
- },
547
- progressBar: {
548
- trackLineColor: _coreTokens["default"].color_purple_700,
549
- totalLineColor: _coreTokens["default"].color_grey_200,
550
- labelFontFamily: _coreTokens["default"].type_sans,
551
- labelFontSize: _coreTokens["default"].type_scale_01,
552
- labelFontStyle: _coreTokens["default"].type_normal,
553
- labelFontWeight: _coreTokens["default"].type_regular,
554
- labelFontColor: _coreTokens["default"].color_black,
555
- labelFontTextTransform: _coreTokens["default"].type_uppercase,
556
- valueFontFamily: _coreTokens["default"].type_sans,
557
- valueFontSize: _coreTokens["default"].type_scale_01,
558
- valueFontStyle: _coreTokens["default"].type_normal,
559
- valueFontWeight: _coreTokens["default"].type_regular,
560
- valueFontColor: _coreTokens["default"].color_black,
561
- valueFontTextTransform: _coreTokens["default"].type_uppercase,
562
- helperTextFontColor: _coreTokens["default"].color_black,
563
- helperTextFontSize: _coreTokens["default"].type_scale_01,
564
- helperTextFontStyle: _coreTokens["default"].type_normal,
565
- helperTextFontWeight: _coreTokens["default"].type_regular,
566
- helperTextFontFamily: _coreTokens["default"].type_sans,
567
- thickness: "9px",
568
- borderRadius: "5px",
569
- overlayColor: _coreTokens["default"].color_grey_800_a,
570
- overlayFontColor: _coreTokens["default"].color_white
571
- },
572
- quickNav: {
573
- fontColor: _coreTokens["default"].color_grey_700,
574
- hoverFontColor: _coreTokens["default"].color_purple_600,
575
- dividerBorderColor: _coreTokens["default"].color_grey_400,
576
- focusBorderColor: _coreTokens["default"].color_blue_600,
577
- focusBorderStyle: _coreTokens["default"].border_solid,
578
- focusBorderThickness: _coreTokens["default"].border_width_2,
579
- focusBorderRadius: _coreTokens["default"].border_width_2,
580
- paddingTop: _coreTokens["default"].spacing_8,
581
- paddingBottom: _coreTokens["default"].spacing_8,
582
- paddingLeft: _coreTokens["default"].spacing_16,
583
- paddingRight: _coreTokens["default"].spacing_16,
584
- fontFamily: _coreTokens["default"].type_sans,
585
- fontSize: _coreTokens["default"].type_scale_02,
586
- fontStyle: _coreTokens["default"].type_normal,
587
- fontWeight: _coreTokens["default"].type_regular
588
- },
589
- radioGroup: {
590
- fontFamily: _coreTokens["default"].type_sans,
591
- radioInputColor: _coreTokens["default"].color_blue_700,
592
- hoverRadioInputColor: _coreTokens["default"].color_blue_800,
593
- focusBorderColor: _coreTokens["default"].color_blue_600,
594
- activeRadioInputColor: _coreTokens["default"].color_blue_900,
595
- errorRadioInputColor: _coreTokens["default"].color_red_700,
596
- hoverErrorRadioInputColor: _coreTokens["default"].color_red_800,
597
- activeErrorRadioInputColor: _coreTokens["default"].color_red_900,
598
- readOnlyRadioInputColor: _coreTokens["default"].color_grey_500,
599
- hoverReadOnlyRadioInputColor: _coreTokens["default"].color_grey_600,
600
- activeReadOnlyRadioInputColor: _coreTokens["default"].color_grey_700,
601
- disabledRadioInputColor: _coreTokens["default"].color_grey_500,
602
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
603
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
604
- disabledRadioInputLabelFontColor: _coreTokens["default"].color_grey_500,
605
- errorMessageColor: _coreTokens["default"].color_red_700,
606
- labelFontColor: _coreTokens["default"].color_black,
607
- labelFontSize: _coreTokens["default"].type_scale_02,
608
- labelFontStyle: _coreTokens["default"].type_normal,
609
- labelFontWeight: _coreTokens["default"].type_semibold,
610
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
611
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
612
- helperTextFontColor: _coreTokens["default"].color_black,
613
- helperTextFontSize: _coreTokens["default"].type_scale_01,
614
- helperTextFontStyle: _coreTokens["default"].type_normal,
615
- helperTextFontWeight: _coreTokens["default"].type_regular,
616
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
617
- radioInputLabelFontColor: _coreTokens["default"].color_black,
618
- radioInputLabelFontSize: _coreTokens["default"].type_scale_02,
619
- radioInputLabelFontStyle: _coreTokens["default"].type_normal,
620
- radioInputLabelFontWeight: _coreTokens["default"].type_regular,
621
- radioInputLabelLineHeight: _coreTokens["default"].type_leading_loose_01,
622
- groupLabelMargin: _coreTokens["default"].spacing_8,
623
- radioInputLabelMargin: _coreTokens["default"].spacing_8,
624
- groupVerticalGutter: _coreTokens["default"].spacing_4,
625
- groupHorizontalGutter: _coreTokens["default"].spacing_32
626
- },
627
- select: {
628
- fontFamily: _coreTokens["default"].type_sans,
629
- disabledColor: _coreTokens["default"].color_grey_500,
630
- enabledInputBorderColor: _coreTokens["default"].color_black,
631
- hoverInputBorderColor: _coreTokens["default"].color_purple_500,
632
- focusInputBorderColor: _coreTokens["default"].color_blue_600,
633
- errorInputBorderColor: _coreTokens["default"].color_red_700,
634
- hoverInputErrorBorderColor: _coreTokens["default"].color_red_600,
635
- disabledInputBorderColor: _coreTokens["default"].color_grey_500,
636
- disabledInputBackgroundColor: _coreTokens["default"].color_grey_100,
637
- inputMarginTop: _coreTokens["default"].spacing_4,
638
- inputMarginBottom: _coreTokens["default"].spacing_4,
639
- errorMessageColor: _coreTokens["default"].color_red_700,
640
- errorIconColor: _coreTokens["default"].color_red_700,
641
- labelFontColor: _coreTokens["default"].color_black,
642
- labelFontSize: _coreTokens["default"].type_scale_02,
643
- labelFontStyle: _coreTokens["default"].type_normal,
644
- labelFontWeight: _coreTokens["default"].type_semibold,
645
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
646
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
647
- helperTextFontColor: _coreTokens["default"].color_black,
648
- helperTextFontSize: _coreTokens["default"].type_scale_01,
649
- helperTextFontStyle: _coreTokens["default"].type_normal,
650
- helperTextFontWeight: _coreTokens["default"].type_regular,
651
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
652
- placeholderFontColor: _coreTokens["default"].color_grey_800_a,
653
- valueFontColor: _coreTokens["default"].color_black,
654
- valueFontSize: _coreTokens["default"].type_scale_03,
655
- valueFontStyle: _coreTokens["default"].type_normal,
656
- valueFontWeight: _coreTokens["default"].type_regular,
657
- actionIconColor: _coreTokens["default"].color_black,
658
- hoverActionIconColor: _coreTokens["default"].color_black,
659
- activeActionIconColor: _coreTokens["default"].color_black,
660
- actionBackgroundColor: _coreTokens["default"].color_transparent,
661
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
662
- activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
663
- listOptionFontColor: _coreTokens["default"].color_black,
664
- listOptionFontSize: _coreTokens["default"].type_scale_02,
665
- listOptionFontStyle: _coreTokens["default"].type_normal,
666
- listOptionFontWeight: _coreTokens["default"].type_regular,
667
- listOptionIconColor: _coreTokens["default"].color_black,
668
- listOptionDividerColor: _coreTokens["default"].color_grey_200,
669
- listGroupLabelFontWeight: _coreTokens["default"].type_semibold,
670
- focusListOptionBorderColor: _coreTokens["default"].color_blue_600,
671
- systemMessageFontColor: _coreTokens["default"].color_grey_700,
672
- collapseIndicatorColor: _coreTokens["default"].color_black,
673
- listDialogBackgroundColor: _coreTokens["default"].color_white,
674
- listDialogBorderColor: _coreTokens["default"].color_grey_400,
675
- selectedListOptionBackgroundColor: _coreTokens["default"].color_blue_100,
676
- selectedHoverListOptionBackgroundColor: _coreTokens["default"].color_blue_200,
677
- selectedActiveListOptionBackgroundColor: _coreTokens["default"].color_blue_300,
678
- selectedListOptionIconColor: _coreTokens["default"].color_blue_900,
679
- unselectedHoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
680
- unselectedActiveListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
681
- selectionIndicatorFontColor: _coreTokens["default"].color_black,
682
- selectionIndicatorFontSize: _coreTokens["default"].type_scale_01,
683
- selectionIndicatorFontStyle: _coreTokens["default"].type_regular,
684
- selectionIndicatorFontWeight: _coreTokens["default"].type_normal,
685
- selectionIndicatorBorderColor: _coreTokens["default"].color_grey_400,
686
- selectionIndicatorBackgroundColor: _coreTokens["default"].color_grey_50,
687
- enabledSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_transparent,
688
- enabledSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
689
- hoverSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_100,
690
- hoverSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
691
- activeSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_300,
692
- activeSelectionIndicatorActionIconColor: _coreTokens["default"].color_black
693
- },
694
- sidenav: {
695
- backgroundColor: _coreTokens["default"].color_grey_100,
696
- titleFontFamily: _coreTokens["default"].type_sans,
697
- titleFontSize: _coreTokens["default"].type_scale_04,
698
- titleFontStyle: _coreTokens["default"].type_normal,
699
- titleFontWeight: _coreTokens["default"].type_semibold,
700
- titleFontColor: _coreTokens["default"].color_grey_800,
701
- titleFontTextTransform: "none",
702
- titleFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
703
- groupTitleFontFamily: _coreTokens["default"].type_sans,
704
- groupTitleFontSize: _coreTokens["default"].type_scale_02,
705
- groupTitleFontStyle: _coreTokens["default"].type_normal,
706
- groupTitleFontWeight: _coreTokens["default"].type_semibold,
707
- groupTitleFontColor: _coreTokens["default"].color_black,
708
- groupTitleHoverBackgroundColor: _coreTokens["default"].color_grey_200,
709
- groupTitleActiveBackgroundColor: _coreTokens["default"].color_grey_800,
710
- groupTitleSelectedFontColor: _coreTokens["default"].color_white,
711
- groupTitleSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
712
- groupTitleSelectedHoverFontColor: _coreTokens["default"].color_white,
713
- groupTitleSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
714
- groupTitleFontTextTransform: _coreTokens["default"].type_uppercase,
715
- groupTitleFontLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
716
- linkFontFamily: _coreTokens["default"].type_sans,
717
- linkFontSize: _coreTokens["default"].type_scale_02,
718
- linkFontStyle: _coreTokens["default"].type_normal,
719
- linkFontWeight: _coreTokens["default"].type_regular,
720
- linkFontColor: _coreTokens["default"].color_grey_800,
721
- linkHoverBackgroundColor: _coreTokens["default"].color_grey_200,
722
- linkSelectedFontColor: _coreTokens["default"].color_white,
723
- linkSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
724
- linkSelectedHoverFontColor: _coreTokens["default"].color_white,
725
- linkSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
726
- linkFontTextTransform: "none",
727
- linkFontLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
728
- linkTextDecoration: _coreTokens["default"].type_no_line,
729
- linkMarginTop: "4px",
730
- linkMarginBottom: "4px",
731
- linkMarginRight: "16px",
732
- linkMarginLeft: "16px",
733
- linkFocusColor: _coreTokens["default"].color_blue_600,
734
- scrollBarThumbColor: _coreTokens["default"].color_grey_200_a,
735
- scrollBarTrackColor: _coreTokens["default"].color_transparent
736
- },
737
- slider: {
738
- fontFamily: _coreTokens["default"].type_sans,
739
- limitValuesFontColor: _coreTokens["default"].color_black,
740
- limitValuesFontSize: _coreTokens["default"].type_scale_03,
741
- limitValuesFontStyle: _coreTokens["default"].type_normal,
742
- limitValuesFontWeight: _coreTokens["default"].type_regular,
743
- limitValuesFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
744
- disabledLimitValuesFontColor: _coreTokens["default"].color_grey_500,
745
- labelFontFamily: _coreTokens["default"].type_sans,
746
- labelFontSize: _coreTokens["default"].type_scale_02,
747
- labelFontStyle: _coreTokens["default"].type_normal,
748
- labelFontWeight: _coreTokens["default"].type_semibold,
749
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
750
- helperTextFontFamily: _coreTokens["default"].type_sans,
751
- helperTextFontSize: _coreTokens["default"].type_scale_01,
752
- helperTextFontStyle: _coreTokens["default"].type_normal,
753
- helperTextFontWeight: _coreTokens["default"].type_regular,
754
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
755
- fontColor: _coreTokens["default"].color_black,
756
- labelFontColor: _coreTokens["default"].color_black,
757
- helperTextFontColor: _coreTokens["default"].color_black,
758
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
759
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
760
- thumbHeight: "12px",
761
- thumbWidth: "12px",
762
- hoverThumbHeight: "14px",
763
- hoverThumbWidth: "14px",
764
- thumbVerticalPosition: "12px",
765
- hoverThumbVerticalPosition: "11px",
766
- thumbBackgroundColor: _coreTokens["default"].color_blue_800,
767
- hoverThumbScale: "1.166666",
768
- hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
769
- activeThumbScale: "1.166666",
770
- activeThumbBackgroundColor: _coreTokens["default"].color_blue_900,
771
- focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
772
- tickHeight: "4px",
773
- tickWidth: "4px",
774
- tickVerticalPosition: "11px",
775
- tickBackgroundColor: _coreTokens["default"].color_blue_800,
776
- trackLineThickness: "2px",
777
- trackLineVerticalPosition: "50%",
778
- trackLineColor: _coreTokens["default"].color_blue_800,
779
- totalLineThickness: "2px",
780
- totalLineVerticalPosition: "50%",
781
- totalLineColor: _coreTokens["default"].color_grey_200_a,
782
- disabledThumbVerticalPosition: "10px",
783
- disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
784
- disabledTickVerticalPosition: "11px",
785
- disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
786
- disabledTrackLineColor: _coreTokens["default"].color_grey_500,
787
- disabledTotalLineColor: _coreTokens["default"].color_grey_100,
788
- focusColor: _coreTokens["default"].color_blue_600,
789
- floorLabelMarginRight: _coreTokens["default"].type_scale_03,
790
- ceilLabelMarginLeft: _coreTokens["default"].type_scale_03,
791
- inputMarginLeft: _coreTokens["default"].type_scale_06
792
- },
793
- spinner: {
794
- trackCircleColor: _coreTokens["default"].color_purple_700,
795
- trackCircleColorOverlay: _coreTokens["default"].color_purple_500,
796
- totalCircleColor: _coreTokens["default"].color_white,
797
- labelFontFamily: _coreTokens["default"].type_sans,
798
- labelFontSize: _coreTokens["default"].type_scale_02,
799
- labelFontStyle: _coreTokens["default"].type_normal,
800
- labelFontWeight: _coreTokens["default"].type_regular,
801
- labelFontColor: _coreTokens["default"].color_black,
802
- labelTextAlign: "center",
803
- progressValueFontFamily: _coreTokens["default"].type_sans,
804
- progressValueFontSize: _coreTokens["default"].type_scale_02,
805
- progressValueFontStyle: _coreTokens["default"].type_normal,
806
- progressValueFontWeight: _coreTokens["default"].type_bold,
807
- progressValueFontColor: _coreTokens["default"].inherit,
808
- progressValueTextAlign: "center",
809
- overlayBackgroundColor: _coreTokens["default"].color_black,
810
- overlayOpacity: "0.8",
811
- overlayLabelFontFamily: _coreTokens["default"].type_sans,
812
- overlayLabelFontSize: _coreTokens["default"].type_scale_02,
813
- overlayLabelFontStyle: _coreTokens["default"].type_normal,
814
- overlayLabelFontWeight: _coreTokens["default"].type_regular,
815
- overlayLabelFontColor: _coreTokens["default"].color_white,
816
- overlayLabelTextAlign: "center",
817
- overlayProgressValueFontFamily: _coreTokens["default"].type_sans,
818
- overlayProgressValueFontSize: _coreTokens["default"].type_scale_02,
819
- overlayProgressValueFontStyle: _coreTokens["default"].type_normal,
820
- overlayProgressValueFontWeight: _coreTokens["default"].type_bold,
821
- overlayProgressValueFontColor: _coreTokens["default"].color_white,
822
- overlayProgressValueTextAlign: "center"
823
- },
824
- "switch": {
825
- checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
826
- checkedThumbBackgroundColor: _coreTokens["default"].color_white,
827
- uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
828
- uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
829
- disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
830
- disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
831
- disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
832
- disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
833
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
834
- disabledLabelFontStyle: _coreTokens["default"].type_normal,
835
- labelFontFamily: _coreTokens["default"].type_sans,
836
- labelFontSize: _coreTokens["default"].type_scale_root,
837
- labelFontStyle: _coreTokens["default"].type_normal,
838
- labelFontWeight: _coreTokens["default"].type_regular,
839
- labelFontColor: _coreTokens["default"].color_black,
840
- thumbFocusColor: _coreTokens["default"].color_blue_600,
841
- thumbHeight: "24px",
842
- thumbWidth: "24px",
843
- thumbShift: "1.25rem",
844
- trackHeight: "12px",
845
- trackWidth: "36px",
846
- spaceBetweenLabelSwitch: "8px"
847
- },
848
- table: {
849
- rowSeparatorThickness: "1px",
850
- rowSeparatorStyle: _coreTokens["default"].border_solid,
851
- rowSeparatorColor: _coreTokens["default"].color_grey_300,
852
- dataBackgroundColor: _coreTokens["default"].color_white,
853
- dataFontFamily: _coreTokens["default"].type_sans,
854
- dataFontSize: _coreTokens["default"].type_scale_02,
855
- dataFontStyle: _coreTokens["default"].type_normal,
856
- dataFontWeight: _coreTokens["default"].type_regular,
857
- dataFontColor: _coreTokens["default"].color_black,
858
- dataFontTextTransform: "none",
859
- dataPaddingTop: "16px",
860
- dataPaddingBottom: "16px",
861
- dataPaddingRight: "20px",
862
- dataPaddingLeft: "20px",
863
- dataPaddingTopReduced: _coreTokens["default"].spacing_8,
864
- dataPaddingBottomReduced: _coreTokens["default"].spacing_8,
865
- dataPaddingRightReduced: _coreTokens["default"].spacing_16,
866
- dataPaddingLeftReduced: _coreTokens["default"].spacing_16,
867
- dataTextAlign: "left",
868
- dataTextLineHeight: "normal",
869
- firstChildPaddingLeft: _coreTokens["default"].spacing_24,
870
- lastChildPaddingRight: _coreTokens["default"].spacing_24,
871
- firstChildPaddingLeftReduced: "20px",
872
- lastChildPaddingRightReduced: "20px",
873
- headerBackgroundColor: _coreTokens["default"].color_purple_700,
874
- headerBorderRadius: "4px",
875
- headerFontFamily: _coreTokens["default"].type_sans,
876
- headerFontSize: _coreTokens["default"].type_scale_02,
877
- headerFontStyle: _coreTokens["default"].type_normal,
878
- headerFontWeight: _coreTokens["default"].type_regular,
879
- headerFontColor: _coreTokens["default"].color_white,
880
- headerFontTextTransform: "none",
881
- headerPaddingTop: "16px",
882
- headerPaddingBottom: "16px",
883
- headerPaddingRight: "20px",
884
- headerPaddingLeft: "20px",
885
- headerPaddingTopReduced: _coreTokens["default"].spacing_8,
886
- headerPaddingBottomReduced: _coreTokens["default"].spacing_8,
887
- headerPaddingRightReduced: _coreTokens["default"].spacing_16,
888
- headerPaddingLeftReduced: _coreTokens["default"].spacing_16,
889
- headerTextAlign: "left",
890
- headerTextLineHeight: "normal",
891
- scrollBarThumbColor: _coreTokens["default"].color_grey_700,
892
- scrollBarTrackColor: _coreTokens["default"].color_grey_300,
893
- sortIconColor: _coreTokens["default"].color_white,
894
- actionIconColor: _coreTokens["default"].color_purple_700,
895
- disabledActionIconColor: _coreTokens["default"].color_grey_500,
896
- hoverActionIconColor: _coreTokens["default"].color_purple_700,
897
- focusActionIconColor: _coreTokens["default"].color_purple_700,
898
- activeActionIconColor: _coreTokens["default"].color_purple_700,
899
- actionBackgroundColor: _coreTokens["default"].color_transparent,
900
- disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
901
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
902
- focusActionBorderColor: _coreTokens["default"].color_blue_600,
903
- activeActionBackgroundColor: _coreTokens["default"].color_grey_300
904
- },
905
- tabs: {
906
- fontFamily: _coreTokens["default"].type_sans,
907
- fontSize: _coreTokens["default"].type_scale_03,
908
- fontStyle: _coreTokens["default"].type_normal,
909
- fontWeight: _coreTokens["default"].type_semibold,
910
- fontTextTransform: "none",
911
- selectedBackgroundColor: _coreTokens["default"].color_white,
912
- selectedFontColor: _coreTokens["default"].color_purple_700,
913
- selectedIconColor: _coreTokens["default"].color_purple_700,
914
- selectedUnderlineColor: _coreTokens["default"].color_purple_700,
915
- selectedUnderlineThickness: "2px",
916
- unselectedBackgroundColor: _coreTokens["default"].color_white,
917
- unselectedFontColor: _coreTokens["default"].color_grey_700,
918
- unselectedIconColor: _coreTokens["default"].color_grey_700,
919
- disabledFontColor: _coreTokens["default"].color_grey_500,
920
- disabledIconColor: _coreTokens["default"].color_grey_500,
921
- disabledFontStyle: _coreTokens["default"].type_normal,
922
- hoverBackgroundColor: _coreTokens["default"].color_purple_100,
923
- pressedBackgroundColor: _coreTokens["default"].color_purple_200,
924
- pressedFontWeight: _coreTokens["default"].type_semibold,
925
- dividerColor: _coreTokens["default"].color_grey_400,
926
- dividerThickness: "1px",
927
- focusOutline: _coreTokens["default"].color_purple_700,
928
- scrollButtonsWidth: "48px"
929
- },
930
- tag: {
931
- fontFamily: _coreTokens["default"].type_sans,
932
- fontColor: _coreTokens["default"].color_black,
933
- fontSize: _coreTokens["default"].type_scale_02,
934
- fontStyle: _coreTokens["default"].type_normal,
935
- fontWeight: _coreTokens["default"].type_regular,
936
- labelPaddingTop: "0px",
937
- labelPaddingBottom: "0px",
938
- labelPaddingLeft: "16px",
939
- labelPaddingRight: "16px",
940
- height: "40px",
941
- iconColor: _coreTokens["default"].color_white,
942
- iconSectionWidth: "40px",
943
- iconHeight: "24px",
944
- iconWidth: "auto",
945
- focusColor: _coreTokens["default"].color_blue_600
946
- },
947
- textarea: {
948
- fontFamily: _coreTokens["default"].type_sans,
949
- enabledBorderColor: _coreTokens["default"].color_black,
950
- hoverBorderColor: _coreTokens["default"].color_purple_500,
951
- focusBorderColor: _coreTokens["default"].color_blue_600,
952
- disabledBorderColor: _coreTokens["default"].color_grey_500,
953
- disabledContainerFillColor: _coreTokens["default"].color_grey_100,
954
- readOnlyBorderColor: _coreTokens["default"].color_grey_500,
955
- hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
956
- errorBorderColor: _coreTokens["default"].color_red_700,
957
- hoverErrorBorderColor: _coreTokens["default"].color_red_600,
958
- inputMarginTop: _coreTokens["default"].spacing_4,
959
- inputMarginBottom: _coreTokens["default"].spacing_4,
960
- errorMessageColor: _coreTokens["default"].color_red_700,
961
- labelFontColor: _coreTokens["default"].color_black,
962
- labelFontSize: _coreTokens["default"].type_scale_02,
963
- labelFontStyle: _coreTokens["default"].type_normal,
964
- labelFontWeight: _coreTokens["default"].type_semibold,
965
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
966
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
967
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
968
- helperTextFontColor: _coreTokens["default"].color_black,
969
- helperTextFontSize: _coreTokens["default"].type_scale_01,
970
- helperTextFontStyle: _coreTokens["default"].type_normal,
971
- helperTextFontWeight: _coreTokens["default"].type_regular,
972
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
973
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
974
- placeholderFontColor: _coreTokens["default"].color_grey_800_a,
975
- disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
976
- valueFontColor: _coreTokens["default"].color_black,
977
- valueFontSize: _coreTokens["default"].type_scale_03,
978
- valueFontStyle: _coreTokens["default"].type_normal,
979
- valueFontWeight: _coreTokens["default"].type_regular,
980
- disabledValueFontColor: _coreTokens["default"].color_grey_500
981
- },
982
- textInput: {
983
- fontFamily: _coreTokens["default"].type_sans,
984
- enabledBorderColor: _coreTokens["default"].color_black,
985
- hoverBorderColor: _coreTokens["default"].color_purple_500,
986
- focusBorderColor: _coreTokens["default"].color_blue_600,
987
- disabledBorderColor: _coreTokens["default"].color_grey_500,
988
- disabledContainerFillColor: _coreTokens["default"].color_grey_100,
989
- readOnlyBorderColor: _coreTokens["default"].color_grey_500,
990
- hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
991
- errorBorderColor: _coreTokens["default"].color_red_700,
992
- hoverErrorBorderColor: _coreTokens["default"].color_red_600,
993
- inputMarginTop: _coreTokens["default"].spacing_4,
994
- inputMarginBottom: _coreTokens["default"].spacing_4,
995
- errorMessageColor: _coreTokens["default"].color_red_700,
996
- errorIconColor: _coreTokens["default"].color_red_700,
997
- labelFontColor: _coreTokens["default"].color_black,
998
- labelFontSize: _coreTokens["default"].type_scale_02,
999
- labelFontStyle: _coreTokens["default"].type_normal,
1000
- labelFontWeight: _coreTokens["default"].type_semibold,
1001
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
1002
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1003
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
1004
- helperTextFontColor: _coreTokens["default"].color_black,
1005
- helperTextFontSize: _coreTokens["default"].type_scale_01,
1006
- helperTextFontStyle: _coreTokens["default"].type_normal,
1007
- helperTextFontWeight: _coreTokens["default"].type_regular,
1008
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1009
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1010
- prefixColor: _coreTokens["default"].color_grey_700,
1011
- suffixColor: _coreTokens["default"].color_grey_700,
1012
- disabledPrefixColor: _coreTokens["default"].color_grey_400,
1013
- disabledSuffixColor: _coreTokens["default"].color_grey_400,
1014
- placeholderFontColor: _coreTokens["default"].color_grey_800_a,
1015
- disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
1016
- valueFontColor: _coreTokens["default"].color_black,
1017
- valueFontSize: _coreTokens["default"].type_scale_03,
1018
- valueFontStyle: _coreTokens["default"].type_normal,
1019
- valueFontWeight: _coreTokens["default"].type_regular,
1020
- disabledValueFontColor: _coreTokens["default"].color_grey_500,
1021
- actionIconColor: _coreTokens["default"].color_black,
1022
- disabledActionIconColor: _coreTokens["default"].color_grey_500,
1023
- hoverActionIconColor: _coreTokens["default"].color_black,
1024
- focusActionIconColor: _coreTokens["default"].color_black,
1025
- activeActionIconColor: _coreTokens["default"].color_black,
1026
- actionBackgroundColor: _coreTokens["default"].color_transparent,
1027
- disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
1028
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
1029
- focusActionBorderColor: _coreTokens["default"].color_blue_600,
1030
- activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
1031
- listDialogBackgroundColor: _coreTokens["default"].color_white,
1032
- listDialogBorderColor: _coreTokens["default"].color_grey_400,
1033
- listOptionDividerColor: _coreTokens["default"].color_grey_200,
1034
- listOptionFontColor: _coreTokens["default"].color_black,
1035
- listOptionFontSize: _coreTokens["default"].type_scale_02,
1036
- listOptionFontStyle: _coreTokens["default"].type_normal,
1037
- listOptionFontWeight: _coreTokens["default"].type_regular,
1038
- systemMessageFontColor: _coreTokens["default"].color_grey_700,
1039
- errorListDialogFontColor: _coreTokens["default"].color_black,
1040
- errorListDialogBackgroundColor: _coreTokens["default"].color_red_50,
1041
- errorListDialogBorderColor: _coreTokens["default"].color_red_700,
1042
- hoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
1043
- activeListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
1044
- focusListOptionBorderColor: _coreTokens["default"].color_blue_600
1045
- },
1046
- toggleGroup: {
1047
- containerBackgroundColor: _coreTokens["default"].color_grey_50,
1048
- containerBorderColor: _coreTokens["default"].color_grey_500,
1049
- labelFontColor: _coreTokens["default"].color_black,
1050
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1051
- helperTextFontColor: _coreTokens["default"].color_black,
1052
- disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
1053
- unselectedBackgroundColor: _coreTokens["default"].color_grey_200,
1054
- unselectedHoverBackgroundColor: _coreTokens["default"].color_grey_300,
1055
- unselectedActiveBackgroundColor: _coreTokens["default"].color_purple_700,
1056
- unselectedDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
1057
- unselectedFontColor: _coreTokens["default"].color_black,
1058
- unselectedDisabledFontColor: _coreTokens["default"].color_grey_500,
1059
- selectedBackgroundColor: _coreTokens["default"].color_purple_700,
1060
- selectedHoverBackgroundColor: _coreTokens["default"].color_purple_800,
1061
- selectedActiveBackgroundColor: _coreTokens["default"].color_purple_900,
1062
- selectedDisabledBackgroundColor: _coreTokens["default"].color_purple_100,
1063
- selectedFontColor: _coreTokens["default"].color_white,
1064
- selectedDisabledFontColor: _coreTokens["default"].color_purple_300,
1065
- focusColor: _coreTokens["default"].color_blue_600,
1066
- labelFontFamily: _coreTokens["default"].type_sans,
1067
- labelFontSize: _coreTokens["default"].type_scale_02,
1068
- labelFontStyle: _coreTokens["default"].type_normal,
1069
- labelFontWeight: _coreTokens["default"].type_semibold,
1070
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
1071
- helperTextFontFamily: _coreTokens["default"].type_sans,
1072
- helperTextFontSize: _coreTokens["default"].type_scale_01,
1073
- helperTextFontStyle: _coreTokens["default"].type_normal,
1074
- helperTextFontWeight: _coreTokens["default"].type_regular,
1075
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1076
- optionLabelFontFamily: _coreTokens["default"].type_sans,
1077
- optionLabelFontSize: _coreTokens["default"].type_scale_03,
1078
- optionLabelFontStyle: _coreTokens["default"].type_normal,
1079
- optionLabelFontWeight: _coreTokens["default"].type_regular,
1080
- iconPaddingRight: _coreTokens["default"].spacing_8,
1081
- iconPaddingLeft: _coreTokens["default"].spacing_8,
1082
- labelPaddingLeft: _coreTokens["default"].spacing_24,
1083
- labelPaddingRight: _coreTokens["default"].spacing_24,
1084
- iconMarginRight: _coreTokens["default"].spacing_8,
1085
- containerMarginTop: _coreTokens["default"].spacing_4,
1086
- optionBorderThickness: _coreTokens["default"].border_width_0,
1087
- optionBorderStyle: _coreTokens["default"].border_none,
1088
- optionBorderRadius: _coreTokens["default"].border_radius_medium,
1089
- containerBorderThickness: _coreTokens["default"].border_width_1,
1090
- containerBorderStyle: _coreTokens["default"].border_solid,
1091
- containerBorderRadius: _coreTokens["default"].border_radius_large,
1092
- optionFocusBorderThickness: _coreTokens["default"].border_width_2
1093
- },
1094
- wizard: {
1095
- visitedStepFontColor: _coreTokens["default"].color_black,
1096
- visitedStepBackgroundColor: _coreTokens["default"].color_white,
1097
- visitedStepBorderColor: _coreTokens["default"].color_black,
1098
- unvisitedStepFontColor: _coreTokens["default"].color_grey_700,
1099
- unvisitedLabelFontColor: _coreTokens["default"].color_grey_700,
1100
- unvisitedHelperTextFontColor: _coreTokens["default"].color_grey_700,
1101
- unvisitedStepBackgroundColor: _coreTokens["default"].color_transparent,
1102
- unvisitedStepBorderColor: _coreTokens["default"].color_grey_700,
1103
- selectedStepFontColor: _coreTokens["default"].color_white,
1104
- selectedStepBackgroundColor: _coreTokens["default"].color_purple_700,
1105
- selectedStepBorderColor: _coreTokens["default"].color_purple_700,
1106
- selectedLabelFontColor: _coreTokens["default"].color_black,
1107
- selectedHelperTextFontColor: _coreTokens["default"].color_black,
1108
- selectedStepWidth: "32px",
1109
- selectedStepHeight: "32px",
1110
- selectedStepBorderThickness: "2px",
1111
- selectedStepBorderStyle: _coreTokens["default"].border_solid,
1112
- selectedStepBorderRadius: "45px",
1113
- stepFontSize: _coreTokens["default"].type_scale_03,
1114
- stepFontFamily: _coreTokens["default"].type_sans,
1115
- stepFontStyle: _coreTokens["default"].type_normal,
1116
- stepFontWeight: _coreTokens["default"].type_regular,
1117
- stepFontTracking: _coreTokens["default"].type_spacing_wide_02,
1118
- stepIconSize: "20px",
1119
- stepWidth: "32px",
1120
- stepHeight: "32px",
1121
- stepBorderThickness: "2px",
1122
- stepBorderStyle: _coreTokens["default"].border_solid,
1123
- stepBorderRadius: "45px",
1124
- visitedLabelFontColor: _coreTokens["default"].color_black,
1125
- labelFontSize: _coreTokens["default"].type_scale_03,
1126
- labelFontFamily: _coreTokens["default"].type_sans,
1127
- labelFontStyle: _coreTokens["default"].type_normal,
1128
- labelFontWeight: _coreTokens["default"].type_regular,
1129
- labelFontTracking: _coreTokens["default"].type_spacing_normal,
1130
- labelFontTextTransform: "none",
1131
- labelTextAlign: "left",
1132
- helperTextFontSize: _coreTokens["default"].type_scale_02,
1133
- helperTextFontFamily: _coreTokens["default"].type_sans,
1134
- helperTextFontStyle: _coreTokens["default"].type_normal,
1135
- helperTextFontWeight: _coreTokens["default"].type_regular,
1136
- helperTextFontTracking: _coreTokens["default"].type_spacing_normal,
1137
- helperTextFontTextTransform: "none",
1138
- visitedHelperTextFontColor: _coreTokens["default"].color_black,
1139
- helperTextTextAlign: "left",
1140
- disabledStepBackgroundColor: _coreTokens["default"].color_grey_100,
1141
- disabledStepFontColor: _coreTokens["default"].color_grey_500,
1142
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1143
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1144
- disabledStepBorderColor: _coreTokens["default"].color_grey_100,
1145
- disabledStepWidth: "32px",
1146
- disabledStepHeight: "32px",
1147
- disabledStepBorderThickness: "2px",
1148
- disabledStepBorderStyle: _coreTokens["default"].border_solid,
1149
- disabledStepBorderRadius: "45px",
1150
- separatorBorderThickness: "1px",
1151
- separatorBorderStyle: _coreTokens["default"].border_solid,
1152
- separatorColor: _coreTokens["default"].color_grey_700,
1153
- focusColor: _coreTokens["default"].color_blue_600
1154
- }
1155
- };
1156
- var spaces = exports.spaces = {
1157
- xxsmall: "6px",
1158
- xsmall: "16px",
1159
- small: "24px",
1160
- medium: "36px",
1161
- large: "48px",
1162
- xlarge: "64px",
1163
- xxlarge: "100px"
1164
- };
1165
- var responsiveSizes = exports.responsiveSizes = {
1166
- xsmall: "20",
1167
- small: "30",
1168
- medium: "45",
1169
- large: "66",
1170
- xlarge: "90"
1171
- };
1172
- var defaultTranslatedComponentLabels = exports.defaultTranslatedComponentLabels = {
1173
- formFields: {
1174
- optionalLabel: "(Optional)",
1175
- requiredSelectionErrorMessage: "This field is required. Please, choose an option.",
1176
- requiredValueErrorMessage: "This field is required. Please, enter a value.",
1177
- formatRequestedErrorMessage: "Please match the format requested.",
1178
- lengthErrorMessage: function lengthErrorMessage(minLength, maxLength) {
1179
- return "Min length ".concat(minLength, ", max length ").concat(maxLength, ".");
1180
- },
1181
- logoAlternativeText: "Logo"
1182
- },
1183
- applicationLayout: {
1184
- visibilityToggleTitle: "Toggle visibility sidenav"
1185
- },
1186
- alert: {
1187
- infoTitleText: "information",
1188
- successTitleText: "success",
1189
- warningTitleText: "warning",
1190
- errorTitleText: "error"
1191
- },
1192
- dateInput: {
1193
- invalidDateErrorMessage: "Invalid date."
1194
- },
1195
- dialog: {
1196
- closeIconAriaLabel: "Close dialog"
1197
- },
1198
- fileInput: {
1199
- fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
1200
- fileSizeLessThanErrorMessage: "File size must be less than max size.",
1201
- multipleButtonLabelDefault: "Select files",
1202
- singleButtonLabelDefault: "Select file",
1203
- dropAreaButtonLabelDefault: "Select",
1204
- multipleDropAreaLabelDefault: "or drop files",
1205
- singleDropAreaLabelDefault: "or drop a file",
1206
- deleteFileActionTitle: "Remove file"
1207
- },
1208
- footer: {
1209
- copyrightText: function copyrightText(year) {
1210
- return "\xA9 DXC Technology ".concat(year, ". All rights reserved.");
1211
- }
1212
- },
1213
- header: {
1214
- closeIcon: "Close menu",
1215
- hamburguerTitle: "Menu"
1216
- },
1217
- numberInput: {
1218
- valueGreaterThanOrEqualToErrorMessage: function valueGreaterThanOrEqualToErrorMessage(value) {
1219
- return "Value must be greater than or equal to ".concat(value, ".");
1220
- },
1221
- valueLessThanOrEqualToErrorMessage: function valueLessThanOrEqualToErrorMessage(value) {
1222
- return "Value must be less than or equal to ".concat(value, ".");
1223
- },
1224
- decrementValueTitle: "Decrement value",
1225
- incrementValueTitle: "Increment value"
1226
- },
1227
- paginator: {
1228
- itemsPerPageText: "Items per page: ",
1229
- minToMaxOfText: function minToMaxOfText(minNumberOfItems, maxNumberOfItems, totalItems) {
1230
- return "".concat(minNumberOfItems, " to ").concat(maxNumberOfItems, " of ").concat(totalItems);
1231
- },
1232
- goToPageText: "Go to page:",
1233
- pageOfText: function pageOfText(pageNumber, totalPagesNumber) {
1234
- return "Page: ".concat(pageNumber, " of ").concat(totalPagesNumber);
1235
- }
1236
- },
1237
- passwordInput: {
1238
- inputShowPasswordTitle: "Show password",
1239
- inputHidePasswordTitle: "Hide password"
1240
- },
1241
- quickNav: {
1242
- contentTitle: "Contents"
1243
- },
1244
- radioGroup: {
1245
- optionalItemLabelDefault: "N/A"
1246
- },
1247
- select: {
1248
- noMatchesErrorMessage: "No matches found",
1249
- actionClearSelectionTitle: "Clear selection",
1250
- actionClearSearchTitle: "Clear search"
1251
- },
1252
- tabs: {
1253
- scrollLeft: "Scroll left",
1254
- scrollRight: "Scroll right"
1255
- },
1256
- textInput: {
1257
- clearFieldActionTitle: "Clear field",
1258
- searchingMessage: "Searching...",
1259
- fetchingDataErrorMessage: "Error fetching data"
1260
- },
1261
- calendar: {
1262
- daysShort: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
1263
- months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
1264
- previousMonthTitle: "Previous month",
1265
- nextMonthTitle: "Next month"
1266
- }
1267
- };