@dxc-technology/halstack-react 10.0.0 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/HalstackContext.d.ts +8 -0
  2. package/README.md +47 -0
  3. package/common/variables.d.ts +8 -0
  4. package/common/variables.js +8 -0
  5. package/footer/Footer.stories.tsx +8 -7
  6. package/image/Image.d.ts +4 -0
  7. package/image/Image.js +85 -0
  8. package/image/Image.stories.tsx +127 -0
  9. package/image/types.d.ts +72 -0
  10. package/layout/ApplicationLayout.js +11 -11
  11. package/layout/ApplicationLayout.stories.tsx +1 -1
  12. package/layout/Icons.d.ts +7 -4
  13. package/layout/Icons.js +52 -56
  14. package/main.d.ts +2 -1
  15. package/main.js +8 -0
  16. package/number-input/NumberInput.d.ts +7 -0
  17. package/number-input/NumberInput.js +6 -4
  18. package/number-input/NumberInput.test.js +278 -95
  19. package/package.json +2 -2
  20. package/password-input/Icons.d.ts +6 -0
  21. package/password-input/Icons.js +39 -0
  22. package/password-input/PasswordInput.js +35 -82
  23. package/password-input/PasswordInput.stories.tsx +1 -0
  24. package/password-input/PasswordInput.test.js +27 -34
  25. package/select/Select.stories.tsx +3 -3
  26. package/select/Select.test.js +4 -4
  27. package/text-input/TextInput.js +61 -77
  28. package/toggle-group/ToggleGroup.js +79 -56
  29. package/toggle-group/ToggleGroup.stories.tsx +6 -3
  30. package/toggle-group/ToggleGroup.test.js +37 -23
  31. package/toggle-group/types.d.ts +22 -13
  32. package/useTheme.d.ts +8 -0
  33. package/number-input/NumberInputContext.d.ts +0 -4
  34. package/number-input/NumberInputContext.js +0 -19
  35. package/number-input/numberInputContextTypes.d.ts +0 -19
  36. /package/{number-input/numberInputContextTypes.js → image/types.js} +0 -0
package/main.d.ts CHANGED
@@ -40,6 +40,7 @@ import DxcTypography from "./typography/Typography";
40
40
  import DxcParagraph from "./paragraph/Paragraph";
41
41
  import DxcBulletedList from "./bulleted-list/BulletedList";
42
42
  import DxcGrid from "./grid/Grid";
43
+ import DxcImage from "./image/Image";
43
44
  import HalstackContext, { HalstackProvider, HalstackLanguageContext } from "./HalstackContext";
44
45
  import { BackgroundColorProvider } from "./BackgroundColorContext";
45
- export { DxcAlert, DxcButton, DxcCheckbox, DxcTextInput, DxcDropdown, DxcSwitch, DxcSlider, DxcTable, DxcTabs, DxcToggleGroup, DxcDialog, DxcCard, DxcProgressBar, DxcAccordion, DxcSpinner, DxcBox, DxcTag, DxcPaginator, DxcWizard, DxcLink, DxcHeading, DxcResultsetTable, DxcChip, DxcApplicationLayout, HalstackContext, HalstackLanguageContext, HalstackProvider, BackgroundColorProvider, DxcAccordionGroup, DxcBadge, DxcPasswordInput, DxcDateInput, DxcNumberInput, DxcTextarea, DxcSelect, DxcFileInput, DxcRadioGroup, DxcBleed, DxcInset, DxcQuickNav, DxcNavTabs, DxcFlex, DxcTypography, DxcParagraph, DxcBulletedList, DxcGrid, };
46
+ export { DxcAlert, DxcButton, DxcCheckbox, DxcTextInput, DxcDropdown, DxcSwitch, DxcSlider, DxcTable, DxcTabs, DxcToggleGroup, DxcDialog, DxcCard, DxcProgressBar, DxcAccordion, DxcSpinner, DxcBox, DxcTag, DxcPaginator, DxcWizard, DxcLink, DxcHeading, DxcResultsetTable, DxcChip, DxcApplicationLayout, HalstackContext, HalstackLanguageContext, HalstackProvider, BackgroundColorProvider, DxcAccordionGroup, DxcBadge, DxcPasswordInput, DxcDateInput, DxcNumberInput, DxcTextarea, DxcSelect, DxcFileInput, DxcRadioGroup, DxcBleed, DxcInset, DxcQuickNav, DxcNavTabs, DxcFlex, DxcTypography, DxcParagraph, DxcBulletedList, DxcGrid, DxcImage, };
package/main.js CHANGED
@@ -127,6 +127,12 @@ Object.defineProperty(exports, "DxcHeading", {
127
127
  return _Heading["default"];
128
128
  }
129
129
  });
130
+ Object.defineProperty(exports, "DxcImage", {
131
+ enumerable: true,
132
+ get: function get() {
133
+ return _Image["default"];
134
+ }
135
+ });
130
136
  Object.defineProperty(exports, "DxcInset", {
131
137
  enumerable: true,
132
138
  get: function get() {
@@ -368,6 +374,8 @@ var _BulletedList = _interopRequireDefault(require("./bulleted-list/BulletedList
368
374
 
369
375
  var _Grid = _interopRequireDefault(require("./grid/Grid"));
370
376
 
377
+ var _Image = _interopRequireDefault(require("./image/Image"));
378
+
371
379
  var _HalstackContext = _interopRequireWildcard(require("./HalstackContext"));
372
380
 
373
381
  var _BackgroundColorContext = require("./BackgroundColorContext");
package/number-input/NumberInput.d.ts CHANGED
@@ -1,4 +1,11 @@
1
1
  import React from "react";
2
2
  import NumberInputPropsType from "./types";
3
+ declare type NumberInputContextProps = {
4
+ typeNumber?: string;
5
+ minNumber?: number;
6
+ maxNumber?: number;
7
+ stepNumber?: number;
8
+ };
9
+ export declare const NumberInputContext: React.Context<NumberInputContextProps>;
3
10
  declare const DxcNumberInput: React.ForwardRefExoticComponent<NumberInputPropsType & React.RefAttributes<HTMLDivElement>>;
4
11
  export default DxcNumberInput;
package/number-input/NumberInput.js CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = void 0;
8
+ exports["default"] = exports.NumberInputContext = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
@@ -15,10 +15,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
15
15
 
16
16
  var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
17
17
 
18
- var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
19
-
20
18
  var _templateObject;
21
19
 
20
+ var NumberInputContext = /*#__PURE__*/_react["default"].createContext(null);
21
+
22
+ exports.NumberInputContext = NumberInputContext;
23
+
22
24
  var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
23
25
  var label = _ref.label,
24
26
  name = _ref.name,
@@ -41,7 +43,7 @@ var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
41
43
  margin = _ref.margin,
42
44
  size = _ref.size,
43
45
  tabIndex = _ref.tabIndex;
44
- return /*#__PURE__*/_react["default"].createElement(_NumberInputContext["default"].Provider, {
46
+ return /*#__PURE__*/_react["default"].createElement(NumberInputContext.Provider, {
45
47
  value: {
46
48
  typeNumber: "number",
47
49
  minNumber: min,