@innovaccer/design-system 2.42.0 → 2.44.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,91 @@
1
+ ## 2.44.0 (2024-10-01)
2
+
3
+ ### Highlights
4
+
5
+ - feat(avatarGroup): update avatar group popover list design (2de75c4f)
6
+ - feat(select): update text color of select trigger placeholder (e23be2e4)
7
+ - feat(avatar): update appearance of text and icon in avatar (e592a5ae)
8
+ - feat(popover): add support for delay on popover opening (eaa5c228)
9
+ - feat(molecules): add figma code connect for molecules component (de8c4b4b)
10
+ - feat(combobox): add input text overflow behavior (e6b2f986)
11
+ - feat(avatarGroup): update label for overflow story of avatar group (78668fd2)
12
+
13
+ ### Breaking changes
14
+
15
+ NA
16
+
17
+ ### Migration guide
18
+
19
+ NA
20
+
21
+ ### Deprecations
22
+
23
+ NA
24
+
25
+ ### Features
26
+
27
+ - feat(avatarGroup): update avatar group popover list design (2de75c4f)
28
+ - feat(select): update text color of select trigger placeholder (e23be2e4)
29
+ - feat(avatar): update appearance of text and icon in avatar (e592a5ae)
30
+ - feat(popover): add support for delay on popover opening (eaa5c228)
31
+ - feat(molecules): add figma code connect for molecules component (de8c4b4b)
32
+ - feat(combobox): add input text overflow behavior (e6b2f986)
33
+ - feat(avatarGroup): update label for overflow story of avatar group (78668fd2)
34
+
35
+ ### Fixes
36
+
37
+ - fix(datepicker): update today date chip disabled state (449acb4f)
38
+
39
+ ### Improvements
40
+
41
+ NA
42
+
43
+ ### Documentation
44
+
45
+ - docs: update docs for browser title and table filters (f6495841)
46
+
47
+ ---
48
+
49
+ ## 2.43.0 (2024-09-11)
50
+
51
+ ### Highlights
52
+
53
+ - feat(Button): update spacing of icon with label (6d44f718)
54
+ - docs(browserTitle): add browser tab title documentation (1306e042)
55
+
56
+ ### Breaking changes
57
+
58
+ NA
59
+
60
+ ### Migration guide
61
+
62
+ NA
63
+
64
+ ### Deprecations
65
+
66
+ NA
67
+
68
+ ### Features
69
+
70
+ - feat(Button): update spacing of icon with label (6d44f718)
71
+
72
+ ### Fixes
73
+
74
+ - fix(popover): add check for element in getComputeStyle function (03f016ce)
75
+
76
+ ### Improvements
77
+
78
+ NA
79
+
80
+ ### Documentation
81
+
82
+ - docs(table): add table selection documentation (73a10d9d)
83
+ - docs(pageHeader): update images for icon with label button in pageHeader documentation (c8d8338d)
84
+ - docs(avatar): update image for square avatar in documentation (fc14cdad)
85
+ - docs(browserTitle): add browser tab title documentation (1306e042)
86
+
87
+ ---
88
+
1
89
  ## 2.42.0 (2024-09-03)
2
90
 
3
91
  ### Highlights
@@ -1010,24 +1010,10 @@ body {
1010
1010
  font-size: 10px !important;
1011
1011
  }
1012
1012
 
1013
- .Avatar-content--secondary {
1013
+ .Avatar-content {
1014
1014
  color: var(--inverse) !important;
1015
- }
1016
-
1017
- .Avatar-content--success {
1018
- color: var(--success-darker) !important;
1019
- }
1020
-
1021
- .Avatar-content--warning {
1022
- color: var(--warning-darker) !important;
1023
- }
1024
-
1025
- .Avatar-content--accent1 {
1026
- color: var(--accent1-darker) !important;
1027
- }
1028
-
1029
- .Avatar-content--accent4 {
1030
- color: var(--accent4-darker) !important;
1015
+ opacity: var(--opacity-20);
1016
+ mix-blend-mode: multiply;
1031
1017
  }
1032
1018
 
1033
1019
  .AvatarGroup-item {
@@ -1046,13 +1032,8 @@ body {
1046
1032
  }
1047
1033
 
1048
1034
  .AvatarGroup-Popper {
1049
- max-width: var(--spacing-9);
1050
- overflow: hidden;
1035
+ overflow-y: auto;
1051
1036
  box-sizing: border-box;
1052
- word-break: break-word;
1053
- -webkit-hyphens: auto;
1054
- -ms-hyphens: auto;
1055
- hyphens: auto;
1056
1037
  }
1057
1038
 
1058
1039
  .AvatarGroup-TextWrapper {
@@ -1450,6 +1431,14 @@ body {
1450
1431
  flex-direction: row-reverse;
1451
1432
  }
1452
1433
 
1434
+ .Button-regularIcon--left {
1435
+ margin-left: calc(-1 * var(--spacing-s));
1436
+ }
1437
+
1438
+ .Button-regularIcon--right {
1439
+ margin-right: calc(-1 * var(--spacing-s));
1440
+ }
1441
+
1453
1442
  .Button--tiny {
1454
1443
  height: var(--spacing-xl);
1455
1444
  padding-right: var(--spacing);
@@ -1504,11 +1493,11 @@ body {
1504
1493
  }
1505
1494
 
1506
1495
  .Button-icon--left {
1507
- margin-right: var(--spacing);
1496
+ margin-right: var(--spacing-0-75);
1508
1497
  }
1509
1498
 
1510
1499
  .Button-icon--right {
1511
- margin-left: var(--spacing);
1500
+ margin-left: var(--spacing-0-75);
1512
1501
  }
1513
1502
 
1514
1503
  .Button--tiny .Button-icon--left {
@@ -6326,7 +6315,7 @@ body {
6326
6315
  }
6327
6316
 
6328
6317
  .Select-trigger--placeholder {
6329
- color: var(--text-subtle);
6318
+ color: var(--text);
6330
6319
  }
6331
6320
 
6332
6321
  .Select-trigger--icon {