@innovaccer/design-system 2.26.0 → 2.28.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 (35) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/css/dist/index.css +47 -2
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/components/avatar.css +12 -1
  5. package/css/src/components/avatarGroup.css +2 -0
  6. package/css/src/components/icon.css +32 -0
  7. package/css/src/components/textarea.css +1 -1
  8. package/dist/.lib/tsconfig.type.tsbuildinfo +239 -67
  9. package/dist/core/common.type.d.ts +1 -0
  10. package/dist/core/components/atoms/avatar/Avatar.d.ts +7 -2
  11. package/dist/core/components/atoms/avatar/AvatarProvider.d.ts +10 -0
  12. package/dist/core/components/atoms/avatar/avatarIcon/AvatarIcon.d.ts +11 -0
  13. package/dist/core/components/atoms/avatar/avatarIcon/index.d.ts +2 -0
  14. package/dist/core/components/atoms/avatar/avatarImage/AvatarImage.d.ts +8 -0
  15. package/dist/core/components/atoms/avatar/avatarImage/index.d.ts +2 -0
  16. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +3 -0
  17. package/dist/core/components/atoms/helpText/HelpText.d.ts +2 -1
  18. package/dist/core/components/atoms/icon/Icon.d.ts +1 -1
  19. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +268 -268
  20. package/dist/core/components/organisms/textField/TextField.d.ts +8 -0
  21. package/dist/core/components/organisms/textField/TextFieldCommon.d.ts +12 -0
  22. package/dist/core/components/organisms/textField/TextFieldWithInput.d.ts +14 -0
  23. package/dist/core/components/organisms/textField/TextFieldWithTextarea.d.ts +11 -0
  24. package/dist/core/components/organisms/textField/__test__/Textarea.test.d.ts +6 -0
  25. package/dist/core/components/organisms/textField/index.d.ts +2 -0
  26. package/dist/core/index.d.ts +1 -0
  27. package/dist/core/index.type.d.ts +1 -0
  28. package/dist/core/utils/navigationHelper.d.ts +2 -2
  29. package/dist/index.esm.js +322 -28
  30. package/dist/index.js +317 -27
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.umd.js +1 -1
  33. package/dist/index.umd.js.br +0 -0
  34. package/dist/index.umd.js.gz +0 -0
  35. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,87 @@
