@dxc-technology/halstack-react 0.0.0-65612cd → 0.0.0-65c8e88

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 (282) hide show
  1. package/BackgroundColorContext.d.ts +1 -10
  2. package/BackgroundColorContext.js +5 -22
  3. package/HalstackContext.d.ts +1229 -6
  4. package/HalstackContext.js +125 -110
  5. package/README.md +47 -0
  6. package/accordion/Accordion.d.ts +1 -1
  7. package/accordion/Accordion.js +36 -99
  8. package/accordion/Accordion.stories.tsx +101 -124
  9. package/accordion/Accordion.test.js +19 -34
  10. package/accordion/types.d.ts +5 -17
  11. package/accordion-group/AccordionGroup.d.ts +4 -3
  12. package/accordion-group/AccordionGroup.js +29 -77
  13. package/accordion-group/AccordionGroup.stories.tsx +78 -77
  14. package/accordion-group/AccordionGroup.test.js +44 -72
  15. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  16. package/accordion-group/AccordionGroupAccordion.js +31 -0
  17. package/accordion-group/types.d.ts +6 -18
  18. package/action-icon/ActionIcon.d.ts +4 -0
  19. package/action-icon/ActionIcon.js +43 -0
  20. package/action-icon/types.d.ts +26 -0
  21. package/alert/Alert.js +19 -58
  22. package/alert/Alert.stories.tsx +28 -0
  23. package/alert/Alert.test.js +29 -46
  24. package/alert/types.d.ts +5 -5
  25. package/badge/Badge.js +4 -17
  26. package/badge/types.d.ts +1 -1
  27. package/bleed/Bleed.js +13 -21
  28. package/bleed/Bleed.stories.tsx +1 -0
  29. package/bleed/types.d.ts +2 -2
  30. package/box/Box.d.ts +1 -1
  31. package/box/Box.js +18 -59
  32. package/box/Box.stories.tsx +38 -51
  33. package/box/Box.test.js +2 -7
  34. package/box/types.d.ts +3 -15
  35. package/bulleted-list/BulletedList.js +19 -53
  36. package/bulleted-list/BulletedList.stories.tsx +8 -93
  37. package/bulleted-list/types.d.ts +32 -5
  38. package/button/Button.d.ts +1 -1
  39. package/button/Button.js +69 -105
  40. package/button/Button.stories.tsx +152 -91
  41. package/button/Button.test.js +18 -17
  42. package/button/types.d.ts +8 -4
  43. package/card/Card.d.ts +1 -1
  44. package/card/Card.js +48 -89
  45. package/card/Card.stories.tsx +12 -42
  46. package/card/Card.test.js +11 -22
  47. package/card/types.d.ts +6 -12
  48. package/checkbox/Checkbox.d.ts +2 -2
  49. package/checkbox/Checkbox.js +92 -126
  50. package/checkbox/Checkbox.stories.tsx +128 -94
  51. package/checkbox/Checkbox.test.js +108 -64
  52. package/checkbox/types.d.ts +11 -3
  53. package/chip/Chip.js +39 -79
  54. package/chip/Chip.stories.tsx +121 -26
  55. package/chip/Chip.test.js +16 -31
  56. package/chip/types.d.ts +4 -4
  57. package/common/OpenSans.css +68 -80
  58. package/common/coreTokens.d.ts +237 -0
  59. package/common/coreTokens.js +184 -0
  60. package/common/utils.d.ts +1 -0
  61. package/common/utils.js +6 -12
  62. package/common/variables.d.ts +1381 -0
  63. package/common/variables.js +888 -1143
  64. package/container/Container.d.ts +4 -0
  65. package/container/Container.js +194 -0
  66. package/container/Container.stories.tsx +214 -0
  67. package/container/types.d.ts +74 -0
  68. package/date-input/Calendar.d.ts +4 -0
  69. package/date-input/Calendar.js +214 -0
  70. package/date-input/DateInput.js +150 -299
  71. package/date-input/DateInput.stories.tsx +203 -56
  72. package/date-input/DateInput.test.js +700 -371
  73. package/date-input/DatePicker.d.ts +4 -0
  74. package/date-input/DatePicker.js +115 -0
  75. package/date-input/Icons.d.ts +6 -0
  76. package/date-input/Icons.js +58 -0
  77. package/date-input/YearPicker.d.ts +4 -0
  78. package/date-input/YearPicker.js +100 -0
  79. package/date-input/types.d.ts +72 -15
  80. package/dialog/Dialog.d.ts +1 -1
  81. package/dialog/Dialog.js +61 -119
  82. package/dialog/Dialog.stories.tsx +310 -212
  83. package/dialog/Dialog.test.js +269 -32
  84. package/dialog/types.d.ts +18 -26
  85. package/dropdown/Dropdown.js +66 -120
  86. package/dropdown/Dropdown.stories.tsx +210 -84
  87. package/dropdown/Dropdown.test.js +409 -400
  88. package/dropdown/DropdownMenu.js +20 -37
  89. package/dropdown/DropdownMenuItem.js +9 -34
  90. package/dropdown/types.d.ts +17 -19
  91. package/file-input/FileInput.d.ts +2 -2
  92. package/file-input/FileInput.js +236 -358
  93. package/file-input/FileInput.stories.tsx +123 -12
  94. package/file-input/FileInput.test.js +368 -407
  95. package/file-input/FileItem.d.ts +4 -14
  96. package/file-input/FileItem.js +45 -96
  97. package/file-input/types.d.ts +25 -8
  98. package/flex/Flex.js +27 -39
  99. package/flex/Flex.stories.tsx +35 -26
  100. package/flex/types.d.ts +74 -9
  101. package/footer/Footer.d.ts +1 -1
  102. package/footer/Footer.js +55 -115
  103. package/footer/Footer.stories.tsx +36 -21
  104. package/footer/Footer.test.js +33 -57
  105. package/footer/Icons.d.ts +2 -2
  106. package/footer/Icons.js +2 -7
  107. package/footer/types.d.ts +21 -29
  108. package/grid/Grid.d.ts +7 -0
  109. package/grid/Grid.js +76 -0
  110. package/grid/Grid.stories.tsx +219 -0
  111. package/grid/types.d.ts +115 -0
  112. package/header/Header.d.ts +4 -3
  113. package/header/Header.js +48 -133
  114. package/header/Header.stories.tsx +115 -36
  115. package/header/Header.test.js +13 -26
  116. package/header/Icons.d.ts +2 -2
  117. package/header/Icons.js +2 -7
  118. package/header/types.d.ts +5 -20
  119. package/heading/Heading.js +10 -32
  120. package/heading/Heading.test.js +71 -88
  121. package/heading/types.d.ts +7 -7
  122. package/image/Image.d.ts +4 -0
  123. package/image/Image.js +70 -0
  124. package/image/Image.stories.tsx +127 -0
  125. package/image/types.d.ts +72 -0
  126. package/image/types.js +5 -0
  127. package/inset/Inset.js +13 -21
  128. package/inset/Inset.stories.tsx +2 -1
  129. package/inset/types.d.ts +2 -2
  130. package/layout/ApplicationLayout.d.ts +5 -5
  131. package/layout/ApplicationLayout.js +29 -66
  132. package/layout/ApplicationLayout.stories.tsx +1 -1
  133. package/layout/Icons.d.ts +8 -5
  134. package/layout/Icons.js +51 -59
  135. package/layout/SidenavContext.d.ts +1 -1
  136. package/layout/SidenavContext.js +3 -9
  137. package/layout/types.d.ts +5 -6
  138. package/link/Link.js +25 -46
  139. package/link/Link.stories.tsx +60 -0
  140. package/link/Link.test.js +24 -44
  141. package/link/types.d.ts +14 -14
  142. package/main.d.ts +6 -4
  143. package/main.js +25 -58
  144. package/{tabs-nav → nav-tabs}/NavTabs.d.ts +2 -2
  145. package/{tabs-nav → nav-tabs}/NavTabs.js +23 -55
  146. package/{tabs-nav → nav-tabs}/NavTabs.stories.tsx +111 -7
  147. package/{tabs-nav → nav-tabs}/NavTabs.test.js +37 -44
  148. package/nav-tabs/Tab.js +117 -0
  149. package/{tabs-nav → nav-tabs}/types.d.ts +14 -15
  150. package/nav-tabs/types.js +5 -0
  151. package/number-input/NumberInput.d.ts +7 -0
  152. package/number-input/NumberInput.js +26 -35
  153. package/number-input/NumberInput.stories.tsx +42 -26
  154. package/number-input/NumberInput.test.js +701 -414
  155. package/number-input/types.d.ts +11 -5
  156. package/package.json +37 -40
  157. package/paginator/Icons.d.ts +5 -0
  158. package/paginator/Icons.js +21 -47
  159. package/paginator/Paginator.js +22 -58
  160. package/paginator/Paginator.stories.tsx +24 -0
  161. package/paginator/Paginator.test.js +252 -225
  162. package/paginator/types.d.ts +3 -3
  163. package/paragraph/Paragraph.d.ts +3 -4
  164. package/paragraph/Paragraph.js +6 -22
  165. package/paragraph/Paragraph.stories.tsx +0 -17
  166. package/password-input/Icons.d.ts +6 -0
  167. package/password-input/Icons.js +35 -0
  168. package/password-input/PasswordInput.js +57 -126
  169. package/password-input/PasswordInput.stories.tsx +1 -33
  170. package/password-input/PasswordInput.test.js +158 -141
  171. package/password-input/types.d.ts +8 -7
  172. package/progress-bar/ProgressBar.d.ts +2 -2
  173. package/progress-bar/ProgressBar.js +23 -55
  174. package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +36 -3
  175. package/progress-bar/ProgressBar.test.js +36 -53
  176. package/progress-bar/types.d.ts +4 -3
  177. package/quick-nav/QuickNav.js +4 -27
  178. package/quick-nav/QuickNav.stories.tsx +15 -1
  179. package/quick-nav/types.d.ts +10 -10
  180. package/radio-group/Radio.d.ts +1 -1
  181. package/radio-group/Radio.js +31 -63
  182. package/radio-group/RadioGroup.js +45 -93
  183. package/radio-group/RadioGroup.stories.tsx +131 -18
  184. package/radio-group/RadioGroup.test.js +505 -471
  185. package/radio-group/types.d.ts +8 -8
  186. package/resultset-table/Icons.d.ts +7 -0
  187. package/resultset-table/Icons.js +47 -0
  188. package/resultset-table/ResultsetTable.js +159 -0
  189. package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +50 -25
  190. package/{resultsetTable → resultset-table}/ResultsetTable.test.js +101 -144
  191. package/{resultsetTable → resultset-table}/types.d.ts +7 -7
  192. package/resultset-table/types.js +5 -0
  193. package/select/Icons.d.ts +7 -7
  194. package/select/Icons.js +1 -5
  195. package/select/Listbox.d.ts +1 -1
  196. package/select/Listbox.js +17 -72
  197. package/select/Option.js +20 -50
  198. package/select/Select.js +106 -170
  199. package/select/Select.stories.tsx +497 -153
  200. package/select/Select.test.js +1974 -1837
  201. package/select/types.d.ts +16 -17
  202. package/sidenav/Icons.d.ts +7 -0
  203. package/sidenav/Icons.js +47 -0
  204. package/sidenav/Sidenav.d.ts +2 -2
  205. package/sidenav/Sidenav.js +81 -153
  206. package/sidenav/Sidenav.stories.tsx +165 -63
  207. package/sidenav/Sidenav.test.js +3 -10
  208. package/sidenav/types.d.ts +31 -28
  209. package/slider/Slider.d.ts +2 -2
  210. package/slider/Slider.js +77 -134
  211. package/slider/Slider.test.js +108 -104
  212. package/slider/types.d.ts +7 -3
  213. package/spinner/Spinner.js +31 -75
  214. package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +53 -27
  215. package/spinner/Spinner.test.js +26 -35
  216. package/spinner/types.d.ts +3 -3
  217. package/switch/Switch.d.ts +3 -3
  218. package/switch/Switch.js +56 -103
  219. package/switch/Switch.stories.tsx +33 -34
  220. package/switch/Switch.test.js +52 -97
  221. package/switch/types.d.ts +8 -3
  222. package/table/Table.js +7 -29
  223. package/table/{Table.stories.jsx → Table.stories.tsx} +80 -1
  224. package/table/Table.test.js +3 -8
  225. package/table/types.d.ts +8 -8
  226. package/tabs/Tab.js +22 -44
  227. package/tabs/Tabs.js +62 -145
  228. package/tabs/Tabs.stories.tsx +45 -5
  229. package/tabs/Tabs.test.js +66 -123
  230. package/tabs/types.d.ts +19 -19
  231. package/tag/Tag.js +28 -60
  232. package/tag/Tag.stories.tsx +14 -1
  233. package/tag/Tag.test.js +20 -31
  234. package/tag/types.d.ts +7 -7
  235. package/text-input/Icons.d.ts +5 -5
  236. package/text-input/Icons.js +1 -5
  237. package/text-input/Suggestion.js +35 -25
  238. package/text-input/Suggestions.d.ts +1 -1
  239. package/text-input/Suggestions.js +15 -65
  240. package/text-input/TextInput.js +219 -324
  241. package/text-input/TextInput.stories.tsx +139 -155
  242. package/text-input/TextInput.test.js +1370 -1402
  243. package/text-input/types.d.ts +25 -17
  244. package/textarea/Textarea.js +70 -113
  245. package/textarea/Textarea.stories.tsx +174 -0
  246. package/textarea/Textarea.test.js +152 -183
  247. package/textarea/types.d.ts +9 -5
  248. package/toggle-group/ToggleGroup.d.ts +2 -2
  249. package/toggle-group/ToggleGroup.js +92 -106
  250. package/toggle-group/ToggleGroup.stories.tsx +49 -4
  251. package/toggle-group/ToggleGroup.test.js +69 -88
  252. package/toggle-group/types.d.ts +26 -17
  253. package/typography/Typography.d.ts +2 -2
  254. package/typography/Typography.js +15 -123
  255. package/typography/Typography.stories.tsx +1 -1
  256. package/typography/types.d.ts +1 -1
  257. package/useTheme.d.ts +1133 -1
  258. package/useTheme.js +2 -9
  259. package/useTranslatedLabels.d.ts +84 -1
  260. package/useTranslatedLabels.js +1 -7
  261. package/utils/BaseTypography.d.ts +21 -0
  262. package/utils/BaseTypography.js +94 -0
  263. package/utils/FocusLock.d.ts +13 -0
  264. package/utils/FocusLock.js +121 -0
  265. package/wizard/Wizard.js +16 -51
  266. package/wizard/Wizard.stories.tsx +20 -0
  267. package/wizard/Wizard.test.js +54 -81
  268. package/wizard/types.d.ts +8 -9
  269. package/card/ice-cream.jpg +0 -0
  270. package/common/RequiredComponent.js +0 -32
  271. package/number-input/NumberInputContext.d.ts +0 -4
  272. package/number-input/NumberInputContext.js +0 -19
  273. package/number-input/numberInputContextTypes.d.ts +0 -19
  274. package/resultsetTable/ResultsetTable.js +0 -252
  275. package/slider/Slider.stories.tsx +0 -183
  276. package/tabs-nav/Tab.js +0 -130
  277. package/textarea/Textarea.stories.jsx +0 -157
  278. /package/{resultsetTable → action-icon}/types.js +0 -0
  279. /package/{tabs-nav → container}/types.js +0 -0
  280. /package/{number-input/numberInputContextTypes.js → grid/types.js} +0 -0
  281. /package/{tabs-nav → nav-tabs}/Tab.d.ts +0 -0
  282. /package/{resultsetTable → resultset-table}/ResultsetTable.d.ts +0 -0
