@seamly/web-ui 20.0.0-beta.1 → 20.0.0-beta.4

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 (76) hide show
  1. package/build/dist/lib/components.js +1 -1
  2. package/build/dist/lib/components.min.js +1 -1
  3. package/build/dist/lib/deprecated-view.css +1 -0
  4. package/build/dist/lib/deprecated-view.js +1 -0
  5. package/build/dist/lib/index.debug.js +102 -57
  6. package/build/dist/lib/index.debug.min.js +1 -1
  7. package/build/dist/lib/index.debug.min.js.LICENSE.txt +28 -12
  8. package/build/dist/lib/index.js +14773 -13925
  9. package/build/dist/lib/index.min.js +1 -1
  10. package/build/dist/lib/index.min.js.LICENSE.txt +5 -0
  11. package/build/dist/lib/standalone.js +19922 -19625
  12. package/build/dist/lib/standalone.min.js +1 -1
  13. package/build/dist/lib/style-guide.js +5071 -10746
  14. package/build/dist/lib/style-guide.min.js +1 -2
  15. package/build/dist/lib/styles-default-implementation.css +1 -0
  16. package/build/dist/lib/styles-default-implementation.js +1 -0
  17. package/build/dist/lib/styles.css +1 -1
  18. package/package.json +8 -7
  19. package/src/.DS_Store +0 -0
  20. package/src/javascripts/domains/translations/components/options-button.js +1 -1
  21. package/src/javascripts/index.js +5 -2
  22. package/src/javascripts/lib/parse-body.js +1 -1
  23. package/src/javascripts/package/components.js +1 -1
  24. package/src/javascripts/style-guide/components/app.js +3 -3
  25. package/src/javascripts/style-guide/components/static-core.js +1 -1
  26. package/src/javascripts/style-guide/states.js +326 -69
  27. package/src/javascripts/ui/components/app-options/index.js +9 -3
  28. package/src/javascripts/ui/components/conversation/conversation.js +1 -1
  29. package/src/javascripts/ui/components/conversation/event/carousel-message/index.js +3 -1
  30. package/src/javascripts/ui/components/conversation/event/conversation-suggestions.js +12 -3
  31. package/src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js +35 -0
  32. package/src/javascripts/ui/components/conversation/event/participant.js +5 -2
  33. package/src/javascripts/ui/components/conversation/event/splash.js +2 -1
  34. package/src/javascripts/ui/components/conversation/event/text.js +2 -1
  35. package/src/javascripts/ui/components/entry/{toggle-button.js → deprecated-toggle-button.js} +0 -0
  36. package/src/javascripts/ui/components/entry/entry-container.js +1 -1
  37. package/src/javascripts/ui/components/faq/faq.js +162 -0
  38. package/src/javascripts/ui/components/layout/chat-frame.js +1 -1
  39. package/src/javascripts/ui/components/layout/chat.js +62 -0
  40. package/src/javascripts/ui/components/layout/{app-frame.js → deprecated-app-frame.js} +10 -24
  41. package/src/javascripts/ui/components/layout/header.js +1 -1
  42. package/src/javascripts/ui/components/options/options-button.js +2 -2
  43. package/src/javascripts/ui/components/suggestions/index.js +2 -2
  44. package/src/javascripts/ui/components/view/app-view.js +3 -3
  45. package/src/javascripts/ui/components/view/deprecated-view.js +6 -4
  46. package/src/javascripts/ui/components/view/index.js +61 -5
  47. package/src/javascripts/ui/components/view/inline-view.js +9 -3
  48. package/src/javascripts/ui/components/view/window-view/index.js +3 -3
  49. package/src/stylesheets/1-settings/_config.scss +6 -6
  50. package/src/stylesheets/{3-app/_app.scss → 3-chat/_chat.scss} +27 -25
  51. package/src/stylesheets/5-components/_conversation.scss +2 -2
  52. package/src/stylesheets/5-components/_disclaimer.scss +1 -1
  53. package/src/stylesheets/5-components/_error.scss +20 -10
  54. package/src/stylesheets/5-components/_message-count.scss +1 -0
  55. package/src/stylesheets/5-components/_modal.scss +2 -2
  56. package/src/stylesheets/5-components/_options.scss +8 -8
  57. package/src/stylesheets/5-components/_pre-chat-messages.scss +6 -2
  58. package/src/stylesheets/5-components/_suggestions.scss +12 -6
  59. package/src/stylesheets/5-components/_unstarted.scss +14 -8
  60. package/src/stylesheets/6-default-implementation/_hover.scss +153 -0
  61. package/src/stylesheets/{6-webui-only → 6-default-implementation}/_scrollbar.scss +1 -1
  62. package/src/stylesheets/7-deprecated/3-app/_app.scss +8 -8
  63. package/src/stylesheets/7-deprecated/5-components/_error.scss +19 -9
  64. package/src/stylesheets/7-deprecated/5-components/_input.scss +1 -1
  65. package/src/stylesheets/7-deprecated/5-components/_options.scss +8 -10
  66. package/src/stylesheets/styles-default-implementation.scss +3 -0
  67. package/src/stylesheets/styles.scss +8 -9
  68. package/webpack/config.common.js +7 -1
  69. package/webpack/config.package.js +9 -1
  70. package/webpack/config.test.js +1 -0
  71. package/webpack/defaults.js +3 -6
  72. package/CHANGELOG.md +0 -625
  73. package/build/dist/lib/style-guide.min.js.LICENSE.txt +0 -9
  74. package/src/javascripts/ui/components/layout/modal-wrapper.js +0 -0
  75. package/src/stylesheets/6-webui-only/_hover.scss +0 -151
  76. package/src/stylesheets/styles-webui-only.scss +0 -3
