@kaizen/components 3.0.14 → 3.1.1

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 (17) hide show
  1. package/dist/cjs/src/BrandMoment/BrandMoment.cjs +4 -2
  2. package/dist/cjs/src/Collapsible/Collapsible/Collapsible.cjs +5 -1
  3. package/dist/cjs/src/ErrorPage/ErrorPage.cjs +2 -0
  4. package/dist/esm/src/BrandMoment/BrandMoment.mjs +4 -2
  5. package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs +5 -1
  6. package/dist/esm/src/ErrorPage/ErrorPage.mjs +2 -0
  7. package/dist/styles.css +15 -15
  8. package/dist/types/BrandMoment/BrandMoment.d.ts +3 -2
  9. package/dist/types/ErrorPage/ErrorPage.d.ts +3 -2
  10. package/package.json +10 -10
  11. package/src/BrandMoment/BrandMoment.spec.tsx +44 -0
  12. package/src/BrandMoment/BrandMoment.tsx +11 -3
  13. package/src/Collapsible/Collapsible/Collapsible.spec.tsx +43 -0
  14. package/src/Collapsible/Collapsible/Collapsible.tsx +8 -1
  15. package/src/Collapsible/Collapsible/_docs/Collapsible.stories.tsx +31 -0
  16. package/src/ErrorPage/ErrorPage.spec.tsx +11 -0
  17. package/src/ErrorPage/ErrorPage.tsx +4 -1