1
+ ## 2.28.0 (2024-02-09)
2
+
3
+ ### Highlights
4
+
5
+ - feat(avatargroup): add image and icon support in avatar group component (1c6c63c0)
6
+ - feat(avatar): add square shape avatar support (09118a08)
7
+ - feat(avatargroup): add images in avatar group stories (645bed48)
8
+
9
+ ### Breaking changes
10
+
11
+ NA
12
+
13
+ ### Migration guide
14
+
15
+ NA
16
+
17
+ ### Deprecations
18
+
19
+ NA
20
+
21
+ ### Features
22
+
23
+ - feat(avatargroup): add image and icon support in avatar group component (1c6c63c0)
24
+ - feat(avatargroup): add images in avatar group stories (645bed48)
25
+ - feat(avatar): add square shape avatar support (09118a08)
26
+
27
+ ### Fixes
28
+
29
+ - fix(docs): fix z-index for algolia search modal (5bcb01d1)
30
+ - fix(metric-input): arrow button causes form to submit (71aa9257)
31
+ - fix: add compatibility for resize in textarea for firefox browser (aed1a437)
32
+
33
+ ### Improvements
34
+
35
+ NA
36
+
37
+ ### Documentation
38
+
39
+ - docs(docs): update message, toast, and modal documentation (501d4bdc)
40
+ - docs(docs): add shapes documentation in avatar (0c0ad3ab)
41
+
42
+ ---
43
+
44
+ ## 2.27.0 (2024-01-15)
45
+
46
+ ### Highlights
47
+
48
+ - feat(textfield): add new textfield component (8d21fe15)
49
+ - feat(avatar): add icon and image support (44c8b5ef)
50
+ - feat(icon): add darker appearance support (b96e06c8
51
+
52
+ ### Breaking changes
53
+
54
+ NA
55
+
56
+ ### Migration guide
57
+
58
+ NA
59
+
60
+ ### Deprecations
61
+
62
+ NA
63
+
64
+ ### Features
65
+
66
+ - feat(textfield): add new textfield component (8d21fe15)
67
+ - feat(avatar): add icon and image support (44c8b5ef)
68
+ - feat(icon): add darker appearance support (b96e06c8)
69
+
70
+ ### Fixes
71
+
72
+ NA
73
+
74
+ ### Improvements
75
+
76
+ - test(docs): update cypress test for patterns (54c04204)
77
+
78
+ ### Documentation
79
+
80
+ - docs(docs): update icon appearances documentation (176fedf6)
81
+ - docs(docs): add input with word count in input documentation (a714d804)
82
+
83
+ ---
84
+
1
85
  ## 2.26.0 (2024-01-04)
2
86
 
3
87
  ### Highlights
package/css/dist/index.css CHANGED
@@ -860,7 +860,7 @@ body {
860
860
  background: var(--secondary-light);
861
861
  }
862
862
 
863
- /* badge */
863
+ /* Avatar */
864
864
 
865
865
  .Avatar {
866
866
  display: flex;
@@ -874,6 +874,17 @@ body {
874
874
  cursor: default;
875
875
  }
876
876
 
877
+ .Avatar--wrapper {
878
+ padding: var(--spacing-xs);
879
+ box-sizing: border-box;
880
+ }
881
+
882
+ .Avatar--square {
883
+ width: 100%;
884
+ height: 100%;
885
+ border-radius: var(--spacing-m);
886
+ }
887
+
877
888
  .Avatar--regular {
878
889
  height: var(--spacing-3);
879
890
  width: var(--spacing-3);
@@ -955,10 +966,12 @@ body {
955
966
 
956
967
  .AvatarGroup-item--regular {
957
968
  margin-right: calc(var(--spacing-m) * -1);
969
+ height: var(--spacing-3);
958
970
  }
959
971
 
960
972
  .AvatarGroup-item--tiny {
961
973
  margin-right: calc(var(--spacing-s) * -1);
974
+ height: var(--spacing-xl);
962
975
  }
963
976
 
964
977
  .AvatarGroup-Popper {
@@ -4081,6 +4094,10 @@ body {
4081
4094
  color: var(--primary-dark);
4082
4095
  }
4083
4096
 
4097
+ .Icon--primaryDarker {
4098
+ color: var(--primary-darker);
4099
+ }
4100
+
4084
4101
  .Icon--alertLighter {
4085
4102
  color: var(--alert-lighter);
4086
4103
  }
@@ -4089,6 +4106,10 @@ body {
4089
4106
  color: var(--alert-dark);
4090
4107
  }
4091
4108
 
4109
+ .Icon--alertDarker {
4110
+ color: var(--alert-darker);
4111
+ }
4112
+
4092
4113
  .Icon--successLighter {
4093
4114
  color: var(--success-lighter);
4094
4115
  }
@@ -4097,6 +4118,10 @@ body {
4097
4118
  color: var(--success-dark);
4098
4119
  }
4099
4120
 
4121
+ .Icon--successDarker {
4122
+ color: var(--success-darker);
4123
+ }
4124
+
4100
4125
  .Icon--warningLighter {
4101
4126
  color: var(--warning-lighter);
4102
4127
  }
@@ -4105,6 +4130,10 @@ body {
4105
4130
  color: var(--warning-dark);
4106
4131
  }
4107
4132
 
4133
+ .Icon--warningDarker {
4134
+ color: var(--warning-darker);
4135
+ }
4136
+
4108
4137
  .Icon--accent1 {
4109
4138
  color: var(--accent1);
4110
4139
  }
@@ -4117,6 +4146,10 @@ body {
4117
4146
  color: var(--accent1-dark);
4118
4147
  }
4119
4148
 
4149
+ .Icon--accent1Darker {
4150
+ color: var(--accent1-darker);
4151
+ }
4152
+
4120
4153
  .Icon--accent2 {
4121
4154
  color: var(--accent2);
4122
4155
  }
@@ -4129,6 +4162,10 @@ body {
4129
4162
  color: var(--accent2-dark);
4130
4163
  }
4131
4164
 
4165
+ .Icon--accent2Darker {
4166
+ color: var(--accent2-darker);
4167
+ }
4168
+
4132
4169
  .Icon--accent3 {
4133
4170
  color: var(--accent3);
4134
4171
  }
@@ -4141,6 +4178,10 @@ body {
4141
4178
  color: var(--accent3-dark);
4142
4179
  }
4143
4180
 
4181
+ .Icon--accent3Darker {
4182
+ color: var(--accent3-darker);
4183
+ }
4184
+
4144
4185
  .Icon--accent4 {
4145
4186
  color: var(--accent4);
4146
4187
  }
@@ -4153,6 +4194,10 @@ body {
4153
4194
  color: var(--accent4-dark);
4154
4195
  }
4155
4196
 
4197
+ .Icon--accent4Darker {
4198
+ color: var(--accent4-darker);
4199
+ }
4200
+
4156
4201
  .Icon--inverse {
4157
4202
  color: var(--inverse);
4158
4203
  }
@@ -6761,7 +6806,7 @@ body {
6761
6806
  }
6762
6807
 
6763
6808
  .Textarea--resize {
6764
- resize: auto;
6809
+ resize: both;
6765
6810
  }
6766
6811
 
6767
6812
  /* toast */