@kaizen/components 1.4.17 → 1.4.19

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.4.19](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.18...@kaizen/components@1.4.19) (2023-02-28)
7
+
8
+ **Note:** Version bump only for package @kaizen/components
9
+
10
+
11
+
12
+
13
+
14
+ ## [1.4.18](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.17...@kaizen/components@1.4.18) (2023-02-28)
15
+
16
+ **Note:** Version bump only for package @kaizen/components
17
+
18
+
19
+
20
+
21
+
6
22
  ## [1.4.17](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.16...@kaizen/components@1.4.17) (2023-02-28)
7
23
 
8
24
 
@@ -19,6 +19,10 @@ $input-with-icon-padding: calc(
19
19
  .wrapper {
20
20
  position: relative;
21
21
 
22
+ &.hasStatus {
23
+ z-index: 1;
24
+ }
25
+
22
26
  &:hover {
23
27
  z-index: 2;
24
28
  }
@@ -36673,7 +36673,7 @@ ${singleLine(message)}${reset}
36673
36673
  // ../../draft-packages/form/KaizenDraft/Form/Primitives/Input/Input.tsx
36674
36674
  var import_react25 = __toESM(require_react());
36675
36675
  var import_classnames9 = __toESM(require_classnames());
36676
- var import_Input_module = __toESM(__require("../Input.module-6PN2B7VB.scss"));
36676
+ var import_Input_module = __toESM(__require("../Input.module-FBWZRX37.scss"));
36677
36677
  var Input = ({
36678
36678
  inputRef,
36679
36679
  status = "default",
@@ -36696,12 +36696,16 @@ ${singleLine(message)}${reset}
36696
36696
  }) => /* @__PURE__ */ import_react25.default.createElement(
36697
36697
  "div",
36698
36698
  {
36699
- className: (0, import_classnames9.default)(import_Input_module.default.wrapper, {
36700
- [import_Input_module.default.withReversed]: reversed,
36701
- [import_Input_module.default.withDisabled]: disabled,
36702
- [import_Input_module.default.withStartIconAdornment]: startIconAdornment,
36703
- [import_Input_module.default.withEndIconAdornment]: endIconAdornment
36704
- })
36699
+ className: (0, import_classnames9.default)(
36700
+ import_Input_module.default.wrapper,
36701
+ {
36702
+ [import_Input_module.default.withReversed]: reversed,
36703
+ [import_Input_module.default.withDisabled]: disabled,
36704
+ [import_Input_module.default.withStartIconAdornment]: startIconAdornment,
36705
+ [import_Input_module.default.withEndIconAdornment]: endIconAdornment
36706
+ },
36707
+ status != "default" && import_Input_module.default.hasStatus
36708
+ )
36705
36709
  },
36706
36710
  startIconAdornment && /* @__PURE__ */ import_react25.default.createElement("div", { className: import_Input_module.default.startIconAdornment }, startIconAdornment),
36707
36711
  /* @__PURE__ */ import_react25.default.createElement(
@@ -0,0 +1 @@
1
+ <svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0ZM10.8 15H9.2v-1.6h1.6V15Zm-1.6-3.2h1.6V7H9.2v4.8Z" fill="#000000"/></svg>
@@ -39374,7 +39374,7 @@ ${singleLine(message)}${reset}
39374
39374
  "use strict";
39375
39375
  import_react42 = __toESM(require_react());
39376
39376
  import_classnames17 = __toESM(require_classnames());
39377
- import_Input_module = __toESM(__require("./Input.module-6PN2B7VB.scss"));
39377
+ import_Input_module = __toESM(__require("./Input.module-FBWZRX37.scss"));
39378
39378
  Input = ({
39379
39379
  inputRef,
39380
39380
  status = "default",
@@ -39397,12 +39397,16 @@ ${singleLine(message)}${reset}
39397
39397
  }) => /* @__PURE__ */ import_react42.default.createElement(
39398
39398
  "div",
39399
39399
  {
39400
- className: (0, import_classnames17.default)(import_Input_module.default.wrapper, {
39401
- [import_Input_module.default.withReversed]: reversed,
39402
- [import_Input_module.default.withDisabled]: disabled,
39403
- [import_Input_module.default.withStartIconAdornment]: startIconAdornment,
39404
- [import_Input_module.default.withEndIconAdornment]: endIconAdornment
39405
- })
39400
+ className: (0, import_classnames17.default)(
39401
+ import_Input_module.default.wrapper,
39402
+ {
39403
+ [import_Input_module.default.withReversed]: reversed,
39404
+ [import_Input_module.default.withDisabled]: disabled,
39405
+ [import_Input_module.default.withStartIconAdornment]: startIconAdornment,
39406
+ [import_Input_module.default.withEndIconAdornment]: endIconAdornment
39407
+ },
39408
+ status != "default" && import_Input_module.default.hasStatus
39409
+ )
39406
39410
  },
39407
39411
  startIconAdornment && /* @__PURE__ */ import_react42.default.createElement("div", { className: import_Input_module.default.startIconAdornment }, startIconAdornment),
39408
39412
  /* @__PURE__ */ import_react42.default.createElement(
@@ -70879,6 +70883,7 @@ ${singleLine(message)}${reset}
70879
70883
  import_react144 = __toESM(require_react());
70880
70884
  import_classnames56 = __toESM(require_classnames());
70881
70885
  init_component_library();
70886
+ init_caution_white_icon();
70882
70887
  init_exclamation_white_icon();
70883
70888
  init_information_white_icon();
70884
70889
  init_success_white_icon();
@@ -70889,7 +70894,7 @@ ${singleLine(message)}${reset}
70889
70894
  getIcon = (mood, isProminent) => {
70890
70895
  switch (mood) {
70891
70896
  case "cautionary":
70892
- return isProminent ? /* @__PURE__ */ import_react144.default.createElement(Cautionary, { alt: "", isAnimated: true }) : /* @__PURE__ */ import_react144.default.createElement(Icon, { icon: exclamation_white_icon_default, inheritSize: true, role: "presentation" });
70897
+ return isProminent ? /* @__PURE__ */ import_react144.default.createElement(Cautionary, { alt: "", isAnimated: true }) : /* @__PURE__ */ import_react144.default.createElement(Icon, { icon: caution_white_icon_default, inheritSize: true, role: "presentation" });
70893
70898
  case "informative":
70894
70899
  return isProminent ? /* @__PURE__ */ import_react144.default.createElement(Informative, { alt: "", isAnimated: true }) : /* @__PURE__ */ import_react144.default.createElement(Icon, { icon: information_white_icon_default, inheritSize: true, role: "presentation" });
70895
70900
  case "negative":
@@ -71239,6 +71244,14 @@ ${singleLine(message)}${reset}
71239
71244
  }
71240
71245
  });
71241
71246
 
71247
+ // ../component-library/icons/caution.icon.svg
71248
+ var caution_icon_default;
71249
+ var init_caution_icon = __esm({
71250
+ "../component-library/icons/caution.icon.svg"() {
71251
+ caution_icon_default = "./caution.icon-BHBJMNMA.svg";
71252
+ }
71253
+ });
71254
+
71242
71255
  // ../component-library/icons/exclamation.icon.svg
71243
71256
  var exclamation_icon_default;
71244
71257
  var init_exclamation_icon = __esm({
@@ -71260,6 +71273,7 @@ ${singleLine(message)}${reset}
71260
71273
  var init_classMappers = __esm({
71261
71274
  "../../draft-packages/popover/KaizenDraft/Popover/classMappers.ts"() {
71262
71275
  "use strict";
71276
+ init_caution_icon();
71263
71277
  init_exclamation_icon();
71264
71278
  init_information_icon();
71265
71279
  init_success_icon();
@@ -71301,7 +71315,7 @@ ${singleLine(message)}${reset}
71301
71315
  case "negative":
71302
71316
  return exclamation_icon_default;
71303
71317
  case "cautionary":
71304
- return exclamation_icon_default;
71318
+ return caution_icon_default;
71305
71319
  default:
71306
71320
  return information_icon_default;
71307
71321
  }
@@ -108977,12 +108991,13 @@ ${singleLine(message)}${reset}
108977
108991
  var import_react156 = __toESM(require_react());
108978
108992
  var import_classnames66 = __toESM(require_classnames());
108979
108993
  init_component_library();
108994
+ init_caution_white_icon();
108980
108995
 
108981
108996
  // ../component-library/icons/clear-white.icon.svg
108982
108997
  var clear_white_icon_default = "./clear-white.icon-O3ZK5Z2K.svg";
108983
108998
 
108984
108999
  // ../../draft-packages/tag/KaizenDraft/Tag/Tag.tsx
108985
- init_exclamation_icon();
109000
+ init_exclamation_white_icon();
108986
109001
  init_information_icon();
108987
109002
  init_success_icon();
108988
109003
  var import_Tag_module = __toESM(__require("./Tag.module-T6PQJLSW.scss"));
@@ -109031,9 +109046,9 @@ ${singleLine(message)}${reset}
109031
109046
  case "validationPositive":
109032
109047
  return /* @__PURE__ */ import_react156.default.createElement("span", { className: import_Tag_module.default.validationIcon }, /* @__PURE__ */ import_react156.default.createElement(Icon, { icon: success_icon_default, role: "presentation" }));
109033
109048
  case "validationNegative":
109034
- return /* @__PURE__ */ import_react156.default.createElement("span", { className: import_Tag_module.default.validationIcon }, /* @__PURE__ */ import_react156.default.createElement(Icon, { icon: exclamation_icon_default, role: "presentation" }));
109049
+ return /* @__PURE__ */ import_react156.default.createElement("span", { className: import_Tag_module.default.validationIcon }, /* @__PURE__ */ import_react156.default.createElement(Icon, { icon: exclamation_white_icon_default, role: "presentation" }));
109035
109050
  case "validationCautionary":
109036
- return /* @__PURE__ */ import_react156.default.createElement("span", { className: import_Tag_module.default.validationIcon }, /* @__PURE__ */ import_react156.default.createElement(Icon, { icon: exclamation_icon_default, role: "presentation" }));
109051
+ return /* @__PURE__ */ import_react156.default.createElement("span", { className: import_Tag_module.default.validationIcon }, /* @__PURE__ */ import_react156.default.createElement(Icon, { icon: caution_white_icon_default, role: "presentation" }));
109037
109052
  case "validationInformative":
109038
109053
  return /* @__PURE__ */ import_react156.default.createElement("span", { className: import_Tag_module.default.validationIcon }, /* @__PURE__ */ import_react156.default.createElement(Icon, { icon: information_icon_default, role: "presentation" }));
109039
109054
  case "profile":
@@ -116456,6 +116471,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
116456
116471
  var import_react187 = __toESM(require_react());
116457
116472
  var import_classnames80 = __toESM(require_classnames());
116458
116473
  init_component_library();
116474
+ init_caution_icon();
116459
116475
  init_close_icon();
116460
116476
  init_exclamation_icon();
116461
116477
  init_information_icon();
@@ -116563,7 +116579,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
116563
116579
  case "negative":
116564
116580
  return exclamation_icon_default;
116565
116581
  case "cautionary":
116566
- return exclamation_icon_default;
116582
+ return caution_icon_default;
116567
116583
  case "informative":
116568
116584
  return information_icon_default;
116569
116585
  default:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "1.4.17",
3
+ "version": "1.4.19",
4
4
  "description": "Kaizen component library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -30,11 +30,11 @@
30
30
  "dependencies": {
31
31
  "@kaizen/a11y": "^1.6.25",
32
32
  "@kaizen/brand": "^1.5.4",
33
- "@kaizen/brand-moment": "^1.12.61",
33
+ "@kaizen/brand-moment": "^1.12.63",
34
34
  "@kaizen/button": "^2.0.20",
35
35
  "@kaizen/component-base": "^1.1.3",
36
36
  "@kaizen/component-library": "^16.3.2",
37
- "@kaizen/date-picker": "^5.18.5",
37
+ "@kaizen/date-picker": "^5.19.0",
38
38
  "@kaizen/design-tokens": "^10.3.1",
39
39
  "@kaizen/draft-avatar": "^2.8.26",
40
40
  "@kaizen/draft-badge": "^1.13.6",
@@ -43,32 +43,32 @@
43
43
  "@kaizen/draft-divider": "^2.2.6",
44
44
  "@kaizen/draft-empty-state": "^5.3.26",
45
45
  "@kaizen/draft-filter-menu-button": "^2.6.32",
46
- "@kaizen/draft-form": "^10.1.2",
47
- "@kaizen/draft-guidance-block": "^6.1.14",
46
+ "@kaizen/draft-form": "^10.2.0",
47
+ "@kaizen/draft-guidance-block": "^6.1.15",
48
48
  "@kaizen/draft-hero-card": "^2.2.15",
49
49
  "@kaizen/draft-illustration": "^6.0.17",
50
- "@kaizen/draft-likert-scale-legacy": "^1.10.38",
50
+ "@kaizen/draft-likert-scale-legacy": "^1.10.39",
51
51
  "@kaizen/draft-menu": "^4.8.31",
52
- "@kaizen/draft-modal": "^10.5.55",
52
+ "@kaizen/draft-modal": "^10.6.0",
53
53
  "@kaizen/draft-page-layout": "^2.3.7",
54
- "@kaizen/draft-popover": "^5.2.28",
55
- "@kaizen/draft-select": "^2.10.18",
56
- "@kaizen/draft-table": "^5.6.14",
54
+ "@kaizen/draft-popover": "^5.3.0",
55
+ "@kaizen/draft-select": "^2.10.20",
56
+ "@kaizen/draft-table": "^5.6.15",
57
57
  "@kaizen/draft-tabs": "^5.2.26",
58
- "@kaizen/draft-tag": "^3.3.5",
58
+ "@kaizen/draft-tag": "^3.4.0",
59
59
  "@kaizen/draft-tile": "^5.9.26",
60
- "@kaizen/draft-title-block-zen": "^7.9.3",
60
+ "@kaizen/draft-title-block-zen": "^7.9.5",
61
61
  "@kaizen/draft-tooltip": "^5.4.28",
62
62
  "@kaizen/draft-well": "^4.3.3",
63
63
  "@kaizen/hosted-assets": "^2.0.1",
64
64
  "@kaizen/loading-skeleton": "^2.0.2",
65
65
  "@kaizen/loading-spinner": "^2.3.6",
66
- "@kaizen/notification": "^1.3.0",
66
+ "@kaizen/notification": "^1.4.0",
67
67
  "@kaizen/pagination": "^1.6.26",
68
68
  "@kaizen/progress-bar": "^2.3.19",
69
69
  "@kaizen/responsive": "^1.8.5",
70
- "@kaizen/rich-text-editor": "^1.19.27",
71
- "@kaizen/select": "^6.13.5",
70
+ "@kaizen/rich-text-editor": "^1.19.29",
71
+ "@kaizen/select": "^6.13.6",
72
72
  "@kaizen/split-button": "^1.3.33",
73
73
  "@kaizen/tabs": "^1.5.30",
74
74
  "@kaizen/tailwind": "^0.5.1",
@@ -85,5 +85,5 @@
85
85
  "peerDependencies": {
86
86
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
87
87
  },
88
- "gitHead": "de2329669554bdb8d6b580db54a8cfb6c798b049"
88
+ "gitHead": "85504787c7847e8d40a6fa5306e4f8e15014ee26"
89
89
  }