package/dist/cjs/src/BrandMoment/BrandMoment.cjs CHANGED
@@ -29,15 +29,17 @@ var BrandMoment = function (_a) {
29
29
  body = _a.body,
30
30
  primaryAction = _a.primaryAction,
31
31
  secondaryAction = _a.secondaryAction,
32
+ tag = _a.tag,
32
33
  text = _a.text,
33
34
  classNameOverride = _a.classNameOverride,
34
- restProps = tslib.__rest(_a, ["variant", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
35
+ restProps = tslib.__rest(_a, ["variant", "illustration", "header", "body", "primaryAction", "secondaryAction", "tag", "text", "classNameOverride"]);
35
36
  var queries = useMediaQueries.useMediaQueries().queries;
37
+ var Tag = tag !== null && tag !== void 0 ? tag : 'main';
36
38
  return React__default.default.createElement("div", tslib.__assign({
37
39
  className: classnames__default.default(BrandMoment_module.body, BrandMoment_module[variant], classNameOverride)
38
40
  }, restProps), React__default.default.createElement("header", {
39
41
  className: BrandMoment_module.header
40
- }, header), React__default.default.createElement("main", {
42
+ }, header), React__default.default.createElement(Tag, {
41
43
  className: BrandMoment_module.main
42
44
  }, React__default.default.createElement("div", {
43
45
  className: BrandMoment_module.container
package/dist/cjs/src/Collapsible/Collapsible/Collapsible.cjs CHANGED
@@ -87,12 +87,16 @@ var Collapsible = function (_a) {
87
87
  classNameOverride: Collapsible_module.chevronButton
88
88
  }))), (!lazyLoad || isOpen) && React__default.default.createElement(AnimateHeight__default.default, {
89
89
  height: isOpen ? 'auto' : 0,
90
+ disableDisplayNone: true,
90
91
  "data-testid": "collapsible-section-".concat(id)
91
92
  }, React__default.default.createElement("div", {
92
93
  id: sectionId,
93
94
  className: classnames__default.default(Collapsible_module.section, noSectionPadding && Collapsible_module.noPadding),
94
95
  role: "region",
95
- "aria-labelledby": buttonId
96
+ "aria-labelledby": buttonId,
97
+ // TODO: Remove @ts-expect-error when upgrade to @types/react@19 that support the `inert` HTML attribute
98
+ // @ts-expect-error current react types don't yet support the `inert` HTML attribute
99
+ inert: isOpen ? undefined : true
96
100
  }, children)));
97
101
  };
98
102
  Collapsible.displayName = 'Collapsible';
package/dist/cjs/src/ErrorPage/ErrorPage.cjs CHANGED
@@ -32,6 +32,7 @@ var ErrorPage = function (_a) {
32
32
  title = _a.title,
33
33
  message = _a.message,
34
34
  callToAction = _a.callToAction,
35
+ tag = _a.tag,
35
36
  classNameOverride = _a.classNameOverride;
36
37
  var formatMessage = i18nReactIntl.useIntl().formatMessage;
37
38
  var content = useErrorMessages.useErrorMessages(code);
@@ -48,6 +49,7 @@ var ErrorPage = function (_a) {
48
49
  return React__default.default.createElement("div", {
49
50
  className: classnames__default.default(classNameOverride)
50
51
  }, React__default.default.createElement(BrandMoment.BrandMoment, {
52
+ tag: tag,
51
53
  header: React__default.default.createElement(React__default.default.Fragment, null),
52
54
  body: React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
53
55
  className: ErrorPage_module.paragraphPadding
package/dist/esm/src/BrandMoment/BrandMoment.mjs CHANGED
@@ -21,15 +21,17 @@ const BrandMoment = /*#__PURE__*/function () {
21
21
  body = _a.body,
22
22
  primaryAction = _a.primaryAction,
23
23
  secondaryAction = _a.secondaryAction,
24
+ tag = _a.tag,
24
25
  text = _a.text,
25
26
  classNameOverride = _a.classNameOverride,
26
- restProps = __rest(_a, ["variant", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
27
+ restProps = __rest(_a, ["variant", "illustration", "header", "body", "primaryAction", "secondaryAction", "tag", "text", "classNameOverride"]);
27
28
  var queries = useMediaQueries().queries;
29
+ var Tag = tag !== null && tag !== void 0 ? tag : 'main';
28
30
  return /*#__PURE__*/React.createElement("div", __assign({
29
31
  className: classnames(modules_5e37dab3.body, modules_5e37dab3[variant], classNameOverride)
30
32
  }, restProps), /*#__PURE__*/React.createElement("header", {
31
33
  className: modules_5e37dab3.header
32
- }, header), /*#__PURE__*/React.createElement("main", {
34
+ }, header), /*#__PURE__*/React.createElement(Tag, {
33
35
  className: modules_5e37dab3.main
34
36
  }, /*#__PURE__*/React.createElement("div", {
35
37
  className: modules_5e37dab3.container
package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs CHANGED
@@ -78,12 +78,16 @@ const Collapsible = /*#__PURE__*/function () {
78
78
  classNameOverride: modules_23a5f9ec.chevronButton
79
79
  }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React.createElement(AnimateHeight, {
80
80
  height: isOpen ? 'auto' : 0,
81
+ disableDisplayNone: true,
81
82
  "data-testid": "collapsible-section-".concat(id)
82
83
  }, /*#__PURE__*/React.createElement("div", {
83
84
  id: sectionId,
84
85
  className: classnames(modules_23a5f9ec.section, noSectionPadding && modules_23a5f9ec.noPadding),
85
86
  role: "region",
86
- "aria-labelledby": buttonId
87
+ "aria-labelledby": buttonId,
88
+ // TODO: Remove @ts-expect-error when upgrade to @types/react@19 that support the `inert` HTML attribute
89
+ // @ts-expect-error current react types don't yet support the `inert` HTML attribute
90
+ inert: isOpen ? undefined : true
87
91
  }, children))));
88
92
  };
89
93
  Collapsible.displayName = 'Collapsible';
package/dist/esm/src/ErrorPage/ErrorPage.mjs CHANGED
@@ -24,6 +24,7 @@ const ErrorPage = /*#__PURE__*/function () {
24
24
  title = _a.title,
25
25
  message = _a.message,
26
26
  callToAction = _a.callToAction,
27
+ tag = _a.tag,
27
28
  classNameOverride = _a.classNameOverride;
28
29
  var formatMessage = useIntl().formatMessage;
29
30
  var content = useErrorMessages(code);
@@ -40,6 +41,7 @@ const ErrorPage = /*#__PURE__*/function () {
40
41
  return /*#__PURE__*/React.createElement("div", {
41
42
  className: classnames(classNameOverride)
42
43
  }, /*#__PURE__*/React.createElement(BrandMoment, {
44
+ tag: tag,
43
45
  header: /*#__PURE__*/React.createElement(React.Fragment, null),
44
46
  body: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
45
47
  className: modules_bbf9c78c.paragraphPadding