@kaizen/components 0.0.0-canary-react-19-peer-20250303031741 → 0.0.0-canary-add-length-check-for-tabs-20250313022700

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 (37) hide show
  1. package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs +4 -2
  2. package/dist/cjs/Modal/ContextModal/ContextModal.cjs +4 -2
  3. package/dist/cjs/Modal/GenericModal/GenericModal.cjs +4 -2
  4. package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs +12 -14
  5. package/dist/cjs/Modal/InputEditModal/InputEditModal.module.scss.cjs +0 -1
  6. package/dist/cjs/__next__/Tabs/subcomponents/TabList/TabList.cjs +1 -1
  7. package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs +4 -2
  8. package/dist/esm/Modal/ContextModal/ContextModal.mjs +4 -2
  9. package/dist/esm/Modal/GenericModal/GenericModal.mjs +4 -2
  10. package/dist/esm/Modal/InputEditModal/InputEditModal.mjs +12 -14
  11. package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs +0 -1
  12. package/dist/esm/__next__/Tabs/subcomponents/TabList/TabList.mjs +1 -1
  13. package/dist/styles.css +1820 -1823
  14. package/dist/types/Modal/ConfirmationModal/ConfirmationModal.d.ts +1 -1
  15. package/dist/types/Modal/ContextModal/ContextModal.d.ts +1 -1
  16. package/dist/types/Modal/GenericModal/GenericModal.d.ts +2 -1
  17. package/dist/types/Modal/InputEditModal/InputEditModal.d.ts +1 -2
  18. package/dist/types/SplitButton/subcomponents/BaseButton/BaseButton.d.ts +1 -1
  19. package/package.json +6 -6
  20. package/src/AvatarGroup/AvatarGroup.tsx +1 -1
  21. package/src/Content/Content.module.scss +3 -1
  22. package/src/Modal/ConfirmationModal/ConfirmationModal.module.scss +6 -6
  23. package/src/Modal/ConfirmationModal/ConfirmationModal.tsx +2 -0
  24. package/src/Modal/ContextModal/ContextModal.module.scss +2 -2
  25. package/src/Modal/ContextModal/ContextModal.tsx +2 -0
  26. package/src/Modal/GenericModal/GenericModal.module.scss +1 -1
  27. package/src/Modal/GenericModal/GenericModal.tsx +3 -0
  28. package/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss +1 -1
  29. package/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss +5 -5
  30. package/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss +2 -2
  31. package/src/Modal/InputEditModal/InputEditModal.module.scss +1 -5
  32. package/src/Modal/InputEditModal/InputEditModal.tsx +5 -16
  33. package/src/SplitButton/subcomponents/BaseButton/BaseButton.tsx +1 -1
  34. package/src/Tag/Tag.tsx +1 -1
  35. package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +1 -1
  36. package/src/TitleBlockZen/TitleBlockZen.tsx +1 -1
  37. package/src/__next__/Tabs/subcomponents/TabList/TabList.tsx +1 -1
