@innovaccer/design-system 4.1.0 → 4.2.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 (44) hide show
  1. package/CHANGELOG.md +61 -0
  2. package/css/dist/index.css +276 -196
  3. package/css/dist/index.css.map +1 -1
  4. package/css/gulpfile.js +9 -0
  5. package/css/src/components/avatarSelection.module.css +3 -3
  6. package/css/src/components/chatBubble.module.css +53 -0
  7. package/css/src/components/chatSeparator.module.css +23 -0
  8. package/dist/brotli/index.js +1 -1
  9. package/dist/brotli/index.js.br +0 -0
  10. package/dist/cjs/index.js +1 -1
  11. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -0
  12. package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts +1 -0
  13. package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts +2 -0
  14. package/dist/core/components/molecules/chat/Chat.d.ts +17 -0
  15. package/dist/core/components/molecules/chat/chatBubble/ChatBubble.d.ts +16 -0
  16. package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts +26 -0
  17. package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts +17 -0
  18. package/dist/core/components/molecules/chat/chatBubble/index.d.ts +2 -0
  19. package/dist/core/components/molecules/chat/dateSeparator/DateSeparator.d.ts +7 -0
  20. package/dist/core/components/molecules/chat/dateSeparator/index.d.ts +2 -0
  21. package/dist/core/components/molecules/chat/index.d.ts +2 -0
  22. package/dist/core/components/molecules/chat/newMessage/NewMessage.d.ts +7 -0
  23. package/dist/core/components/molecules/chat/newMessage/index.d.ts +2 -0
  24. package/dist/core/components/molecules/chat/typingIndicator/TypingIndicator.d.ts +7 -0
  25. package/dist/core/components/molecules/chat/typingIndicator/index.d.ts +2 -0
  26. package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts +7 -0
  27. package/dist/core/components/molecules/chat/unreadMessage/index.d.ts +2 -0
  28. package/dist/core/index.d.ts +1 -0
  29. package/dist/core/index.type.d.ts +6 -0
  30. package/dist/esm/index.js +1042 -740
  31. package/dist/figma/AvatarGroup.figma.d.ts +1 -0
  32. package/dist/figma/AvatarSelection.figma.d.ts +1 -0
  33. package/dist/figma/DateSeparator.figma.d.ts +1 -0
  34. package/dist/figma/NewMessage.figma.d.ts +1 -0
  35. package/dist/figma/TypingIndicator.figma.d.ts +1 -0
  36. package/dist/figma/UnreadMessage.figma.d.ts +1 -0
  37. package/dist/gzip/index.js +1 -1
  38. package/dist/gzip/index.js.gz +0 -0
  39. package/dist/index.js +910 -615
  40. package/dist/index.js.map +1 -1
  41. package/dist/index.umd.css +83 -3
  42. package/dist/index.umd.js +1 -1
  43. package/dist/types/tsconfig.type.tsbuildinfo +329 -18
  44. package/package.json +1 -1
package/dist/index.umd.css CHANGED
@@ -9770,13 +9770,13 @@ body {
9770
9770
  position: relative;
9771
9771
  }
9772
9772
 
9773
- .SelectionAvatarGroup-item:focus,
9774
- .SelectionAvatarGroup-item:focus-visible {
9773
+ .SelectionAvatarGroup-item--active:focus,
9774
+ .SelectionAvatarGroup-item--active:focus-visible {
9775
9775
  outline: 3px solid var(--primary-shadow);
9776
9776
  outline-offset: 3px;
9777
9777
  }
9778
9778
 
9779
- .SelectionAvatarGroup-item:active {
9779
+ .SelectionAvatarGroup-item--active:active {
9780
9780
  outline: var(--spacing-s) solid #00509f;
9781
9781
  outline-offset: var(--spacing-xs);
9782
9782
  }
@@ -10035,6 +10035,86 @@ body {
10035
10035
  padding-top: var(--spacing);
10036
10036
  }
10037
10037
 
10038
+ .Chat-UnreadMessage {
10039
+ border-radius: var(--spacing-2);
10040
+ padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing);
10041
+ display: flex;
10042
+ align-items: center;
10043
+ justify-content: center;
10044
+ background-color: var(--primary);
10045
+ cursor: pointer;
10046
+ }
10047
+
10048
+ .NewMessage-Divider--left {
10049
+ flex: 1;
10050
+ height: var(--spacing-xs);
10051
+ background-color: var(--primary);
10052
+ margin-right: var(--spacing-2);
10053
+ }
10054
+
10055
+ .NewMessage-Divider--right {
10056
+ flex: 1;
10057
+ height: var(--spacing-xs);
10058
+ background-color: var(--primary);
10059
+ margin-left: var(--spacing-2);
10060
+ }
10061
+
10062
+ .ChatBubble-box--outgoing {
10063
+ background-color: var(--primary-lightest);
10064
+ border-radius: var(--spacing);
10065
+ padding: var(--spacing) var(--spacing-l);
10066
+ }
10067
+
10068
+ .ChatBubble-separator {
10069
+ width: var(--spacing-m);
10070
+ height: var(--spacing-m);
10071
+ border-radius: 50%;
10072
+ margin: 0 var(--spacing);
10073
+ background: var(--inverse-lightest);
10074
+ }
10075
+
10076
+ .ChatBubble-box--noSuccess {
10077
+ margin-right: calc(var(--spacing-2) + var(--spacing-m));
10078
+ }
10079
+
10080
+ .ChatBubble-box {
10081
+ width: 100%;
10082
+ }
10083
+
10084
+ .ChatBubble-actionBar--outgoing {
10085
+ width: -moz-max-content;
10086
+ width: max-content;
10087
+ margin-right: var(--spacing-m);
10088
+ margin-top: var(--spacing-0-75);
10089
+ }
10090
+
10091
+ .ChatBubble-actionBar--incoming {
10092
+ width: -moz-max-content;
10093
+ width: max-content;
10094
+ margin-left: var(--spacing-m);
10095
+ margin-top: var(--spacing-0-75);
10096
+ }
10097
+
10098
+ .ChatBubble-box--incoming {
10099
+ background-color: var(--secondary-lightest);
10100
+ border-radius: var(--spacing);
10101
+ padding: var(--spacing) var(--spacing-l);
10102
+ }
10103
+
10104
+ .ChatBubble-metaData--incoming {
10105
+ margin-left: calc(var(--spacing-3) + var(--spacing));
10106
+ }
10107
+
10108
+ .ChatBubble-boxWrapper {
10109
+ flex: 0 0 auto;
10110
+ display: flex;
10111
+ max-width: 70%;
10112
+ }
10113
+
10114
+ .ChatBubble-actionBarWrapper {
10115
+ flex: 0 0 auto;
10116
+ }
10117
+
10038
10118
  .AIButton {
10039
10119
  padding: var(--spacing) var(--spacing-l);
10040
10120
  border-radius: var(--spacing-m);