@kaizen/components 1.73.7 → 1.73.9

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/AvatarGroup/AvatarGroup.cjs +15 -5
  2. package/dist/cjs/Tag/Tag.cjs +1 -1
  3. package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs +1 -1
  4. package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs +1 -1
  5. package/dist/esm/AvatarGroup/AvatarGroup.mjs +15 -5
  6. package/dist/esm/Tag/Tag.mjs +1 -1
  7. package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs +1 -1
  8. package/dist/esm/TitleBlockZen/TitleBlockZen.mjs +1 -1
  9. package/dist/styles.css +3 -3
  10. package/dist/types/SplitButton/subcomponents/BaseButton/BaseButton.d.ts +1 -1
  11. package/package.json +20 -20
  12. package/src/AvatarGroup/AvatarGroup.tsx +14 -10
  13. package/src/SplitButton/subcomponents/BaseButton/BaseButton.tsx +1 -1
  14. package/src/Tag/Tag.tsx +3 -3
  15. package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +3 -3
  16. package/src/TitleBlockZen/TitleBlockZen.tsx +3 -3
  17. package/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.css +2 -2
package/dist/cjs/AvatarGroup/AvatarGroup.cjs CHANGED
@@ -12,8 +12,9 @@ function _interopDefault(e) {
12
12
  }
13
13
  var React__default = /*#__PURE__*/_interopDefault(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefault(classnames);
15
- var renderCounter = function (remainingAvatars) {
16
- if (remainingAvatars <= 0) return;
15
+ var Counter = function (_a) {
16
+ var remainingAvatars = _a.remainingAvatars;
17
+ if (remainingAvatars <= 0) return null;
17
18
  return React__default.default.createElement("li", {
18
19
  "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"),
19
20
  className: AvatarGroup_module.AvatarGroupItem
@@ -22,7 +23,10 @@ var renderCounter = function (remainingAvatars) {
22
23
  "aria-hidden": true
23
24
  }, "+".concat(remainingAvatars)));
24
25
  };
25
- var renderAvatars = function (avatars, maxVisible, size) {
26
+ var AllAvatars = function (_a) {
27
+ var avatars = _a.avatars,
28
+ maxVisible = _a.maxVisible,
29
+ size = _a.size;
26
30
  return React__default.default.createElement(React__default.default.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
27
31
  return index < maxVisible && React__default.default.createElement("li", {
28
32
  key: "avatar-".concat(index),
@@ -30,7 +34,9 @@ var renderAvatars = function (avatars, maxVisible, size) {
30
34
  }, React__default.default.createElement(Avatar.Avatar, tslib.__assign({}, avatarProps, {
31
35
  size: size
32
36
  })));
33
- }), renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible));
37
+ }), React__default.default.createElement(Counter, {
38
+ remainingAvatars: (avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible
39
+ }));
34
40
  };
35
41
  /**
36
42
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
@@ -47,6 +53,10 @@ var AvatarGroup = function (_a) {
47
53
  return React__default.default.createElement("ul", tslib.__assign({
48
54
  className: classnames__default.default(AvatarGroup_module.AvatarGroup, AvatarGroup_module[size], classNameOverride),
49
55
  "aria-label": "Avatar Group"
50
- }, restProps), renderAvatars(avatars, maxVisible, size));
56
+ }, restProps), React__default.default.createElement(AllAvatars, {
57
+ avatars: avatars,
58
+ maxVisible: maxVisible,
59
+ size: size
60
+ }));
51
61
  };
52
62
  exports.AvatarGroup = AvatarGroup;
package/dist/cjs/Tag/Tag.cjs CHANGED
@@ -85,7 +85,7 @@ var Tag = function (props) {
85
85
  className: Tag_module.profile
86
86
  }, props.avatar && renderAvatar(props.avatar));
87
87
  default:
88
- return;
88
+ return null;
89
89
  }
90
90
  }(), React__default.default.createElement("span", {
91
91
  className: classnames__default.default(Tag_module.textContent, isTruncated && Tag_module.truncate),
package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs CHANGED
@@ -102,7 +102,7 @@ var GenericTile = function (_a) {
102
102
  return informationProp;
103
103
  };
104
104
  var renderBack = function () {
105
- if (!information) return;
105
+ if (!information) return null;
106
106
  var returnButtonLabel = formatMessage({
107
107
  id: 'kzGenericTile.infoButtonReturnLabel',
108
108
  defaultMessage: 'Hide information:',
package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs CHANGED
@@ -26,7 +26,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
26
26
  var renderTag = function (surveyStatus) {
27
27
  var tagVariant;
28
28
  if (tagVariant === 'profile') {
29
- return;
29
+ return null;
30
30
  }
31
31
  if (surveyStatus.status === 'draft') {
32
32
  tagVariant = 'statusDraft';
package/dist/esm/AvatarGroup/AvatarGroup.mjs CHANGED
@@ -3,8 +3,9 @@ import React from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { Avatar } from '../Avatar/Avatar.mjs';
5
5
  import styles from './AvatarGroup.module.css.mjs';
6
- var renderCounter = function (remainingAvatars) {
7
- if (remainingAvatars <= 0) return;
6
+ var Counter = function (_a) {
7
+ var remainingAvatars = _a.remainingAvatars;
8
+ if (remainingAvatars <= 0) return null;
8
9
  return /*#__PURE__*/React.createElement("li", {
9
10
  "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"),
10
11
  className: styles.AvatarGroupItem
@@ -13,7 +14,10 @@ var renderCounter = function (remainingAvatars) {
13
14
  "aria-hidden": true
14
15
  }, "+".concat(remainingAvatars)));
