@kaizen/components 1.56.0 → 1.57.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 (49) hide show
  1. package/dist/cjs/Card/Card.module.scss.cjs +1 -0
  2. package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs +6 -5
  3. package/dist/cjs/Collapsible/Collapsible/Collapsible.module.scss.cjs +1 -2
  4. package/dist/cjs/EmptyState/EmptyState.cjs +1 -1
  5. package/dist/cjs/GuidanceBlock/GuidanceBlock.module.scss.cjs +2 -1
  6. package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs +1 -2
  7. package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs +1 -1
  8. package/dist/cjs/Well/Well.module.scss.cjs +1 -1
  9. package/dist/esm/Card/Card.module.scss.mjs +1 -0
  10. package/dist/esm/Collapsible/Collapsible/Collapsible.mjs +6 -5
  11. package/dist/esm/Collapsible/Collapsible/Collapsible.module.scss.mjs +1 -2
  12. package/dist/esm/EmptyState/EmptyState.mjs +2 -2
  13. package/dist/esm/GuidanceBlock/GuidanceBlock.module.scss.mjs +2 -1
  14. package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs +1 -2
  15. package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs +1 -1
  16. package/dist/esm/Well/Well.module.scss.mjs +1 -1
  17. package/dist/styles.css +18 -18
  18. package/package.json +2 -2
  19. package/src/Card/Card.module.scss +12 -1
  20. package/src/Card/_docs/Card.stickersheet.stories.tsx +0 -7
  21. package/src/Collapsible/Collapsible/Collapsible.module.scss +27 -31
  22. package/src/Collapsible/Collapsible/Collapsible.tsx +2 -4
  23. package/src/Collapsible/Collapsible/_docs/Collapsible.stickersheet.stories.tsx +4 -1
  24. package/src/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss +2 -0
  25. package/src/Collapsible/CollapsibleGroup/_docs/CollapsibleGroup.stickersheet.stories.tsx +8 -1
  26. package/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss +2 -1
  27. package/src/EmptyState/EmptyState.module.scss +23 -21
  28. package/src/EmptyState/EmptyState.tsx +1 -2
  29. package/src/FieldMessage/FieldMessage.module.scss +1 -1
  30. package/src/GuidanceBlock/GuidanceBlock.module.scss +16 -9
  31. package/src/Modal/ConfirmationModal/ConfirmationModal.module.scss +9 -23
  32. package/src/Notification/GlobalNotification/_docs/GlobalNotification.mdx +1 -1
  33. package/src/Notification/GlobalNotification/_docs/GlobalNotification.stickersheet.stories.tsx +2 -2
  34. package/src/Notification/GlobalNotification/_docs/GlobalNotification.stories.tsx +1 -1
  35. package/src/Notification/InlineNotification/_docs/InlineNotification.mdx +2 -2
  36. package/src/Notification/InlineNotification/_docs/InlineNotification.stickersheet.stories.tsx +2 -2
  37. package/src/Notification/InlineNotification/_docs/InlineNotification.stories.tsx +1 -1
  38. package/src/Notification/ToastNotification/_docs/ToastNotification.mdx +2 -2
  39. package/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss +4 -4
  40. package/src/Notification/subcomponents/GenericNotification/_mixins.scss +24 -67
  41. package/src/Popover/Popover.module.scss +21 -11
  42. package/src/Tag/Tag.module.scss +1 -1
  43. package/src/Tile/InformationTile/_docs/InformationTile.stickersheet.stories.tsx +3 -3
  44. package/src/Tile/MultiActionTile/_docs/MultiActionTile.stickersheet.stories.tsx +2 -2
  45. package/src/Tile/subcomponents/GenericTile/GenericTile.module.scss +10 -4
  46. package/src/Tile/subcomponents/GenericTile/_docs/GenericTile.stickersheet.stories.tsx +2 -2
  47. package/src/Well/Well.module.scss +12 -14
  48. package/src/__overlays__/Tooltip/v1/Tooltip.module.scss +13 -17
  49. package/v3/utilities/package.json +5 -0
