@innovaccer/design-system 2.16.2 → 2.17.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,46 @@
1
+ ## 2.17.0 (2023-07-24)
2
+
3
+ ### Highlights
4
+
5
+ - feat(radio): add keyboard accessibility for radio component (f78b2e12)
6
+ - feat(docs): add Algolia doc search support on documentation site (e5d8fb76)
7
+ - feat(stories): stories are grouped in storybook and mdx file (01477a4d)
8
+ - feat(avatargroup): add tiny size in avatar group (459739fc)
9
+
10
+ ### Breaking changes
11
+
12
+ NA
13
+
14
+ ### Migration guide
15
+
16
+ NA
17
+
18
+ ### Deprecations
19
+
20
+ NA
21
+
22
+ ### Features
23
+
24
+ - feat(radio): add keyboard accessibility for radio component (f78b2e12)
25
+ - feat(docs): add Algolia doc search support on documentation site (e5d8fb76)
26
+ - feat(stories): stories are grouped in storybook and mdx file (01477a4d)
27
+ - feat(avatargroup): add tiny size in avatar group (459739fc)
28
+
29
+ ### Fixes
30
+
31
+ - fix(checkbox): update font weight in tiny checkbox component (4e85e984)
32
+ - fix(docs): fix live preview width in documentation site (092d2cc8)
33
+
34
+ ### Improvements
35
+
36
+ NA
37
+
38
+ ### Documentation
39
+
40
+ - docs(badge): update documentation for hover on badge component (59b1cad2)
41
+
42
+ ---
43
+
1
44
  ## 2.16.1 (2023-07-12)
2
45
 
3
46
  ### Highlights
@@ -950,7 +950,15 @@ body {
950
950
  }
951
951
 
952
952
  .AvatarGroup-item {
953
- margin-right: calc((var(--spacing-s) + var(--spacing-m)) * -1);
953
+ border-radius: 50%;
954
+ }
955
+
956
+ .AvatarGroup-item--regular {
957
+ margin-right: calc(var(--spacing-m) * -1);
958
+ }
959
+
960
+ .AvatarGroup-item--tiny {
961
+ margin-right: calc(var(--spacing-s) * -1);
954
962
  }
955
963
 
956
964
  .AvatarGroup-Popper {
@@ -971,6 +979,10 @@ body {
971
979
  overflow-y: auto;
972
980
  }
973
981
 
982
+ .AvatarCount-wrapper {
983
+ border-radius: 50%;
984
+ }
985
+
974
986
  @-webkit-keyframes backdrop-open {
975
987
  from {
976
988
  opacity: 0;
@@ -5504,22 +5516,24 @@ body {
5504
5516
  border-color: var(--alert-darker);
5505
5517
  }
5506
5518
 
5507
- .Radio-input ~ .Radio-wrapper:focus {
5519
+ .Radio:focus-within .Radio-wrapper {
5508
5520
  outline: 0;
5509
5521
  box-shadow: var(--shadow-spread) var(--secondary-shadow);
5522
+ border-radius: 50%;
5510
5523
  }
5511
5524
 
5512
- .Radio-input ~ .Radio-errorWrapper:focus {
5525
+ .Radio:focus-within .Radio-errorWrapper {
5513
5526
  outline: 0;
5514
5527
  box-shadow: var(--shadow-spread) var(--alert-shadow);
5528
+ border-radius: 50%;
5515
5529
  }
5516
5530
 
5517
- .Radio-input:checked ~ .Radio-wrapper:focus {
5531
+ .Radio:focus-within .Radio-input:checked ~ .Radio-wrapper {
5518
5532
  outline: 0;
5519
5533
  box-shadow: var(--shadow-spread) var(--primary-shadow);
5520
5534
  }
5521
5535
 
5522
- .Radio-input:checked ~ .Radio-errorWrapper:focus {
5536
+ .Radio:focus-within .Radio-input:checked ~ .Radio-errorWrapper {
5523
5537
  outline: 0;
5524
5538
  box-shadow: var(--shadow-spread) var(--primary-shadow);
5525
5539
  }