15
16
  };
16
- var renderAvatars = function (avatars, maxVisible, size) {
17
+ var AllAvatars = function (_a) {
18
+ var avatars = _a.avatars,
19
+ maxVisible = _a.maxVisible,
20
+ size = _a.size;
17
21
  return /*#__PURE__*/React.createElement(React.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
18
22
  return index < maxVisible && (/*#__PURE__*/React.createElement("li", {
19
23
  key: "avatar-".concat(index),
@@ -21,7 +25,9 @@ var renderAvatars = function (avatars, maxVisible, size) {
21
25
  }, /*#__PURE__*/React.createElement(Avatar, __assign({}, avatarProps, {
22
26
  size: size
23
27
  }))));
24
- }), renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible));
28
+ }), /*#__PURE__*/React.createElement(Counter, {
29
+ remainingAvatars: (avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible
30
+ }));
25
31
  };
26
32
  /**
27
33
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
@@ -38,6 +44,10 @@ var AvatarGroup = function (_a) {
38
44
  return /*#__PURE__*/React.createElement("ul", __assign({
39
45
  className: classnames(styles.AvatarGroup, styles[size], classNameOverride),
40
46
  "aria-label": "Avatar Group"
41
- }, restProps), renderAvatars(avatars, maxVisible, size));
47
+ }, restProps), /*#__PURE__*/React.createElement(AllAvatars, {
48
+ avatars: avatars,
49
+ maxVisible: maxVisible,
50
+ size: size
51
+ }));
42
52
  };
43
53
  export { AvatarGroup };
package/dist/esm/Tag/Tag.mjs CHANGED
@@ -77,7 +77,7 @@ const Tag = /*#__PURE__*/function () {
77
77
  className: styles.profile
78
78
  }, props.avatar && renderAvatar(props.avatar));
79
79
  default:
80
- return;
80
+ return null;
81
81
  }
