@innovaccer/design-system 2.16.1 → 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;
@@ -1903,6 +1915,10 @@ body {
1903
1915
  cursor: pointer;
1904
1916
  }
1905
1917
 
1918
+ .Checkbox-label--tiny {
1919
+ font-weight: var(--font-weight-bold);
1920
+ }
1921
+
1906
1922
  .Checkbox-outerWrapper {
1907
1923
  position: relative;
1908
1924
  margin-top: var(--spacing-s);
@@ -5500,22 +5516,24 @@ body {
5500
5516
  border-color: var(--alert-darker);
5501
5517
  }
5502
5518
 
5503
- .Radio-input ~ .Radio-wrapper:focus {
5519
+ .Radio:focus-within .Radio-wrapper {
5504
5520
  outline: 0;
5505
5521
  box-shadow: var(--shadow-spread) var(--secondary-shadow);
5522
+ border-radius: 50%;
5506
5523
  }
5507
5524
 
5508
- .Radio-input ~ .Radio-errorWrapper:focus {
5525
+ .Radio:focus-within .Radio-errorWrapper {
5509
5526
  outline: 0;
5510
5527
  box-shadow: var(--shadow-spread) var(--alert-shadow);
5528
+ border-radius: 50%;
5511
5529
  }
5512
5530
 
5513
- .Radio-input:checked ~ .Radio-wrapper:focus {
5531
+ .Radio:focus-within .Radio-input:checked ~ .Radio-wrapper {
5514
5532
  outline: 0;
5515
5533
  box-shadow: var(--shadow-spread) var(--primary-shadow);
5516
5534
  }
5517
5535
 
5518
- .Radio-input:checked ~ .Radio-errorWrapper:focus {
5536
+ .Radio:focus-within .Radio-input:checked ~ .Radio-errorWrapper {
5519
5537
  outline: 0;
5520
5538
  box-shadow: var(--shadow-spread) var(--primary-shadow);
5521
5539
  }