@@ -1,10 +1 @@
1
- import React from "react";
2
- declare type BackgroundColorContext = "dark" | "light";
3
- declare const BackgroundColorContext: React.Context<BackgroundColorContext>;
4
- declare type BackgroundColorProviderPropsType = {
5
- color: string;
6
- children: React.ReactNode;
7
- };
8
- declare const BackgroundColorProvider: ({ color, children }: BackgroundColorProviderPropsType) => JSX.Element;
9
- export default BackgroundColorContext;
10
- export { BackgroundColorProvider };
1
+ export {};
@@ -1,47 +1,30 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = exports.BackgroundColorProvider = void 0;
11
-
12
5
  var _react = _interopRequireWildcard(require("react"));
13
-
14
6
  var _color = _interopRequireDefault(require("color"));
15
-
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
7
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
8
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
9
  var BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
21
-
22
10
  var getColorType = function getColorType(hexColor) {
23
11
  try {
24
12
  if (hexColor) {
25
13
  var hslColor = (0, _color["default"])(hexColor).hsl();
26
- var lightnessColor = hslColor.color[2];
14
+ var lightnessColor = hslColor.lightness();
27
15
  return lightnessColor <= 30 ? "dark" : "light";
28
16
  }
29
17
  } catch (e) {
30
18
  return "light";
31
19
  }
32
20
  };
33
-
34
21
  var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
35
22
  var color = _ref.color,
36
- children = _ref.children;
23
+ children = _ref.children;
37
24
  var colorType = (0, _react.useMemo)(function () {
38
25
  return getColorType(color);
39
26
  }, [color]);
40
27
  return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
41
28
  value: colorType
42
29
  }, children);
43
- };
44
-
45
- exports.BackgroundColorProvider = BackgroundColorProvider;
46
- var _default = BackgroundColorContext;
47
- exports["default"] = _default;
30
+ };