82
82
  }(), /*#__PURE__*/React.createElement("span", {
83
83
  className: classnames(styles.textContent, isTruncated && styles.truncate),
package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs CHANGED
@@ -94,7 +94,7 @@ const GenericTile = /*#__PURE__*/function () {
94
94
  return informationProp;
95
95
  };
96
96
  var renderBack = function () {
97
- if (!information) return;
97
+ if (!information) return null;
98
98
  var returnButtonLabel = formatMessage({
99
99
  id: 'kzGenericTile.infoButtonReturnLabel',
100
100
  defaultMessage: 'Hide information:',
package/dist/esm/TitleBlockZen/TitleBlockZen.mjs CHANGED
@@ -17,7 +17,7 @@ import styles from './TitleBlockZen.module.scss.mjs';
17
17
  var renderTag = function (surveyStatus) {
18
18
  var tagVariant;
19
19
  if (tagVariant === 'profile') {
20
- return;
20
+ return null;
21
21
  }
22
22
  if (surveyStatus.status === 'draft') {
23
23
  tagVariant = 'statusDraft';
package/dist/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- @layer tokens, normalize, reset;@layer tokens{:root{--theme-key:heart;--animation-easing-function-ease-in-out:cubic-bezier(0.455,0.03,0.515,0.955);--animation-easing-function-ease-in:cubic-bezier(0.55,0.085,0.68,0.53);--animation-easing-function-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--animation-easing-function-linear:linear;--animation-easing-function-bounce-in:cubic-bezier(0.485,0.155,0.24,1.245);--animation-easing-function-bounce-out:cubic-bezier(0.485,0.155,0.515,0.845);--animation-easing-function-bounce-in-out:cubic-bezier(0.76,-0.245,0.24,1.245);--animation-duration-instant:0ms;--animation-duration-immediate:100ms;--animation-duration-rapid:200ms;--animation-duration-fast:300ms;--animation-duration-slow:400ms;--animation-duration-deliberate:700ms;--border-solid-border-width:2px;--border-solid-border-radius:7px;--border-solid-border-style:solid;--border-solid-border-color:#e1e2ea;--border-solid-border-color-rgb:225,226,234;--border-dashed-border-width:2px;--border-dashed-border-radius:7px;--border-dashed-border-style:dashed;--border-borderless-border-width:2px;--border-borderless-border-radius:7px;--border-borderless-border-style:solid;--border-borderless-border-color:transparent;--border-borderless-border-color-rgb:0,0,0;--border-focus-ring-border-width:2px;--border-focus-ring-border-radius:10px;--border-focus-ring-border-style:solid;--border-width-1:1px;--color-purple-100:#f4edf8;--color-purple-100-rgb:244,237,248;--color-purple-200:#dfc9ea;--color-purple-200-rgb:223,201,234;--color-purple-300:#c9a5dd;--color-purple-300-rgb:201,165,221;--color-purple-400:#ae67b1;--color-purple-400-rgb:174,103,177;--color-purple-500:#844587;--color-purple-500-rgb:132,69,135;--color-purple-600:#5f3361;--color-purple-600-rgb:95,51,97;--color-purple-700:#4a234d;--color-purple-700-rgb:74,35,77;--color-purple-800:#2f2438;--color-purple-800-rgb:47,36,56;--color-blue-100:#e6f6ff;--color-blue-100-rgb:230,246,255;--color-blue-200:#bde2f5;--color-blue-200-rgb:189,226,245;--color-blue-300:#73c0e8;--color-blue-300-rgb:115,192,232;--color-blue-400:#008bd6;--color-blue-400-rgb:0,139,214;--color-blue-500:#0168b3;--color-blue-500-rgb:1,104,179;--color-blue-600:#004970;--color-blue-600-rgb:0,73,112;--color-blue-700:#003157;--color-blue-700-rgb:0,49,87;--color-green-100:#e8f8f4;--color-green-100-rgb:232,248,244;--color-green-200:#c4ede2;--color-green-200-rgb:196,237,226;--color-green-300:#8fdbc7;--color-green-300-rgb:143,219,199;--color-green-400:#5dcaad;--color-green-400-rgb:93,202,173;--color-green-500:#3f9a86;--color-green-500-rgb:63,154,134;--color-green-600:#2c7d67;--color-green-600-rgb:44,125,103;--color-green-700:#22594a;--color-green-700-rgb:34,89,74;--color-yellow-100:#fff9e4;--color-yellow-100-rgb:255,249,228;--color-yellow-200:#ffeeb3;--color-yellow-200-rgb:255,238,179;--color-yellow-300:#ffe36e;--color-yellow-300-rgb:255,227,110;--color-yellow-400:#ffca4d;--color-yellow-400-rgb:255,202,77;--color-yellow-500:#ffb600;--color-yellow-500-rgb:255,182,0;--color-yellow-600:#c68600;--color-yellow-600-rgb:198,134,0;--color-yellow-700:#876400;--color-yellow-700-rgb:135,100,0;--color-red-100:#fdeaee;--color-red-100-rgb:253,234,238;--color-red-200:#f9c2cb;--color-red-200-rgb:249,194,203;--color-red-300:#f597a8;--color-red-300-rgb:245,151,168;--color-red-400:#e0707d;--color-red-400-rgb:224,112,125;--color-red-500:#c93b55;--color-red-500-rgb:201,59,85;--color-red-600:#a82433;--color-red-600-rgb:168,36,51;--color-red-700:#6c1e20;--color-red-700-rgb:108,30,32;--color-orange-100:#fff0e8;--color-orange-100-rgb:255,240,232;--color-orange-200:#ffd1b9;--color-orange-200-rgb:255,209,185;--color-orange-300:#ffb08a;--color-orange-300-rgb:255,176,138;--color-orange-400:#ff9461;--color-orange-400-rgb:255,148,97;--color-orange-500:#e96c2f;--color-orange-500-rgb:233,108,47;--color-orange-600:#b74302;--color-orange-600-rgb:183,67,2;--color-orange-700:#903c00;--color-orange-700-rgb:144,60,0;--color-gray-100:#f9f9f9;--color-gray-100-rgb:249,249,249;--color-gray-200:#f4f4f5;--color-gray-200-rgb:244,244,245;--color-gray-300:#eaeaec;--color-gray-300-rgb:234,234,236;--color-gray-400:#cdcdd0;--color-gray-400-rgb:205,205,208;--color-gray-500:#878792;--color-gray-500-rgb:135,135,146;--color-gray-600:#524e56;--color-gray-600-rgb:82,78,86;--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-black-rgb:0,0,0;--data-viz-favorable:#7dd5bd;--data-viz-favorable-rgb:125,213,189;--data-viz-unfavorable:#e68d97;--data-viz-unfavorable-rgb:230,141,151;--layout-content-max-width:1392px;--layout-content-max-width-with-sidebar:1080px;--layout-content-side-margin:72px;--layout-mobile-actions-drawer-height:60px;--layout-navigation-bar-height:72px;--layout-breakpoints-medium:768px;--layout-breakpoints-large:1080px;--shadow-small-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06);--shadow-large-box-shadow:0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08);--spacing-0:0;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-72:4.5rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-160:10rem;--spacing-200:12.5rem;--spacing-240:15rem;--spacing-280:17.5rem;--spacing-320:20rem;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--spacing-xxl:3.75rem;--spacing-xxxl:4.5rem;--spacing-xxxxl:5.25rem;--spacing-xxxxxl:6rem;--typography-data-large-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-font-weight:700;--typography-data-large-font-size:5.25rem;--typography-data-large-line-height:5.25rem;--typography-data-large-letter-spacing:normal;--typography-data-large-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-units-font-weight:700;--typography-data-large-units-font-size:2.625rem;--typography-data-large-units-line-height:5.25rem;--typography-data-large-units-letter-spacing:normal;--typography-data-medium-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-font-weight:700;--typography-data-medium-font-size:3rem;--typography-data-medium-line-height:5rem;--typography-data-medium-letter-spacing:normal;--typography-data-medium-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-units-font-weight:700;--typography-data-medium-units-font-size:1.5rem;--typography-data-medium-units-line-height:5rem;--typography-data-medium-units-letter-spacing:normal;--typography-data-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-font-weight:700;--typography-data-small-font-size:1.5rem;--typography-data-small-line-height:1.5rem;--typography-data-small-letter-spacing:normal;--typography-data-small-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-units-font-weight:700;--typography-data-small-units-font-size:1.125rem;--typography-data-small-units-line-height:1.5rem;--typography-data-small-units-letter-spacing:normal;--typography-display-0-font-family:"Tiempos Headline",Georgia,serif;--typography-display-0-font-weight:800;--typography-display-0-font-size:4.5rem;--typography-display-0-line-height:5.25rem;--typography-display-0-letter-spacing:0em;--typography-heading-1-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-1-font-weight:500;--typography-heading-1-font-size:2.125rem;--typography-heading-1-line-height:2.625rem;--typography-heading-1-letter-spacing:normal;--typography-heading-2-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-2-font-weight:600;--typography-heading-2-font-size:1.75rem;--typography-heading-2-line-height:2.25rem;--typography-heading-2-letter-spacing:normal;--typography-heading-3-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-3-font-weight:600;--typography-heading-3-font-size:1.375rem;--typography-heading-3-line-height:1.875rem;--typography-heading-3-letter-spacing:normal;--typography-heading-4-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-4-font-weight:600;--typography-heading-4-font-size:1.125rem;--typography-heading-4-line-height:1.5rem;--typography-heading-4-letter-spacing:normal;--typography-heading-5-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-5-font-weight:600;--typography-heading-5-font-size:1rem;--typography-heading-5-line-height:1.5rem;--typography-heading-5-letter-spacing:normal;--typography-heading-6-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-6-font-weight:600;--typography-heading-6-font-size:0.875rem;--typography-heading-6-line-height:1.5rem;--typography-heading-6-letter-spacing:normal;--typography-paragraph-intro-lede-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-intro-lede-font-weight:400;--typography-paragraph-intro-lede-font-size:1.25rem;--typography-paragraph-intro-lede-line-height:1.875rem;--typography-paragraph-intro-lede-letter-spacing:0;--typography-paragraph-intro-lede-max-width:975px;--typography-paragraph-body-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-body-font-weight:400;--typography-paragraph-body-font-size:1rem;--typography-paragraph-body-line-height:1.5rem;--typography-paragraph-body-letter-spacing:normal;--typography-paragraph-body-max-width:780px;--typography-paragraph-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-small-font-weight:400;--typography-paragraph-small-font-size:0.875rem;--typography-paragraph-small-line-height:1.125rem;--typography-paragraph-small-letter-spacing:normal;--typography-paragraph-small-max-width:680px;--typography-paragraph-extra-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-extra-small-font-weight:400;--typography-paragraph-extra-small-font-size:0.75rem;--typography-paragraph-extra-small-line-height:1.125rem;--typography-paragraph-extra-small-letter-spacing:normal;--typography-paragraph-extra-small-max-width:600px;--typography-paragraph-bold-font-weight:600;--typography-button-primary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-primary-font-weight:500;--typography-button-primary-font-size:1.125rem;--typography-button-primary-line-height:1.5rem;--typography-button-primary-letter-spacing:normal;--typography-button-secondary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-secondary-font-weight:500;--typography-button-secondary-font-size:1rem;--typography-button-secondary-line-height:1.5rem;--typography-button-secondary-letter-spacing:normal}}@layer normalize{html{text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}}@layer reset{@font-face{font-family:Tiempos Headline;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff)}@font-face{font-family:Tiempos Headline;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff)}@font-face{font-family:Greycliff CF;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-light.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-regular.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-medium.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-extra-bold.woff) format("woff")}@font-face{font-family:Inter;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff)}@font-face{font-family:Inter;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff)}@font-face{font-family:Inter;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff)}@font-face{font-family:Inter;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff)}@font-face{font-family:Inter;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff)}@font-face{font-family:Inter;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff)}@font-face{font-family:IBM Plex Mono;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff)}}@layer reset{*,:after,:before{border-color:var(--border-solid-border-color,"currentColor");border-style:solid;border-width:0}}
1
+ @layer tokens, normalize, reset;@layer tokens{:root{--theme-key:heart;--animation-easing-function-ease-in-out:cubic-bezier(0.455,0.03,0.515,0.955);--animation-easing-function-ease-in:cubic-bezier(0.55,0.085,0.68,0.53);--animation-easing-function-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--animation-easing-function-linear:linear;--animation-easing-function-bounce-in:cubic-bezier(0.485,0.155,0.24,1.245);--animation-easing-function-bounce-out:cubic-bezier(0.485,0.155,0.515,0.845);--animation-easing-function-bounce-in-out:cubic-bezier(0.76,-0.245,0.24,1.245);--animation-duration-instant:0ms;--animation-duration-immediate:100ms;--animation-duration-rapid:200ms;--animation-duration-fast:300ms;--animation-duration-slow:400ms;--animation-duration-deliberate:700ms;--border-solid-border-width:2px;--border-solid-border-radius:7px;--border-solid-border-style:solid;--border-solid-border-color:#e1e2ea;--border-solid-border-color-rgb:225,226,234;--border-dashed-border-width:2px;--border-dashed-border-radius:7px;--border-dashed-border-style:dashed;--border-borderless-border-width:2px;--border-borderless-border-radius:7px;--border-borderless-border-style:solid;--border-borderless-border-color:transparent;--border-borderless-border-color-rgb:0,0,0;--border-focus-ring-border-width:2px;--border-focus-ring-border-radius:10px;--border-focus-ring-border-style:solid;--border-width-1:1px;--color-purple-100:#f4edf8;--color-purple-100-rgb:244,237,248;--color-purple-200:#dfc9ea;--color-purple-200-rgb:223,201,234;--color-purple-300:#c9a5dd;--color-purple-300-rgb:201,165,221;--color-purple-400:#ae67b1;--color-purple-400-rgb:174,103,177;--color-purple-500:#844587;--color-purple-500-rgb:132,69,135;--color-purple-600:#5f3361;--color-purple-600-rgb:95,51,97;--color-purple-700:#4a234d;--color-purple-700-rgb:74,35,77;--color-purple-800:#2f2438;--color-purple-800-rgb:47,36,56;--color-blue-100:#e6f6ff;--color-blue-100-rgb:230,246,255;--color-blue-200:#bde2f5;--color-blue-200-rgb:189,226,245;--color-blue-300:#73c0e8;--color-blue-300-rgb:115,192,232;--color-blue-400:#008bd6;--color-blue-400-rgb:0,139,214;--color-blue-500:#0168b3;--color-blue-500-rgb:1,104,179;--color-blue-600:#004970;--color-blue-600-rgb:0,73,112;--color-blue-700:#003157;--color-blue-700-rgb:0,49,87;--color-green-100:#e8f8f4;--color-green-100-rgb:232,248,244;--color-green-200:#c4ede2;--color-green-200-rgb:196,237,226;--color-green-300:#8fdbc7;--color-green-300-rgb:143,219,199;--color-green-400:#5dcaad;--color-green-400-rgb:93,202,173;--color-green-500:#3f9a86;--color-green-500-rgb:63,154,134;--color-green-600:#2c7d67;--color-green-600-rgb:44,125,103;--color-green-700:#22594a;--color-green-700-rgb:34,89,74;--color-yellow-100:#fff9e4;--color-yellow-100-rgb:255,249,228;--color-yellow-200:#ffeeb3;--color-yellow-200-rgb:255,238,179;--color-yellow-300:#ffe36e;--color-yellow-300-rgb:255,227,110;--color-yellow-400:#ffca4d;--color-yellow-400-rgb:255,202,77;--color-yellow-500:#ffb600;--color-yellow-500-rgb:255,182,0;--color-yellow-600:#c68600;--color-yellow-600-rgb:198,134,0;--color-yellow-700:#876400;--color-yellow-700-rgb:135,100,0;--color-red-100:#fdeaee;--color-red-100-rgb:253,234,238;--color-red-200:#f9c2cb;--color-red-200-rgb:249,194,203;--color-red-300:#f597a8;--color-red-300-rgb:245,151,168;--color-red-400:#e0707d;--color-red-400-rgb:224,112,125;--color-red-500:#c93b55;--color-red-500-rgb:201,59,85;--color-red-600:#a82433;--color-red-600-rgb:168,36,51;--color-red-700:#6c1e20;--color-red-700-rgb:108,30,32;--color-orange-100:#fff0e8;--color-orange-100-rgb:255,240,232;--color-orange-200:#ffd1b9;--color-orange-200-rgb:255,209,185;--color-orange-300:#ffb08a;--color-orange-300-rgb:255,176,138;--color-orange-400:#ff9461;--color-orange-400-rgb:255,148,97;--color-orange-500:#e96c2f;--color-orange-500-rgb:233,108,47;--color-orange-600:#b74302;--color-orange-600-rgb:183,67,2;--color-orange-700:#903c00;--color-orange-700-rgb:144,60,0;--color-gray-100:#f9f9f9;--color-gray-100-rgb:249,249,249;--color-gray-200:#f4f4f5;--color-gray-200-rgb:244,244,245;--color-gray-300:#eaeaec;--color-gray-300-rgb:234,234,236;--color-gray-400:#cdcdd0;--color-gray-400-rgb:205,205,208;--color-gray-500:#878792;--color-gray-500-rgb:135,135,146;--color-gray-600:#524e56;--color-gray-600-rgb:82,78,86;--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-black-rgb:0,0,0;--data-viz-favorable:#7dd5bd;--data-viz-favorable-rgb:125,213,189;--data-viz-unfavorable:#e68d97;--data-viz-unfavorable-rgb:230,141,151;--layout-content-max-width:1392px;--layout-content-max-width-with-sidebar:1080px;--layout-content-side-margin:72px;--layout-mobile-actions-drawer-height:60px;--layout-navigation-bar-height:72px;--layout-breakpoints-medium:768px;--layout-breakpoints-large:1080px;--shadow-small-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06);--shadow-large-box-shadow:0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08);--spacing-0:0;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-72:4.5rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-160:10rem;--spacing-200:12.5rem;--spacing-240:15rem;--spacing-280:17.5rem;--spacing-320:20rem;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--spacing-xxl:3.75rem;--spacing-xxxl:4.5rem;--spacing-xxxxl:5.25rem;--spacing-xxxxxl:6rem;--typography-data-large-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-font-weight:700;--typography-data-large-font-size:5.25rem;--typography-data-large-line-height:5.25rem;--typography-data-large-letter-spacing:normal;--typography-data-large-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-units-font-weight:700;--typography-data-large-units-font-size:2.625rem;--typography-data-large-units-line-height:5.25rem;--typography-data-large-units-letter-spacing:normal;--typography-data-medium-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-font-weight:700;--typography-data-medium-font-size:3rem;--typography-data-medium-line-height:5rem;--typography-data-medium-letter-spacing:normal;--typography-data-medium-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-units-font-weight:700;--typography-data-medium-units-font-size:1.5rem;--typography-data-medium-units-line-height:5rem;--typography-data-medium-units-letter-spacing:normal;--typography-data-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-font-weight:700;--typography-data-small-font-size:1.5rem;--typography-data-small-line-height:1.5rem;--typography-data-small-letter-spacing:normal;--typography-data-small-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-units-font-weight:700;--typography-data-small-units-font-size:1.125rem;--typography-data-small-units-line-height:1.5rem;--typography-data-small-units-letter-spacing:normal;--typography-display-0-font-family:"Tiempos Headline",Georgia,serif;--typography-display-0-font-weight:800;--typography-display-0-font-size:4.5rem;--typography-display-0-line-height:5.25rem;--typography-display-0-letter-spacing:0em;--typography-heading-1-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-1-font-weight:500;--typography-heading-1-font-size:2.125rem;--typography-heading-1-line-height:2.625rem;--typography-heading-1-letter-spacing:normal;--typography-heading-2-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-2-font-weight:600;--typography-heading-2-font-size:1.75rem;--typography-heading-2-line-height:2.25rem;--typography-heading-2-letter-spacing:normal;--typography-heading-3-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-3-font-weight:600;--typography-heading-3-font-size:1.375rem;--typography-heading-3-line-height:1.875rem;--typography-heading-3-letter-spacing:normal;--typography-heading-4-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-4-font-weight:600;--typography-heading-4-font-size:1.125rem;--typography-heading-4-line-height:1.5rem;--typography-heading-4-letter-spacing:normal;--typography-heading-5-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-5-font-weight:600;--typography-heading-5-font-size:1rem;--typography-heading-5-line-height:1.5rem;--typography-heading-5-letter-spacing:normal;--typography-heading-6-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-6-font-weight:600;--typography-heading-6-font-size:0.875rem;--typography-heading-6-line-height:1.5rem;--typography-heading-6-letter-spacing:normal;--typography-paragraph-intro-lede-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-intro-lede-font-weight:400;--typography-paragraph-intro-lede-font-size:1.25rem;--typography-paragraph-intro-lede-line-height:1.875rem;--typography-paragraph-intro-lede-letter-spacing:0;--typography-paragraph-intro-lede-max-width:975px;--typography-paragraph-body-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-body-font-weight:400;--typography-paragraph-body-font-size:1rem;--typography-paragraph-body-line-height:1.5rem;--typography-paragraph-body-letter-spacing:normal;--typography-paragraph-body-max-width:780px;--typography-paragraph-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-small-font-weight:400;--typography-paragraph-small-font-size:0.875rem;--typography-paragraph-small-line-height:1.125rem;--typography-paragraph-small-letter-spacing:normal;--typography-paragraph-small-max-width:680px;--typography-paragraph-extra-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-extra-small-font-weight:400;--typography-paragraph-extra-small-font-size:0.75rem;--typography-paragraph-extra-small-line-height:1.125rem;--typography-paragraph-extra-small-letter-spacing:normal;--typography-paragraph-extra-small-max-width:600px;--typography-paragraph-bold-font-weight:600;--typography-button-primary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-primary-font-weight:500;--typography-button-primary-font-size:1.125rem;--typography-button-primary-line-height:1.5rem;--typography-button-primary-letter-spacing:normal;--typography-button-secondary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-secondary-font-weight:500;--typography-button-secondary-font-size:1rem;--typography-button-secondary-line-height:1.5rem;--typography-button-secondary-letter-spacing:normal}}@layer normalize{html{text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:auto}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}}@layer reset{@font-face{font-family:Tiempos Headline;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff)}@font-face{font-family:Tiempos Headline;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff)}@font-face{font-family:Greycliff CF;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-light.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-regular.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-medium.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-extra-bold.woff) format("woff")}@font-face{font-family:Inter;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff)}@font-face{font-family:Inter;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff)}@font-face{font-family:Inter;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff)}@font-face{font-family:Inter;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff)}@font-face{font-family:Inter;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff)}@font-face{font-family:Inter;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff)}@font-face{font-family:IBM Plex Mono;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff)}}@layer reset{*,:after,:before{border-color:var(--border-solid-border-color,"currentColor");border-style:solid;border-width:0}}
2
2
  /*
3
3
  * This is taken from the Material Symbols CDN
4
4
  * font-weight & font-size removed as overridden in .icon
@@ -12008,12 +12008,12 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
12008
12008
  }
12009
12009
 
12010
12010
  .FooterActions-module_footerActionPrevious__VJ6j1 {
12011
- grid-area: 'prev';
12011
+ grid-area: prev;
12012
12012
  justify-content: start;
12013
12013
  }
12014
12014
 
12015
12015
  .FooterActions-module_footerActionNext__koFhj {
12016
- grid-area: 'next';
12016
+ grid-area: next;
12017
12017
  justify-content: end;
12018
12018
  }
12019
12019
 
package/dist/types/SplitButton/subcomponents/BaseButton/BaseButton.d.ts CHANGED
@@ -5,7 +5,7 @@ type ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>;
5
5
  type AnchorButtonAttributes = AnchorAttributes & ButtonAttributes;
6
6
  export type BaseButtonProps = {
7
7
  label: string;
8
- icon?: React.SVGAttributes<SVGSymbolElement>;
8
+ icon?: React.ReactNode;
9
9
  isReversed?: boolean;
10
10
  } & OverrideClassName<AnchorButtonAttributes>;
11
11
  export declare const BaseButton: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "1.73.7",
3
+ "version": "1.73.9",
4
4
  "description": "Kaizen component library",
5
5
  "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
6
6
  "homepage": "https://cultureamp.design",
@@ -104,23 +104,23 @@
104
104
  "dependencies": {
105
105
  "@floating-ui/react-dom": "^2.1.2",
106
106
  "@headlessui/react": "<=1.5.0",
107
- "@internationalized/date": "^3.6.0",
107
+ "@internationalized/date": "^3.7.0",
108
108
  "@popperjs/core": "^2.11.8",
109
109
  "@reach/tabs": "^0.18.0",
110
- "@react-aria/button": "^3.11.0",
111
- "@react-aria/datepicker": "^3.12.0",
112
- "@react-aria/focus": "^3.19.0",
113
- "@react-aria/i18n": "^3.12.4",
114
- "@react-aria/listbox": "^3.13.6",
115
- "@react-aria/menu": "^3.16.0",
116
- "@react-aria/overlays": "^3.24.0",
117
- "@react-aria/select": "^3.15.0",
118
- "@react-aria/utils": "^3.26.0",
119
- "@react-stately/collections": "^3.12.0",
120
- "@react-stately/datepicker": "^3.11.0",
121
- "@react-stately/list": "^3.11.1",
122
- "@react-stately/menu": "^3.9.0",
123
- "@react-stately/select": "^3.6.9",
110
+ "@react-aria/button": "^3.12.1",
111
+ "@react-aria/datepicker": "^3.14.1",
112
+ "@react-aria/focus": "^3.20.1",
113
+ "@react-aria/i18n": "^3.12.7",
114
+ "@react-aria/listbox": "^3.14.2",
115
+ "@react-aria/menu": "^3.18.1",
116
+ "@react-aria/overlays": "^3.26.1",
117
+ "@react-aria/select": "^3.15.3",
118
+ "@react-aria/utils": "^3.28.1",
119
+ "@react-stately/collections": "^3.12.2",
120
+ "@react-stately/datepicker": "^3.13.0",
121
+ "@react-stately/list": "^3.12.0",
122
+ "@react-stately/menu": "^3.9.2",
123
+ "@react-stately/select": "^3.6.11",
124
124
  "@react-types/shared": "^3.26.0",
125
125
  "classnames": "^2.5.1",
126
126
  "date-fns": "^4.1.0",
@@ -138,8 +138,8 @@
138
138
  "prosemirror-utils": "^1.2.2",
139
139
  "prosemirror-view": "^1.37.1",
140
140
  "react-animate-height": "^3.2.3",
141
- "react-aria": "^3.36.0",
142
- "react-aria-components": "^1.5.0",
141
+ "react-aria": "^3.38.1",
142
+ "react-aria-components": "^1.7.1",
143
143
  "react-day-picker": "8.10.1",
144
144
  "react-focus-lock": "^2.13.5",
145
145
  "react-focus-on": "^3.9.4",
@@ -166,7 +166,7 @@
166
166
  "autoprefixer": "^10.4.20",
167
167
  "concat-cli": "^4.0.0",
168
168
  "identity-obj-proxy": "^3.0.0",
169
- "jest-axe": "^9.0.0",
169
+ "jest-axe": "^10.0.0",
170
170
  "lodash.isempty": "^4.4.0",
171
171
  "normalize.css": "^8.0.1",
172
172
  "postcss": "^8.5.3",
@@ -185,7 +185,7 @@
185
185
  "svgo": "^3.3.2",
186
186
  "tslib": "^2.8.1",
187
187
  "tsx": "^4.19.2",
188
- "@kaizen/design-tokens": "10.8.8",
188
+ "@kaizen/design-tokens": "10.8.9",
189
189
  "@kaizen/package-bundler": "2.0.5"
190
190
  },
191
191
  "devDependenciesComments": {
package/src/AvatarGroup/AvatarGroup.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { type HTMLAttributes } from 'react'
1
+ import React, { type HTMLAttributes, type ReactNode } from 'react'
2
2
  import classnames from 'classnames'
3
3
  import { Avatar, type CompanyAvatarProps, type GenericAvatarProps } from '~components/Avatar'
4
4
  import { type OverrideClassName } from '~components/types/OverrideClassName'
@@ -29,8 +29,8 @@ export type AvatarGroupProps = {
29
29
  avatars: AvatarList
30
30
  } & OverrideClassName<HTMLAttributes<HTMLUListElement>>
31
31
 
32
- const renderCounter = (remainingAvatars: number): JSX.Element | void => {
33
- if (remainingAvatars <= 0) return
32
+ const Counter = ({ remainingAvatars }: { remainingAvatars: number }): ReactNode => {
33
+ if (remainingAvatars <= 0) return null
34
34
  return (
35
35
  <li
36
36
  aria-label={`There ${
@@ -47,11 +47,15 @@ const renderCounter = (remainingAvatars: number): JSX.Element | void => {
47
47
  )
48
48
  }
49
49
 
50
- const renderAvatars = (
51
- avatars: AvatarList,
52
- maxVisible: number,
53
- size: AvatarGroupSize,
54
- ): JSX.Element => (
50
+ const AllAvatars = ({
51
+ avatars,
52
+ maxVisible,
53
+ size,
54
+ }: {
55
+ avatars: AvatarList
56
+ maxVisible: number
57
+ size: AvatarGroupSize
58
+ }): ReactNode => (
55
59
  <>
56
60
  {avatars?.map(
57
61
  (avatarProps, index) =>
@@ -61,7 +65,7 @@ const renderAvatars = (
61
65
  </li>
62
66
  ),
63
67
  )}
64
- {renderCounter(avatars?.length - maxVisible)}
68
+ <Counter remainingAvatars={avatars?.length - maxVisible} />
65
69
  </>
66
70
  )
67
71
 
@@ -81,6 +85,6 @@ export const AvatarGroup = ({
81
85
  aria-label="Avatar Group"
82
86
  {...restProps}
83
87
  >
84
- {renderAvatars(avatars, maxVisible, size)}
88
+ <AllAvatars avatars={avatars} maxVisible={maxVisible} size={size} />
85
89
  </ul>
86
90
  )
package/src/SplitButton/subcomponents/BaseButton/BaseButton.tsx CHANGED
@@ -12,7 +12,7 @@ const isAnchor = (attributes: AnchorButtonAttributes): boolean =>
12
12
 
13
13
  export type BaseButtonProps = {
14
14
  label: string
15
- icon?: React.SVGAttributes<SVGSymbolElement>
15
+ icon?: React.ReactNode
16
16
  isReversed?: boolean
17
17
  } & OverrideClassName<AnchorButtonAttributes>
18
18
 
package/src/Tag/Tag.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react'
1
+ import React, { type ReactNode } from 'react'
2
2
  import classnames from 'classnames'
3
3
  import { Avatar, type AvatarProps } from '~components/Avatar'
4
4
  import { Icon } from '~components/__next__/Icon'
@@ -71,7 +71,7 @@ export const Tag = (props: TagProps): JSX.Element => {
71
71
  <div className={styles.layoutContainer}>
72
72
  <>
73
73
  {canShowIcon &&
74
- ((): JSX.Element | void => {
74
+ ((): ReactNode => {
75
75
  switch (props.variant) {
76
76
  case 'validationPositive':
77
77
  return (
@@ -104,7 +104,7 @@ export const Tag = (props: TagProps): JSX.Element => {
104
104
  </span>
105
105
  )
106
106
  default:
107
- return
107
+ return null
108
108
  }
109
109
  })()}
110
110
  <span
package/src/Tile/subcomponents/GenericTile/GenericTile.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useEffect, useRef, useState, type HTMLAttributes } from 'react'
1
+ import React, { useEffect, useRef, useState, type HTMLAttributes, type ReactNode } from 'react'
2
2
  import { useIntl } from '@cultureamp/i18n-react-intl'
3
3
  import classnames from 'classnames'
4
4
  import { Button, IconButton } from '~components/Button'
@@ -130,8 +130,8 @@ export const GenericTile = ({
130
130
  return informationProp
131
131
  }
132
132
 
133
- const renderBack = (): JSX.Element | void => {
134
- if (!information) return
133
+ const renderBack = (): ReactNode => {
134
+ if (!information) return null
135
135
 
136
136
  const returnButtonLabel = formatMessage({
137
137
  id: 'kzGenericTile.infoButtonReturnLabel',
package/src/TitleBlockZen/TitleBlockZen.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react'
1
+ import React, { type ReactNode } from 'react'
2
2
  import classnames from 'classnames'
3
3
  import { Avatar } from '~components/Avatar'
4
4
  import { IconButton } from '~components/Button'
@@ -21,11 +21,11 @@ import {
21
21
  import { createTabletOverflowMenuItems, isReversed } from './utils'
22
22
  import styles from './TitleBlockZen.module.scss'
23
23
 
24
- const renderTag = (surveyStatus: SurveyStatus): JSX.Element | void => {
24
+ const renderTag = (surveyStatus: SurveyStatus): ReactNode => {
25
25
  let tagVariant: React.ComponentPropsWithoutRef<typeof Tag>['variant']
26
26
 
27
27
  if (tagVariant === 'profile') {
28
- return
28
+ return null
29
29
  }
30
30
 
31
31
  if (surveyStatus.status === 'draft') {
package/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.css CHANGED
@@ -5,11 +5,11 @@
5
5
  }
6
6
 
7
7
  .footerActionPrevious {
8
- grid-area: 'prev';
8
+ grid-area: prev;
9
9
  justify-content: start;
10
10
  }
11
11
 
12
12
  .footerActionNext {
13
- grid-area: 'next';
13
+ grid-area: next;
14
14
  justify-content: end;
15
15
  }