package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs CHANGED
@@ -86,7 +86,8 @@ var ConfirmationModal = function (_a) {
86
86
  confirmWorking = _a.confirmWorking,
87
87
  propsOnDismiss = _a.onDismiss,
88
88
  children = _a.children,
89
- props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
89
+ className = _a.className,
90
+ props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children", "className"]);
90
91
  var variantName = variant !== null && variant !== undefined ? variant : mood;
91
92
  var onDismiss = confirmWorking ? undefined : propsOnDismiss;
92
93
  var footerActions = [];
@@ -112,7 +113,8 @@ var ConfirmationModal = function (_a) {
112
113
  onEscapeKeyup: onDismiss,
113
114
  onOutsideModalClick: onDismiss,
114
115
  onAfterLeave: onAfterLeave,
115
- onAfterEnter: onAfterEnter
116
+ onAfterEnter: onAfterEnter,
117
+ className: className
116
118
  }, React__default.default.createElement("div", tslib.__assign({
117
119
  className: ConfirmationModal_module.modal,
118
120
  "data-modal": true
package/dist/cjs/Modal/ContextModal/ContextModal.cjs CHANGED
@@ -44,7 +44,8 @@ var ContextModal = function (_a) {
44
44
  image = _a.image,
45
45
  secondaryLabel = _a.secondaryLabel,
46
46
  onSecondaryAction = _a.onSecondaryAction,
47
- props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
47
+ className = _a.className,
48
+ props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction", "className"]);
48
49
  var onDismiss = confirmWorking ? undefined : propsOnDismiss;
49
50
  var footerActions = [];
50
51
  var workingProps = confirmWorking ? {
@@ -71,7 +72,8 @@ var ContextModal = function (_a) {
71
72
  onEscapeKeyup: onDismiss,
72
73
  onOutsideModalClick: onDismiss,
73
74
  onAfterLeave: onAfterLeave,
74
- onAfterEnter: onAfterEnter
75
+ onAfterEnter: onAfterEnter,
76
+ className: className
75
77
  }, React__default.default.createElement("div", tslib.__assign({
76
78
  className: ContextModal_module.modal,
77
79
  "data-modal": true
package/dist/cjs/Modal/GenericModal/GenericModal.cjs CHANGED
@@ -23,7 +23,8 @@ var GenericModal = function (_a) {
23
23
  onEscapeKeyup = _a.onEscapeKeyup,
24
24
  onOutsideModalClick = _a.onOutsideModalClick,
25
25
  onAfterEnter = _a.onAfterEnter,
26
- propsOnAfterLeave = _a.onAfterLeave;
26
+ propsOnAfterLeave = _a.onAfterLeave,
27
+ className = _a.className;
27
28
  var reactId = React.useId();
28
29
  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
29
30
  var labelledByID = React.useId();
@@ -119,7 +120,8 @@ var GenericModal = function (_a) {
119
120
  "data-generic-modal-transition-wrapper": true,
120
121
  onClick: function (e) {
121
122
  return e.stopPropagation();
122
- }
123
+ },
124
+ className: className
123
125
  }, React__default.default.createElement(FocusLock__default.default, {
124
126
  disabled: focusLockDisabled,
125
127
  returnFocus: true,
package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs CHANGED
@@ -31,20 +31,19 @@ var InputEditModal = function (_a) {
31
31
  onSubmit = _a.onSubmit,
32
32
  onSecondaryAction = _a.onSecondaryAction,
33
33
  onAfterLeave = _a.onAfterLeave,
34
- _b = _a.localeDirection,
35
- localeDirection = _b === undefined ? 'ltr' : _b,
36
- _c = _a.submitLabel,
37
- submitLabel = _c === undefined ? 'Submit' : _c,
38
- _d = _a.dismissLabel,
39
- dismissLabel = _d === undefined ? 'Cancel' : _d,
34
+ _b = _a.submitLabel,
35
+ submitLabel = _b === undefined ? 'Submit' : _b,
36
+ _c = _a.dismissLabel,
37
+ dismissLabel = _c === undefined ? 'Cancel' : _c,
40
38
  secondaryLabel = _a.secondaryLabel,
41
39
  submitWorking = _a.submitWorking,
42
40
  children = _a.children,
43
- _e = _a.unpadded,
44
- unpadded = _e === undefined ? false : _e,
41
+ _d = _a.unpadded,
42
+ unpadded = _d === undefined ? false : _d,
45
43
  propsOnDismiss = _a.onDismiss,
46
44
  onAfterEnter = _a.onAfterEnter,
47
- props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);
45
+ className = _a.className,
46
+ props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter", "className"]);
48
47
  var onDismiss = submitWorking ? undefined : propsOnDismiss;
49
48
  var submitAction = {
50
49
  label: submitLabel,
@@ -65,21 +64,20 @@ var InputEditModal = function (_a) {
65
64
  isOpen: isOpen,
66
65
  onEscapeKeyup: onDismiss,
67
66
  onAfterLeave: onAfterLeave,
68
- onAfterEnter: onAfterEnter
67
+ onAfterEnter: onAfterEnter,
68
+ className: className
69
69
  }, React__default.default.createElement("div", tslib.__assign({
70
70
  className: InputEditModal_module.modal,
71
- dir: localeDirection,
72
71
  "data-modal": true
73
72
  }, props), React__default.default.createElement(ModalHeader.ModalHeader, {
74
73
  onDismiss: onDismiss
75
74
  }, React__default.default.createElement("div", {
76
- className: classnames__default.default(InputEditModal_module.header, localeDirection === 'rtl' && InputEditModal_module.textAlignRTL, !unpadded && InputEditModal_module.padded)
75
+ className: classnames__default.default(InputEditModal_module.header, !unpadded && InputEditModal_module.padded)
77
76
  }, React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React__default.default.createElement(Heading.Heading, {
78
77
  tag: "h2",
79
78
  variant: "heading-2"
80
79
  }, title)))), React__default.default.createElement(ModalBody.ModalBody, null, React__default.default.createElement("div", {
81
- className: classnames__default.default(InputEditModal_module.body, !unpadded && InputEditModal_module.padded),
82
- dir: localeDirection
80
+ className: classnames__default.default(InputEditModal_module.body, !unpadded && InputEditModal_module.padded)
83
81
  }, children)), React__default.default.createElement(ModalFooter.ModalFooter, {
84
82
  actions: footerActions,
85
83
  appearance: mood === 'destructive' ? 'destructive' : 'primary',
package/dist/cjs/Modal/InputEditModal/InputEditModal.module.scss.cjs CHANGED
@@ -18,7 +18,6 @@ var styles = {
18
18
  "custom-5": "InputEditModal-module_custom-5__trORr",
19
19
  "custom-7": "InputEditModal-module_custom-7__-98CZ",
20
20
  "header": "InputEditModal-module_header__nivTf",
21
- "textAlignRTL": "InputEditModal-module_textAlignRTL__5QQP8",
22
21
  "padded": "InputEditModal-module_padded__ZdEIS",
23
22
  "body": "InputEditModal-module_body__LyxBE"
24
23
  };
package/dist/cjs/__next__/Tabs/subcomponents/TabList/TabList.cjs CHANGED
@@ -60,7 +60,7 @@ var TabList = function (props) {
60
60
  return;
61
61
  }
62
62
  var tabs = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelectorAll('[data-kz-tab]');
63
- if (!tabs) {
63
+ if (!tabs || tabs.length === 0) {
64
64
  return;
65
65
  }
66
66
  var firstTabObserver = new IntersectionObserver(function (entries) {
package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs CHANGED
@@ -78,7 +78,8 @@ const ConfirmationModal = /*#__PURE__*/function () {
78
78
  confirmWorking = _a.confirmWorking,
79
79
  propsOnDismiss = _a.onDismiss,
80
80
  children = _a.children,
81
- props = __rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
81
+ className = _a.className,
82
+ props = __rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children", "className"]);
82
83
  var variantName = variant !== null && variant !== undefined ? variant : mood;
83
84
  var onDismiss = confirmWorking ? undefined : propsOnDismiss;
84
85
  var footerActions = [];
@@ -104,7 +105,8 @@ const ConfirmationModal = /*#__PURE__*/function () {
104
105
  onEscapeKeyup: onDismiss,
105
106
  onOutsideModalClick: onDismiss,
106
107
  onAfterLeave: onAfterLeave,
107
- onAfterEnter: onAfterEnter
108
+ onAfterEnter: onAfterEnter,
109
+ className: className
108
110
  }, /*#__PURE__*/React.createElement("div", __assign({
109
111
  className: styles.modal,
110
112
  "data-modal": true
package/dist/esm/Modal/ContextModal/ContextModal.mjs CHANGED
@@ -36,7 +36,8 @@ const ContextModal = /*#__PURE__*/function () {
36
36
  image = _a.image,
37
37
  secondaryLabel = _a.secondaryLabel,
38
38
  onSecondaryAction = _a.onSecondaryAction,
39
- props = __rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
39
+ className = _a.className,
40
+ props = __rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction", "className"]);
40
41
  var onDismiss = confirmWorking ? undefined : propsOnDismiss;
41
42
  var footerActions = [];
42
43
  var workingProps = confirmWorking ? {
@@ -63,7 +64,8 @@ const ContextModal = /*#__PURE__*/function () {
63
64
  onEscapeKeyup: onDismiss,
64
65
  onOutsideModalClick: onDismiss,
65
66
  onAfterLeave: onAfterLeave,
66
- onAfterEnter: onAfterEnter
67
+ onAfterEnter: onAfterEnter,
68
+ className: className
67
69
  }, /*#__PURE__*/React.createElement("div", __assign({
68
70
  className: styles.modal,
69
71
  "data-modal": true
package/dist/esm/Modal/GenericModal/GenericModal.mjs CHANGED
@@ -15,7 +15,8 @@ const GenericModal = /*#__PURE__*/function () {
15
15
  onEscapeKeyup = _a.onEscapeKeyup,
16
16
  onOutsideModalClick = _a.onOutsideModalClick,
17
17
  onAfterEnter = _a.onAfterEnter,
18
- propsOnAfterLeave = _a.onAfterLeave;
18
+ propsOnAfterLeave = _a.onAfterLeave,
19
+ className = _a.className;
19
20
  var reactId = useId();
20
21
  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
21
22
  var labelledByID = useId();
@@ -111,7 +112,8 @@ const GenericModal = /*#__PURE__*/function () {
111
112
  "data-generic-modal-transition-wrapper": true,
112
113
  onClick: function (e) {
113
114
  return e.stopPropagation();
114
- }
115
+ },
116
+ className: className
115
117
  }, /*#__PURE__*/React.createElement(FocusLock, {
116
118
  disabled: focusLockDisabled,
117
119
  returnFocus: true,
package/dist/esm/Modal/InputEditModal/InputEditModal.mjs CHANGED
@@ -23,20 +23,19 @@ const InputEditModal = /*#__PURE__*/function () {
23
23
  onSubmit = _a.onSubmit,
24
24
  onSecondaryAction = _a.onSecondaryAction,
25
25
  onAfterLeave = _a.onAfterLeave,
26
- _b = _a.localeDirection,
27
- localeDirection = _b === undefined ? 'ltr' : _b,
28
- _c = _a.submitLabel,
29
- submitLabel = _c === undefined ? 'Submit' : _c,
30
- _d = _a.dismissLabel,
31
- dismissLabel = _d === undefined ? 'Cancel' : _d,
26
+ _b = _a.submitLabel,
27
+ submitLabel = _b === undefined ? 'Submit' : _b,
28
+ _c = _a.dismissLabel,
29
+ dismissLabel = _c === undefined ? 'Cancel' : _c,
32
30
  secondaryLabel = _a.secondaryLabel,
33
31
  submitWorking = _a.submitWorking,
34
32
  children = _a.children,
35
- _e = _a.unpadded,
36
- unpadded = _e === undefined ? false : _e,
33
+ _d = _a.unpadded,
34
+ unpadded = _d === undefined ? false : _d,
37
35
  propsOnDismiss = _a.onDismiss,
38
36
  onAfterEnter = _a.onAfterEnter,
39
- props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);
37
+ className = _a.className,
38
+ props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter", "className"]);
40
39
  var onDismiss = submitWorking ? undefined : propsOnDismiss;
41
40
  var submitAction = {
42
41
  label: submitLabel,
@@ -57,21 +56,20 @@ const InputEditModal = /*#__PURE__*/function () {
57
56
  isOpen: isOpen,
58
57
  onEscapeKeyup: onDismiss,
59
58
  onAfterLeave: onAfterLeave,
60
- onAfterEnter: onAfterEnter
59
+ onAfterEnter: onAfterEnter,
60
+ className: className
61
61
  }, /*#__PURE__*/React.createElement("div", __assign({
62
62
  className: styles.modal,
63
- dir: localeDirection,
64
63
  "data-modal": true
65
64
  }, props), /*#__PURE__*/React.createElement(ModalHeader, {
66
65
  onDismiss: onDismiss
67
66
  }, /*#__PURE__*/React.createElement("div", {
68
- className: classnames(styles.header, localeDirection === 'rtl' && styles.textAlignRTL, !unpadded && styles.padded)
67
+ className: classnames(styles.header, !unpadded && styles.padded)
69
68
  }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
70
69
  tag: "h2",
71
70
  variant: "heading-2"
72
71
  }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
73
- className: classnames(styles.body, !unpadded && styles.padded),
74
- dir: localeDirection
72
+ className: classnames(styles.body, !unpadded && styles.padded)
75
73
  }, children)), /*#__PURE__*/React.createElement(ModalFooter, {
76
74
  actions: footerActions,
77
75
  appearance: mood === 'destructive' ? 'destructive' : 'primary',
package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs CHANGED
@@ -16,7 +16,6 @@ var styles = {
16
16
  "custom-5": "InputEditModal-module_custom-5__trORr",
17
17
  "custom-7": "InputEditModal-module_custom-7__-98CZ",
18
18
  "header": "InputEditModal-module_header__nivTf",
19
- "textAlignRTL": "InputEditModal-module_textAlignRTL__5QQP8",
20
19
  "padded": "InputEditModal-module_padded__ZdEIS",
21
20
  "body": "InputEditModal-module_body__LyxBE"
22
21
  };
package/dist/esm/__next__/Tabs/subcomponents/TabList/TabList.mjs CHANGED
@@ -51,7 +51,7 @@ var TabList = function (props) {
51
51
  return;
52
52
  }
53
53
  var tabs = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelectorAll('[data-kz-tab]');
54
- if (!tabs) {
54
+ if (!tabs || tabs.length === 0) {
55
55
  return;
56
56
  }
57
57
  var firstTabObserver = new IntersectionObserver(function (entries) {