@innovaccer/design-system 3.4.0 → 3.5.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,49 @@
1
+ ## 3.5.0 (2024-12-12)
2
+
3
+ ### Highlights
4
+
5
+ - feat(avatar): add presence indicator support in avatar component (ce945f26)
6
+ - feat(avatar): add status indicator support in avatar (58857846)
7
+ - fix(input): update cursor position on input type change (8f45613f)
8
+ - fix(table): update table stories structure on storybook (9e3b4d53)
9
+ - feat(statusHint): update color for default appearance (a64c5128)
10
+
11
+ ### Breaking changes
12
+
13
+ NA
14
+
15
+ ### Migration guide
16
+
17
+ NA
18
+
19
+ ### Deprecations
20
+
21
+ NA
22
+
23
+ ### Features
24
+
25
+ - feat(avatar): add presence indicator support in avatar component (ce945f26)
26
+ - feat(avatar): add status indicator support in avatar (58857846)
27
+ - feat(statusHint): update color for default appearance (a64c5128)
28
+
29
+ ### Fixes
30
+
31
+ - fix(input): update cursor position on input type change (8f45613f)
32
+
33
+ ### Improvements
34
+
35
+ - chore: fix lint error in dropzone component & toast figma connect (9c8a41ec)
36
+ - fix(progressIndicators): update story of spinner and progress ring (506ca9b1)
37
+ - fix(table): update table stories structure on storybook (9e3b4d53)
38
+ - refactor(table): update table props description on storybook (f041f10f)
39
+
40
+ ### Documentation
41
+
42
+ - docs(docs): add status and presence indicator documentation in avatar (dc14464c)
43
+ - docs(docs): update table preview link in documentation (1df056c2)
44
+
45
+ ---
46
+
1
47
  ## 3.4.0 (2024-11-18)
2
48
 
3
49
  ### Highlights
@@ -939,6 +939,37 @@ body {
939
939
  mix-blend-mode: multiply;
940
940
  }
941
941
 
942
+ .Avatar-presence {
943
+ position: absolute;
944
+ border-radius: 50%;
945
+ width: var(--spacing);
946
+ height: var(--spacing);
947
+ right: 0;
948
+ bottom: 0;
949
+ }
950
+
951
+ .Avatar-presence--active {
952
+ background: var(--success);
953
+ }
954
+
955
+ .Avatar-presence--away {
956
+ background: var(--secondary-dark);
957
+ }
958
+
959
+ .Avatar-status {
960
+ top: calc(-1 * var(--spacing-s));
961
+ right: calc(-1 * var(--spacing-s));
962
+ width: var(--spacing-l);
963
+ height: var(--spacing-l);
964
+ border-radius: 50%;
965
+ display: flex;
966
+ align-items: center;
967
+ justify-content: center;
968
+ position: absolute;
969
+ cursor: pointer;
970
+ overflow: hidden;
971
+ }
972
+
942
973
  .AvatarGroup-item {
943
974
  border-radius: 50%;
944
975
  position: relative;
@@ -6511,7 +6542,7 @@ body {
6511
6542
  }
6512
6543
 
6513
6544
  .StatusHint--default {
6514
- background: var(--secondary);
6545
+ background: var(--secondary-light);
6515
6546
  }
6516
6547
 
6517
6548
  .Stepper {