@innovaccer/design-system 2.7.0 → 2.8.0-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 (50) hide show
  1. package/.github/workflows/chromatic.yml +3 -1
  2. package/.github/workflows/main.yml +1 -1
  3. package/.github/workflows/manual.yml +1 -1
  4. package/.github/workflows/pull_request.yml +1 -1
  5. package/.github/workflows/test.yml +1 -1
  6. package/CHANGELOG.md +28 -0
  7. package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +8 -8
  8. package/core/components/atoms/_chip/index.tsx +1 -1
  9. package/core/components/atoms/avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +20 -0
  10. package/core/components/atoms/avatarGroup/AvatarCount.tsx +29 -0
  11. package/core/components/atoms/avatarGroup/AvatarGroup.tsx +16 -62
  12. package/core/components/atoms/avatarGroup/AvatarPopperBody.tsx +37 -0
  13. package/core/components/atoms/avatarGroup/Avatars.tsx +23 -0
  14. package/core/components/atoms/avatarGroup/__stories__/index.story.tsx +41 -0
  15. package/core/components/atoms/avatarGroup/__tests__/AvatarGroup.test.tsx +1 -1
  16. package/core/components/atoms/avatarGroup/__tests__/__snapshots__/AvatarGroup.test.tsx.snap +8 -4
  17. package/core/components/atoms/chip/__tests__/__snapshots__/Chip.test.tsx.snap +11 -11
  18. package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +4 -4
  19. package/core/components/atoms/dropdown/DropdownButton.tsx +1 -1
  20. package/core/components/atoms/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +29 -2
  21. package/core/components/atoms/popperWrapper/PopperWrapper.tsx +117 -12
  22. package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +4 -4
  23. package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +4 -4
  24. package/core/components/molecules/editableDropdown/__tests__/__snapshots__/EditableDropdown.test.tsx.snap +1 -0
  25. package/core/components/molecules/popover/__tests__/__snapshots__/Popover.test.tsx.snap +16 -8
  26. package/core/components/molecules/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +8 -0
  27. package/core/components/organisms/calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +8 -8
  28. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +14 -13
  29. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +42 -30
  30. package/core/components/organisms/table/__tests__/__snapshots__/Table.test.tsx.snap +1544 -0
  31. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +6 -2
  32. package/css/dist/index.css +11 -1
  33. package/css/dist/index.css.map +1 -1
  34. package/css/src/components/ProgressBar.css +1 -1
  35. package/css/src/components/button.css +1 -0
  36. package/css/src/components/chip.css +4 -0
  37. package/css/src/components/slider.css +1 -0
  38. package/css/src/utils/utility.css +4 -0
  39. package/dist/core/components/atoms/avatarGroup/AvatarCount.d.ts +2 -0
  40. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -2
  41. package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts +2 -0
  42. package/dist/core/components/atoms/avatarGroup/Avatars.d.ts +2 -0
  43. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +62 -54
  44. package/dist/index.esm.js +198 -93
  45. package/dist/index.js +188 -84
  46. package/dist/index.js.map +1 -1
  47. package/dist/index.umd.js +1 -1
  48. package/dist/index.umd.js.br +0 -0
  49. package/dist/index.umd.js.gz +0 -0
  50. package/package.json +1 -1
@@ -45,7 +45,7 @@ exports[`TS renders children 1`] = `
45
45
  </span>
46
46
  </div>
47
47
  <div
48
- class="Chip Chip--input"
48
+ class="Chip-wrapper Chip Chip--input"
49
49
  data-test="DesignSystem-Chip--GenericChip"
50
50
  >
51
51
  <span
@@ -728,7 +728,7 @@ exports[`TS renders children 1`] = `
728
728
  data-test="DesignSystem-Select--TodaysDate-wrapper"
729
729
  >
730
730
  <div
731
- class="Chip Chip--action"
731
+ class="Chip-wrapper Chip Chip--action"
732
732
  data-test="DesignSystem-Chip--GenericChip"
733
733
  >
734
734
  <span
@@ -743,6 +743,7 @@ exports[`TS renders children 1`] = `
743
743
  <div
744
744
  class="Dropdown"
745
745
  >
746
+ <style />
746
747
  <div
747
748
  class="OutsideClick PopperWrapper-trigger w-100"
748
749
  >
@@ -787,6 +788,7 @@ exports[`TS renders children 1`] = `
787
788
  class="Dropdown d-none"
788
789
  data-test="DesignSystem-EditableDropdown--Dropdown"
789
790
  >
791
+ <style />
790
792
  <div
791
793
  class="OutsideClick PopperWrapper-trigger w-100"
792
794
  >
@@ -1530,6 +1532,7 @@ exports[`TS renders children 1`] = `
1530
1532
  </div>
1531
1533
  </div>
1532
1534
  </div>
1535
+ <style />
1533
1536
  <div
1534
1537
  class="OutsideClick PopperWrapper-trigger"
1535
1538
  >
@@ -1744,6 +1747,7 @@ exports[`TS renders children 1`] = `
1744
1747
  stroke-width="8"
1745
1748
  />
1746
1749
  </svg>
1750
+ <style />
1747
1751
  <div
1748
1752
  class="OutsideClick PopperWrapper-trigger"
1749
1753
  >
@@ -658,7 +658,7 @@ body {
658
658
  .ProgressBar {
659
659
  width: 100%;
660
660
  border-radius: var(--spacing-m);
661
- background: var(--secondary-lightest);
661
+ background: var(--secondary-lighter);
662
662
  }
663
663
 
664
664
  .ProgressBar-indicator {
@@ -1028,6 +1028,7 @@ body {
1028
1028
 
1029
1029
  .Button:disabled {
1030
1030
  cursor: not-allowed;
1031
+ pointer-events: none;
1031
1032
  }
1032
1033
 
1033
1034
  .Button:focus {
@@ -1752,6 +1753,10 @@ body {
1752
1753
  cursor: default;
1753
1754
  height: var(--spacing-xl);
1754
1755
  }
1756
+ .Chip-wrapper {
1757
+ display: inline-flex;
1758
+ align-items: center;
1759
+ }
1755
1760
 
1756
1761
  .Chip-icon--left {
1757
1762
  padding-right: var(--spacing-m);
@@ -4975,6 +4980,7 @@ body {
4975
4980
  .Slider-handle--disabled {
4976
4981
  pointer-events: none;
4977
4982
  background-color: var(--secondary-light);
4983
+ box-shadow: none;
4978
4984
  }
4979
4985
 
4980
4986
  @-webkit-keyframes rotate {
@@ -7505,4 +7511,8 @@ body {
7505
7511
  cursor: pointer;
7506
7512
  }
7507
7513
 
7514
+ .white-space-nowrap {
7515
+ white-space: nowrap;
7516
+ }
7517
+
7508
7518
  /*# sourceMappingURL=index.css.map */