@innovaccer/design-system 4.1.0 → 4.3.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 (67) hide show
  1. package/CHANGELOG.md +102 -1
  2. package/css/dist/index.css +316 -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/css/src/components/meter.module.css +39 -0
  9. package/dist/brotli/index.js +1 -1
  10. package/dist/brotli/index.js.br +0 -0
  11. package/dist/cjs/index.js +1 -1
  12. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -0
  13. package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts +1 -0
  14. package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts +2 -0
  15. package/dist/core/components/atoms/meter/Meter.d.ts +64 -0
  16. package/dist/core/components/atoms/meter/Step.d.ts +21 -0
  17. package/dist/core/components/atoms/meter/index.d.ts +2 -0
  18. package/dist/core/components/atoms/meter/useMeterValues.d.ts +9 -0
  19. package/dist/core/components/molecules/chat/Chat.d.ts +17 -0
  20. package/dist/core/components/molecules/chat/chatBubble/ChatBubble.d.ts +16 -0
  21. package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts +26 -0
  22. package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts +17 -0
  23. package/dist/core/components/molecules/chat/chatBubble/index.d.ts +2 -0
  24. package/dist/core/components/molecules/chat/dateSeparator/DateSeparator.d.ts +7 -0
  25. package/dist/core/components/molecules/chat/dateSeparator/index.d.ts +2 -0
  26. package/dist/core/components/molecules/chat/index.d.ts +2 -0
  27. package/dist/core/components/molecules/chat/newMessage/NewMessage.d.ts +7 -0
  28. package/dist/core/components/molecules/chat/newMessage/index.d.ts +2 -0
  29. package/dist/core/components/molecules/chat/typingIndicator/TypingIndicator.d.ts +7 -0
  30. package/dist/core/components/molecules/chat/typingIndicator/index.d.ts +2 -0
  31. package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts +7 -0
  32. package/dist/core/components/molecules/chat/unreadMessage/index.d.ts +2 -0
  33. package/dist/core/components/organisms/grid/Grid.d.ts +1 -0
  34. package/dist/core/components/organisms/grid/rowUtility.d.ts +1 -0
  35. package/dist/core/index.d.ts +2 -0
  36. package/dist/core/index.type.d.ts +7 -0
  37. package/dist/esm/index.js +1222 -745
  38. package/dist/figma/AvatarGroup.figma.d.ts +1 -0
  39. package/dist/figma/AvatarSelection.figma.d.ts +1 -0
  40. package/dist/figma/Calendar.figma.d.ts +1 -0
  41. package/dist/figma/ChatBubble.figma.d.ts +1 -0
  42. package/dist/figma/ChoiceList.figma.d.ts +1 -0
  43. package/dist/figma/Combobox.figma.d.ts +1 -0
  44. package/dist/figma/DatePicker.figma.d.ts +1 -0
  45. package/dist/figma/DateRangePicker.figma.d.ts +1 -0
  46. package/dist/figma/DateSeparator.figma.d.ts +1 -0
  47. package/dist/figma/HorizontalNav.figma.d.ts +1 -0
  48. package/dist/figma/InlineMessage.figma.d.ts +1 -0
  49. package/dist/figma/Listbox.figma.d.ts +1 -0
  50. package/dist/figma/Menu.figma.d.ts +1 -0
  51. package/dist/figma/Meter.figma.d.ts +1 -0
  52. package/dist/figma/NewMessage.figma.d.ts +1 -0
  53. package/dist/figma/PageHeader.figma.d.ts +1 -0
  54. package/dist/figma/Select.figma.d.ts +1 -0
  55. package/dist/figma/Table.figma.d.ts +1 -0
  56. package/dist/figma/TimePicker.figma.d.ts +1 -0
  57. package/dist/figma/TypingIndicator.figma.d.ts +1 -0
  58. package/dist/figma/UnreadMessage.figma.d.ts +1 -0
  59. package/dist/figma/VerticalNav.figma.d.ts +1 -0
  60. package/dist/gzip/index.js +1 -1
  61. package/dist/gzip/index.js.gz +0 -0
  62. package/dist/index.js +1082 -620
  63. package/dist/index.js.map +1 -1
  64. package/dist/index.umd.css +123 -3
  65. package/dist/index.umd.js +1 -1
  66. package/dist/types/tsconfig.type.tsbuildinfo +641 -26
  67. 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,126 @@ 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
+
10118
+ .Meter {
10119
+ display: flex;
10120
+ align-items: center;
10121
+ }
10122
+
10123
+ .Meter-Step {
10124
+ border-radius: 50%;
10125
+ }
10126
+
10127
+ .Meter-Step--small {
10128
+ width: var(--spacing-m);
10129
+ height: var(--spacing);
10130
+ }
10131
+
10132
+ .Meter-Step--regular {
10133
+ width: var(--spacing);
10134
+ height: var(--spacing);
10135
+ }
10136
+
10137
+ .Meter-Step--large {
10138
+ width: var(--spacing-l);
10139
+ height: var(--spacing-l);
10140
+ }
10141
+
10142
+ .Meter-Step--info {
10143
+ background: var(--primary);
10144
+ }
10145
+
10146
+ .Meter-Step--warning {
10147
+ background: var(--warning);
10148
+ }
10149
+
10150
+ .Meter-Step--alert {
10151
+ background: var(--alert);
10152
+ }
10153
+
10154
+ .Meter-Step--success {
10155
+ background: var(--success);
10156
+ }
10157
+
10038
10158
  .AIButton {
10039
10159
  padding: var(--spacing) var(--spacing-l);
10040
10160
  border-radius: var(--spacing-m);