@@ -1,151 +0,0 @@
1
- @media (hover: hover) {
2
- .#{$n}-button.#{$n}-collapse-button,
3
- .#{$n}-modal__enlarge,
4
- .#{$n}-modal__close {
5
- transition: background-color $transition;
6
-
7
- &:hover {
8
- background-color: $interaction-dark;
9
- }
10
-
11
- path {
12
- transition: fill $transition;
13
- }
14
-
15
- &:hover svg path {
16
- fill: $white;
17
- }
18
- }
19
-
20
- .#{$n}-button {
21
- transition: color $transition, background-color $transition;
22
- }
23
-
24
- .#{$n}-button--primary:not(.#{$n}-button--disabled) {
25
- &:hover {
26
- background-color: $interaction-dark;
27
- }
28
- }
29
-
30
- .#{$n}-button--secondary:not(.#{$n}-button--disabled),
31
- .#{$n}-button--tertiary:not(.#{$n}-button--disabled) {
32
- &:hover {
33
- color: $interaction-dark;
34
- }
35
- }
36
-
37
- .#{$n}-choice-prompt__item--secondary .#{$n}-button {
38
- &:hover {
39
- background-color: initial;
40
- color: $interaction-dark;
41
- }
42
- }
43
-
44
- .#{$n}-message--type-cta .#{$n}-button {
45
- &:hover {
46
- background-color: $white;
47
- color: $interaction-dark;
48
- }
49
- }
50
-
51
- .#{$n}-message__body a {
52
- transition: color $transition;
53
-
54
- &:hover {
55
- text-decoration: none;
56
- }
57
- }
58
-
59
- .#{$n}-conversation__item--source-agent
60
- .#{$n}-message__body.#{$n}-message__body
61
- a {
62
- &:hover {
63
- color: $interaction-dark;
64
- }
65
- }
66
-
67
- .#{$n}-input__text {
68
- transition: padding $transition, border $transition;
69
-
70
- &:hover {
71
- border-color: $interaction-dark;
72
- }
73
-
74
- &:focus {
75
- border-color: transparent;
76
- }
77
- }
78
-
79
- .#{$n}-input__submit:not(:disabled):hover .#{$n}-icon path {
80
- fill: $interaction-dark;
81
- }
82
-
83
- .#{$n}-card__content.#{$n}-card__content .#{$n}-button.#{$n}-button:hover {
84
- color: $white;
85
- }
86
-
87
- .#{$n}-carousel__controls .#{$n}-button .#{$n}-icon svg path {
88
- transition: fill $transition;
89
- }
90
-
91
- .#{$n}-carousel__controls .#{$n}-button:hover .#{$n}-icon svg path {
92
- fill: $interaction-dark;
93
- }
94
-
95
- .#{$n}-carousel-pagination__button::before {
96
- transition: background-color $transition;
97
- }
98
-
99
- .#{$n}-carousel-pagination__button:hover::before {
100
- background-color: $interaction-dark;
101
- }
102
-
103
- .#{$n}-upload-toggle path {
104
- transition: fill $transition;
105
- }
106
-
107
- .#{$n}-upload-toggle:hover path {
108
- background-color: $interaction-dark;
109
- }
110
-
111
- .#{$n}-file-upload {
112
- transition: border $transition;
113
-
114
- &:hover {
115
- border-color: $interaction-dark;
116
- }
117
- }
118
-
119
- .#{$n}-upload__label {
120
- transition: color $transition;
121
-
122
- &:hover {
123
- color: $interaction-dark;
124
- }
125
- }
126
-
127
- .#{$n}-options__menu__item:not(.#{$n}-button--disabled) {
128
- transition: color $transition;
129
-
130
- &:hover {
131
- color: $interaction-dark;
132
- }
133
- }
134
-
135
- .#{$n}-options__close {
136
- transition: color $transition;
137
-
138
- &:hover {
139
- color: $interaction-dark;
140
- }
141
- }
142
-
143
- .#{$n}-transcript__input,
144
- .#{$n}-input__select {
145
- transition: border $transition;
146
-
147
- &:hover {
148
- border-color: $interaction-dark;
149
- }
150
- }
151
- }
@@ -1,3 +0,0 @@
1
- @import '1-settings/config';
2
- @import '6-webui-only/hover';
3
- @import '6-webui-only/scrollbar';