package/dist/cjs/Card/Card.module.scss.cjs CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var styles = {
4
4
  "wrapper": "Card-module_wrapper__h5MUx",
5
+ "default": "Card-module_default__MzW74",
5
6
  "informative": "Card-module_informative__4yRSy",
6
7
  "positive": "Card-module_positive__KvUqp",
7
8
  "cautionary": "Card-module_cautionary__iMWR-",
package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs CHANGED
@@ -28,15 +28,16 @@ var Collapsible = function (_a) {
28
28
  sticky = _a.sticky,
29
29
  noSectionPadding = _a.noSectionPadding,
30
30
  onToggle = _a.onToggle,
31
- variant = _a.variant,
31
+ _b = _a.variant,
32
+ variant = _b === void 0 ? "default" : _b,
32
33
  lazyLoad = _a.lazyLoad,
33
34
  controlled = _a.controlled,
34
35
  classNameOverride = _a.classNameOverride,
35
36
  propsId = _a.id,
36
37
  restProps = tslib.__rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
37
- var _b = React.useState(open !== null && open !== void 0 ? open : false),
38
- stateIsOpen = _b[0],
39
- setIsOpen = _b[1];
38
+ var _c = React.useState(open !== null && open !== void 0 ? open : false),
39
+ stateIsOpen = _c[0],
40
+ setIsOpen = _c[1];
40
41
  var getOpen = function () {
41
42
  return controlled ? open : stateIsOpen;
42
43
  };
@@ -56,7 +57,7 @@ var Collapsible = function (_a) {
56
57
  var isContainer = !group || separated;
57
58
  return React__default.default.createElement("div", tslib.__assign({
58
59
  id: id,
59
- className: classnames__default.default(classNameOverride, isContainer && Collapsible_module.container, group && !separated && Collapsible_module.groupItem, separated && Collapsible_module.separated, isOpen && Collapsible_module.open, !group && Collapsible_module.single),
60
+ className: classnames__default.default(classNameOverride, isContainer && Collapsible_module.container, group && !separated && Collapsible_module.groupItem, separated && Collapsible_module.separated),
60
61
  "data-testid": "collapsible-container-".concat(id)
61
62
  }, restProps), React__default.default.createElement("div", {
62
63
  className: classnames__default.default(Collapsible_module.header, isOpen && Collapsible_module.open, sticky && Collapsible_module.sticky, isOpen && variant === "default" && Collapsible_module.defaultVariant, isOpen && variant === "clear" && Collapsible_module.clearVariant),
package/dist/cjs/Collapsible/Collapsible/Collapsible.module.scss.cjs CHANGED
@@ -1,10 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  var styles = {
4
+ "container": "Collapsible-module_container__EBC1U",
4
5
  "header": "Collapsible-module_header__yf32d",
5
6
  "open": "Collapsible-module_open__YlzQL",
6
- "container": "Collapsible-module_container__EBC1U",
7
- "single": "Collapsible-module_single__ZU2Tg",
8
7
  "separated": "Collapsible-module_separated__IKYdN",
9
8
  "groupItem": "Collapsible-module_groupItem__JECHF",
10
9
  "chevronButton": "Collapsible-module_chevronButton__Ti18q",
package/dist/cjs/EmptyState/EmptyState.cjs CHANGED
@@ -21,7 +21,7 @@ var ILLUSTRATIONS = {
21
21
  neutral: Scene.EmptyStatesNeutral,
22
22
  negative: Scene.EmptyStatesNegative,
23
23
  informative: Scene.EmptyStatesInformative,
24
- action: Scene.EmptyStatesAction
24
+ action: Scene.EmptyStatesNegative
25
25
  };
26
26
  /**
27
27
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
package/dist/cjs/GuidanceBlock/GuidanceBlock.module.scss.cjs CHANGED
@@ -18,11 +18,12 @@ var styles = {
18
18
  "disabled": "GuidanceBlock-module_disabled__Uhgsr",
19
19
  "hover": "GuidanceBlock-module_hover__7V9x1",
20
20
  "active": "GuidanceBlock-module_active__YJaZt",
21
+ "default": "GuidanceBlock-module_default__Ffblg",
21
22
  "positive": "GuidanceBlock-module_positive__yENlT",
22
23
  "negative": "GuidanceBlock-module_negative__E-Jvh",
24
+ "assertive": "GuidanceBlock-module_assertive__6PZlM",
23
25
  "informative": "GuidanceBlock-module_informative__ZUH4j",
24
26
  "cautionary": "GuidanceBlock-module_cautionary__sJ1CE",
25
- "assertive": "GuidanceBlock-module_assertive__6PZlM",
26
27
  "prominent": "GuidanceBlock-module_prominent__nn-r4",
27
28
  "inline": "GuidanceBlock-module_inline__GwOWR",
28
29
  "stacked": "GuidanceBlock-module_stacked__rDupX",
package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs CHANGED
@@ -20,10 +20,9 @@ var styles = {
20
20
  "iconContainer": "ConfirmationModal-module_iconContainer__QjdGa",
21
21
  "positiveHeader": "ConfirmationModal-module_positiveHeader__8Dmja",
22
22
  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
23
- "svgIcon": "ConfirmationModal-module_svgIcon__f1ncQ",
24
- "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
25
23
  "informativeHeader": "ConfirmationModal-module_informativeHeader__lTv94",
26
24
  "negativeHeader": "ConfirmationModal-module_negativeHeader__Pmob9",
25
+ "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
27
26
  "cautionaryHeader": "ConfirmationModal-module_cautionaryHeader__ZnE4P",
28
27
  "prominent": "ConfirmationModal-module_prominent__8-gkP"
29
28
  };
package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs CHANGED
@@ -10,8 +10,8 @@ var styles = {
10
10
  "faceMoodPositive": "GenericTile-module_faceMoodPositive__3MEBl",
11
11
  "faceMoodInformative": "GenericTile-module_faceMoodInformative__D0QsW",
12
12
  "faceMoodCautionary": "GenericTile-module_faceMoodCautionary__oUZXT",
13
- "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
14
13
  "faceMoodNegative": "GenericTile-module_faceMoodNegative__DmcZH",
14
+ "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
15
15
  "faceMoodProminent": "GenericTile-module_faceMoodProminent__VmMmv",
16
16
  "isFlipped": "GenericTile-module_isFlipped__K18mo",
17
17
  "title": "GenericTile-module_title__zC6Qv",
package/dist/cjs/Well/Well.module.scss.cjs CHANGED
@@ -3,13 +3,13 @@
3
3
  var styles = {
4
4
  "container": "Well-module_container__pi8-W",
5
5
  "noMargin": "Well-module_noMargin__xBvM9",
6
+ "default": "Well-module_default__tSiHp",
6
7
  "positive": "Well-module_positive__6ldUu",
7
8
  "negative": "Well-module_negative__mVczy",
8
9
  "informative": "Well-module_informative__81djJ",
9
10
  "cautionary": "Well-module_cautionary__MSYHT",
10
11
  "assertive": "Well-module_assertive__Kl5ql",
11
12
  "prominent": "Well-module_prominent__wdpIQ",
12
- "default": "Well-module_default__tSiHp",
13
13
  "solid": "Well-module_solid__ianzm",
14
14
  "dashed": "Well-module_dashed__csujS",
15
15
  "none": "Well-module_none__rWwTB"
package/dist/esm/Card/Card.module.scss.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  var styles = {
2
2
  "wrapper": "Card-module_wrapper__h5MUx",
3
+ "default": "Card-module_default__MzW74",
3
4
  "informative": "Card-module_informative__4yRSy",
4
5
  "positive": "Card-module_positive__KvUqp",
5
6
  "cautionary": "Card-module_cautionary__iMWR-",
package/dist/esm/Collapsible/Collapsible/Collapsible.mjs CHANGED
@@ -19,15 +19,16 @@ const Collapsible = /*#__PURE__*/function () {
19
19
  sticky = _a.sticky,
20
20
  noSectionPadding = _a.noSectionPadding,
21
21
  onToggle = _a.onToggle,
22
- variant = _a.variant,
22
+ _b = _a.variant,
23
+ variant = _b === void 0 ? "default" : _b,
23
24
  lazyLoad = _a.lazyLoad,
24
25
  controlled = _a.controlled,
25
26
  classNameOverride = _a.classNameOverride,
26
27
  propsId = _a.id,
27
28
  restProps = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
28
- var _b = useState(open !== null && open !== void 0 ? open : false),
29
- stateIsOpen = _b[0],
30
- setIsOpen = _b[1];
29
+ var _c = useState(open !== null && open !== void 0 ? open : false),
30
+ stateIsOpen = _c[0],
31
+ setIsOpen = _c[1];
31
32
  var getOpen = function () {
32
33
  return controlled ? open : stateIsOpen;
33
34
  };
@@ -47,7 +48,7 @@ const Collapsible = /*#__PURE__*/function () {
47
48
  var isContainer = !group || separated;
48
49
  return /*#__PURE__*/React.createElement("div", __assign({
49
50
  id: id,
50
- className: classnames(classNameOverride, isContainer && styles.container, group && !separated && styles.groupItem, separated && styles.separated, isOpen && styles.open, !group && styles.single),
51
+ className: classnames(classNameOverride, isContainer && styles.container, group && !separated && styles.groupItem, separated && styles.separated),
51
52
  "data-testid": "collapsible-container-".concat(id)
52
53
  }, restProps), /*#__PURE__*/React.createElement("div", {
53
54
  className: classnames(styles.header, isOpen && styles.open, sticky && styles.sticky, isOpen && variant === "default" && styles.defaultVariant, isOpen && variant === "clear" && styles.clearVariant),
package/dist/esm/Collapsible/Collapsible/Collapsible.module.scss.mjs CHANGED
@@ -1,8 +1,7 @@
1
1
  var styles = {
2
+ "container": "Collapsible-module_container__EBC1U",
2
3
  "header": "Collapsible-module_header__yf32d",
3
4
  "open": "Collapsible-module_open__YlzQL",
4
- "container": "Collapsible-module_container__EBC1U",
5
- "single": "Collapsible-module_single__ZU2Tg",
6
5
  "separated": "Collapsible-module_separated__IKYdN",
7
6
  "groupItem": "Collapsible-module_groupItem__JECHF",
8
7
  "chevronButton": "Collapsible-module_chevronButton__Ti18q",
package/dist/esm/EmptyState/EmptyState.mjs CHANGED
@@ -4,7 +4,7 @@ import classnames from 'classnames';
4
4
  import { Heading } from '../Heading/Heading.mjs';
5
5
  import '../Illustration/subcomponents/Base/Base.mjs';
6
6
  import '../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
7
- import { EmptyStatesPositive, EmptyStatesNeutral, EmptyStatesNegative, EmptyStatesInformative, EmptyStatesAction } from '../Illustration/Scene/Scene.mjs';
7
+ import { EmptyStatesPositive, EmptyStatesNeutral, EmptyStatesNegative, EmptyStatesInformative } from '../Illustration/Scene/Scene.mjs';
8
8
  import { Text } from '../Text/Text.mjs';
9
9
  import styles from './EmptyState.module.scss.mjs';
10
10
  var ILLUSTRATIONS = {
@@ -12,7 +12,7 @@ var ILLUSTRATIONS = {
12
12
  neutral: EmptyStatesNeutral,
13
13
  negative: EmptyStatesNegative,
14
14
  informative: EmptyStatesInformative,
15
- action: EmptyStatesAction
15
+ action: EmptyStatesNegative
16
16
  };
17
17
  /**
18
18
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
package/dist/esm/GuidanceBlock/GuidanceBlock.module.scss.mjs CHANGED
@@ -16,11 +16,12 @@ var styles = {
16
16
  "disabled": "GuidanceBlock-module_disabled__Uhgsr",
17
17
  "hover": "GuidanceBlock-module_hover__7V9x1",
18
18
  "active": "GuidanceBlock-module_active__YJaZt",
19
+ "default": "GuidanceBlock-module_default__Ffblg",
19
20
  "positive": "GuidanceBlock-module_positive__yENlT",
20
21
  "negative": "GuidanceBlock-module_negative__E-Jvh",
22
+ "assertive": "GuidanceBlock-module_assertive__6PZlM",
21
23
  "informative": "GuidanceBlock-module_informative__ZUH4j",
22
24
  "cautionary": "GuidanceBlock-module_cautionary__sJ1CE",
23
- "assertive": "GuidanceBlock-module_assertive__6PZlM",
24
25
  "prominent": "GuidanceBlock-module_prominent__nn-r4",
25
26
  "inline": "GuidanceBlock-module_inline__GwOWR",
26
27
  "stacked": "GuidanceBlock-module_stacked__rDupX",
package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs CHANGED
@@ -18,10 +18,9 @@ var styles = {
18
18
  "iconContainer": "ConfirmationModal-module_iconContainer__QjdGa",
19
19
  "positiveHeader": "ConfirmationModal-module_positiveHeader__8Dmja",
20
20
  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
21
- "svgIcon": "ConfirmationModal-module_svgIcon__f1ncQ",
22
- "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
23
21
  "informativeHeader": "ConfirmationModal-module_informativeHeader__lTv94",
24
22
  "negativeHeader": "ConfirmationModal-module_negativeHeader__Pmob9",
23
+ "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
25
24
  "cautionaryHeader": "ConfirmationModal-module_cautionaryHeader__ZnE4P",
26
25
  "prominent": "ConfirmationModal-module_prominent__8-gkP"
27
26
  };
package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs CHANGED
@@ -8,8 +8,8 @@ var styles = {
8
8
  "faceMoodPositive": "GenericTile-module_faceMoodPositive__3MEBl",
9
9
  "faceMoodInformative": "GenericTile-module_faceMoodInformative__D0QsW",
10
10
  "faceMoodCautionary": "GenericTile-module_faceMoodCautionary__oUZXT",
11
- "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
12
11
  "faceMoodNegative": "GenericTile-module_faceMoodNegative__DmcZH",
12
+ "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
13
13
  "faceMoodProminent": "GenericTile-module_faceMoodProminent__VmMmv",
14
14
  "isFlipped": "GenericTile-module_isFlipped__K18mo",
15
15
  "title": "GenericTile-module_title__zC6Qv",
package/dist/esm/Well/Well.module.scss.mjs CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
2
  "container": "Well-module_container__pi8-W",
3
3
  "noMargin": "Well-module_noMargin__xBvM9",
4
+ "default": "Well-module_default__tSiHp",
4
5
  "positive": "Well-module_positive__6ldUu",
5
6
  "negative": "Well-module_negative__mVczy",
6
7
  "informative": "Well-module_informative__81djJ",
7
8
  "cautionary": "Well-module_cautionary__MSYHT",
8
9
  "assertive": "Well-module_assertive__Kl5ql",
9
10
  "prominent": "Well-module_prominent__wdpIQ",
10
- "default": "Well-module_default__tSiHp",
11
11
  "solid": "Well-module_solid__ianzm",
12
12
  "dashed": "Well-module_dashed__csujS",
13
13
  "none": "Well-module_none__rWwTB"