@woosmap/ui 4.60.0 → 4.62.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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/commons/sf.styl +251 -251
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.60.0",
3
+ "version": "4.62.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/styles/commons/sf.styl CHANGED
@@ -1,272 +1,272 @@
1
1
  // SF Chat Customization
2
2
  body
3
+ .embeddedServiceSidebar
4
+ .embeddedServiceSidebarMinimizedDefaultUI
5
+ background-color $logo2
6
+ border-color $logo2
7
+ trans()
8
+ &.minimizedContainer:hover
9
+ background-color $sucess2
3
10
 
4
- .embeddedServiceSidebarMinimizedDefaultUI
5
- background-color $logo2
6
- border-color $logo2
7
- trans()
8
- &.minimizedContainer:hover
9
- background-color $sucess2
10
-
11
- .embeddedServiceSidebarMinimizedDefaultUI.helpButton
12
- .embeddedServiceHelpButton .helpButton .uiButton
13
- trans()
14
- background $logo2
15
- font-family $fontFamily
16
- font-size $fontSize
17
- min-width 1rem
18
- text-decoration none
19
- box-shadow 0 0 .2rem transparent
20
- &:focus
21
- outline: none
11
+ .embeddedServiceSidebarMinimizedDefaultUI.helpButton
12
+ .helpButton .uiButton
13
+ trans()
22
14
  background $logo2
23
- text-decoration: none;
24
- .helpButtonLabel
25
- text-decoration none
26
- &:before
27
- all unset
28
- &:before
29
- all unset
30
- &:hover
31
- textShadow()
32
- background $success2
33
- &:before
34
- content unset !important
35
- .embeddedServiceIcon.x-small
36
- svg
37
- sq(2)
38
- fill $light
39
- .embeddedServiceSidebarMinimizedDefaultUI
40
- width auto
41
- min-width 4rem
42
- max-width 20rem
43
- .messageContent
44
15
  font-family $fontFamily
45
16
  font-size $fontSize
46
- .minimizedImage
47
- img
48
- .uiImage
49
- sq(2)
50
- .embeddedServiceLoadingBalls
51
- &.tiny
52
- .loadingBall
53
- margin .1rem .1rem .4rem .1rem
54
- .embeddedServiceLiveAgentStateWaiting
55
- .waitingGreeting
56
- &.imageIsSet
57
- order 2
58
- .waitingImage
59
- order 1
60
- sq(3)
61
- .waitingMessage
62
- &.imageIsSet
63
- order 3
64
-
65
- [embeddedService-chatHeader_chatHeader-host]
66
- background linear-gradient(45Deg, $logo2 0, $logo3 100%)
67
- font-family $fontFamily
68
- font-size $fontSize
69
- h2
70
- font-weight 600
71
- button[embeddedService-chatHeader_chatHeader]
72
- &.minimizeButton
73
- &.closeButton
74
- sq(2.4)
75
- cursor pointer
76
- svg
77
- sq(1.4)
78
- label
79
- font()
80
- mbi(.4)
81
- display flex
82
- > :first-child
83
- order 1
84
- .embeddedServiceSidebarForm
85
- .fieldList
86
- margin-top 2rem
87
- .embeddedServiceSidebarFormField
88
- margin-bottom 2rem
89
- &.buttonWrapper
90
- background $light
91
- padding-top 0
92
- padding-bottom 10px
93
- &.formContent
94
- height calc(100% - 6.1rem)
95
- margin-bottom 6.1rem
96
- .embeddedServiceSidebarButton
97
- br()
98
- trans()
99
- font()
100
- background $logo3
101
- &:disabled
102
- opacity .3
103
- &:not(:disabled)
104
- &:hover
105
- background-color $success2
106
- text-decoration none
107
- .label
108
- textShadow()
17
+ min-width 1rem
18
+ text-decoration none
19
+ box-shadow 0 0 .2rem transparent
109
20
  &:focus
110
- background $logo4
111
- box-shadow 0 0 .1rem .1rem $logo6
112
- text-decoration none
113
- .label
114
- background-color transparent
21
+ outline: none
22
+ background $logo2
23
+ text-decoration: none;
24
+ .helpButtonLabel
115
25
  text-decoration none
116
-
117
- .label
118
- text-shadow none
119
- trans()
120
- background-color transparent
121
- .embeddedServiceSidebarFormField
122
- .uiInput
123
- margin-bottom 1rem
124
- .required
125
- position relative
126
- top unset
127
- left unset
128
- order 2
129
- .uiLabel-left
130
- margin-left 0
131
- .slds-style-inputtext
132
- .slds-style-select
133
- font()
134
- .has-error
135
- .slds-style-inputtext:not(:focus)
136
- border-color $error
137
- .uiInputDefaultError
138
- .form-element__help
26
+ &:before
27
+ all unset
28
+ &:before
29
+ all unset
30
+ &:hover
31
+ textShadow()
32
+ background $success2
33
+ &:before
34
+ content unset !important
35
+ .embeddedServiceIcon.x-small
36
+ svg
37
+ sq(2)
38
+ fill $light
39
+ .embeddedServiceSidebarMinimizedDefaultUI
40
+ width auto
41
+ min-width 4rem
42
+ max-width 20rem
43
+ .messageContent
44
+ font-family $fontFamily
45
+ font-size $fontSize
46
+ .minimizedImage
47
+ img
48
+ .uiImage
49
+ sq(2)
50
+ .embeddedServiceLoadingBalls
51
+ &.tiny
52
+ .loadingBall
53
+ margin .1rem .1rem .4rem .1rem
54
+ .embeddedServiceLiveAgentStateWaiting
55
+ .waitingGreeting
56
+ &.imageIsSet
57
+ order 2
58
+ .waitingImage
59
+ order 1
60
+ sq(3)
61
+ .waitingMessage
62
+ &.imageIsSet
63
+ order 3
64
+ [embeddedService-chatHeader_chatHeader-host]
65
+ background linear-gradient(45Deg, $logo2 0, $logo3 100%)
139
66
  font-family $fontFamily
140
67
  font-size $fontSize
141
- color $error
142
- input
143
- trans()
144
- width 100%
145
- font-family $fontFamily
146
- font-size $fontSize
147
- font-weight $fontWeight
148
- color $textColor
149
- line-height $fontSize + .4
150
- -webkit-font-smoothing antialiased
151
- -moz-osx-font-smoothing grayscale
152
- &:not([type=button]):not([type=checkbox]):not([type=radio])
68
+ h2
69
+ font-weight 600
70
+ button[embeddedService-chatHeader_chatHeader]
71
+ &.minimizeButton
72
+ &.closeButton
73
+ sq(2.4)
74
+ cursor pointer
75
+ svg
76
+ sq(1.4)
77
+ label
78
+ font()
79
+ mbi(.4)
80
+ display flex
81
+ > :first-child
82
+ order 1
83
+ .embeddedServiceSidebarForm
84
+ .fieldList
85
+ margin-top 2rem
86
+ .embeddedServiceSidebarFormField
87
+ margin-bottom 2rem
88
+ &.buttonWrapper
89
+ background $light
90
+ padding-top 0
91
+ padding-bottom 10px
92
+ &.formContent
93
+ height calc(100% - 6.1rem)
94
+ margin-bottom 6.1rem
95
+ .embeddedServiceSidebarButton
153
96
  br()
154
- placeHolderColor($placeHolderColor)
155
- height $inputHeight
156
- padding $inputPadding
157
- min-width $inputMinWidth
158
- width 100%
159
- background-color $light
160
- border .1rem solid $inputBorderColor
161
- &:focus
162
- border-color $secondary
163
- &[type=textarea]
164
- padding round($padding / 1.7) $padding
165
- height $inputHeight * 2
166
- .embeddedServiceSidebarDialogState
167
- .dialogTextContainer
168
- font-family $fontFamily
169
- .dialogIcon
170
- svg
171
- sq(6)
172
- .waitingMessage
173
- &.imageIsSet
97
+ trans()
174
98
  font()
175
- .embeddedServiceSidebarButton.uiButton--inverse
176
- .embeddedServiceSidebarButton.uiButton--inverse:disabled
177
- br()
178
- border .1rem solid $borderColor
179
- .label
180
- color $textColor
181
- background-color transparent
182
- &:hover
183
- text-shadow none
99
+ background $logo3
100
+ &:disabled
101
+ opacity .3
102
+ &:not(:disabled)
103
+ &:hover
104
+ background-color $success2
105
+ text-decoration none
106
+ .label
107
+ textShadow()
108
+ &:focus
109
+ background $logo4
110
+ box-shadow 0 0 .1rem .1rem $logo6
111
+ text-decoration none
112
+ .label
113
+ background-color transparent
114
+ text-decoration none
115
+
184
116
  .label
185
117
  text-shadow none
186
- .embeddedServiceSidebarFormField.inputSplitName
187
- width auto
188
- display block
189
- .waitingStateContainer
190
- .waitingGreetingContent
191
- font-family $fontFamily
192
- .embeddedServiceLiveAgentStateChat
193
- .messageArea:focus
194
- border 0
195
- .unseenMessageNotification[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification] .scrollDownButton[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification]
196
- .scrollDownButton[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification] button[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification]
197
- margin-left .3rem
198
- .embeddedServiceLiveAgentStateChatInputFooter
199
- .unseenMessageNotificationWrapper
200
- .scrollDownButton
201
- .slds-button_icon-border
202
- sq(3)
203
- br(50)
204
- align-items center
205
- background-color $dark2
206
- border .1rem solid $dark6
207
- line-height .5
208
- .slds-button__icon
209
- sq(1.6)
210
- fill $dark30
211
- &.chasitorInputWrapper
212
- border-top .1rem solid $borderColor
213
- background-color $light
214
- &.dynamicResizeTextOneRow
215
- height auto
216
- min-height 1rem
217
- flex-shrink 0
218
- margin-bottom 1rem
219
- .chasitorControls
220
- margin 0
221
- height 100%
222
- .uiInput
223
118
  trans()
224
- br(0)
225
- border 0
226
- padding 1rem 2rem
227
- width 100%
228
- height 100%
119
+ background-color transparent
120
+ .embeddedServiceSidebarFormField
121
+ .uiInput
122
+ margin-bottom 1rem
123
+ .required
124
+ position relative
125
+ top unset
126
+ left unset
127
+ order 2
128
+ .uiLabel-left
129
+ margin-left 0
130
+ .slds-style-inputtext
131
+ .slds-style-select
132
+ font()
133
+ .has-error
134
+ .slds-style-inputtext:not(:focus)
135
+ border-color $error
136
+ .uiInputDefaultError
137
+ .form-element__help
229
138
  font-family $fontFamily
230
139
  font-size $fontSize
231
- font-weight $fontWeight
140
+ color $error
141
+ input
142
+ trans()
143
+ width 100%
144
+ font-family $fontFamily
145
+ font-size $fontSize
146
+ font-weight $fontWeight
147
+ color $textColor
148
+ line-height $fontSize + .4
149
+ -webkit-font-smoothing antialiased
150
+ -moz-osx-font-smoothing grayscale
151
+ &:not([type=button]):not([type=checkbox]):not([type=radio])
152
+ br()
153
+ placeHolderColor($placeHolderColor)
154
+ height $inputHeight
155
+ padding $inputPadding
156
+ min-width $inputMinWidth
157
+ width 100%
158
+ background-color $light
159
+ border .1rem solid $inputBorderColor
160
+ &:focus
161
+ border-color $secondary
162
+ &[type=textarea]
163
+ padding round($padding / 1.7) $padding
164
+ height $inputHeight * 2
165
+ .embeddedServiceSidebarDialogState
166
+ .dialogTextContainer
167
+ font-family $fontFamily
168
+ .dialogIcon
169
+ svg
170
+ sq(6)
171
+ .waitingMessage
172
+ &.imageIsSet
173
+ font()
174
+ .embeddedServiceSidebarButton.uiButton--inverse
175
+ .embeddedServiceSidebarButton.uiButton--inverse:disabled
176
+ br()
177
+ border .1rem solid $borderColor
178
+ background transparent
179
+ .label
232
180
  color $textColor
233
- line-height $fontSize + .4
234
- text-align left
235
- -webkit-font-smoothing antialiased
236
- -moz-osx-font-smoothing grayscale
237
- .chasitorText
238
- &.textAreaIsFocused
181
+ background transparent
182
+ &:hover
183
+ .label
184
+ color #fff
185
+
186
+ .embeddedServiceSidebarFormField.inputSplitName
187
+ width auto
188
+ display block
189
+ .waitingStateContainer
190
+ .waitingGreetingContent
191
+ font-family $fontFamily
192
+ .embeddedServiceLiveAgentStateChat
193
+ .messageArea:focus
239
194
  border 0
240
- .messageArea
241
- font-family $fontFamily
242
- font-size $fontSize + .2
243
- .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI
244
- &.chasitor
245
- &.plaintextContent
246
- background $logo3
247
- .embeddedServiceLiveAgentStateChatItem
248
- &.chatMessage
249
- margin-bottom 1rem
250
- flex-shrink 0
251
- .isLightningOutContext
252
- .avatar
253
- border .1rem solid $boarderColor
254
- bottom auto
255
- top .6rem
256
- [embeddedServiceLiveAgentStateChatAvatar]
257
- position relative
258
- overflow visible
259
- .embeddedServiceLiveAgentStateChat
260
- .chatSessionStartTime
261
- flex 0 0 auto
262
- .messageWrapper
263
- .typingIndicatorContainer
264
- .queuePositionContainer
265
- display flex
266
- flex-direction column
195
+ .unseenMessageNotification[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification] .scrollDownButton[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification]
196
+ .scrollDownButton[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification] button[embeddedService-chatUnseenMessageNotification_chatUnseenMessageNotification]
197
+ margin-left .3rem
198
+ .embeddedServiceLiveAgentStateChatInputFooter
199
+ .unseenMessageNotificationWrapper
200
+ .scrollDownButton
201
+ .slds-button_icon-border
202
+ sq(3)
203
+ br(50)
204
+ align-items center
205
+ background-color $dark2
206
+ border .1rem solid $dark6
207
+ line-height .5
208
+ .slds-button__icon
209
+ sq(1.6)
210
+ fill $dark30
211
+ &.chasitorInputWrapper
212
+ border-top .1rem solid $borderColor
213
+ background-color $light
214
+ &.dynamicResizeTextOneRow
215
+ height auto
216
+ min-height 1rem
217
+ flex-shrink 0
218
+ margin-bottom 1rem
219
+ .chasitorControls
220
+ margin 0
221
+ height 100%
222
+ .uiInput
223
+ trans()
224
+ br(0)
225
+ border 0
226
+ padding 1rem 2rem
227
+ width 100%
228
+ height 100%
229
+ font-family $fontFamily
230
+ font-size $fontSize
231
+ font-weight $fontWeight
232
+ color $textColor
233
+ line-height $fontSize + .4
234
+ text-align left
235
+ -webkit-font-smoothing antialiased
236
+ -moz-osx-font-smoothing grayscale
237
+ .chasitorText
238
+ &.textAreaIsFocused
239
+ border 0
267
240
  .messageArea
268
- display block
269
- &.smoothScroll
270
- scroll-behavior smooth
271
- // End SF Chat Customization
241
+ font-family $fontFamily
242
+ font-size $fontSize + .2
243
+ .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI
244
+ &.chasitor
245
+ &.plaintextContent
246
+ background $logo3
247
+ .embeddedServiceLiveAgentStateChatItem
248
+ &.chatMessage
249
+ margin-bottom 1rem
250
+ flex-shrink 0
251
+ .isLightningOutContext
252
+ .avatar
253
+ border .1rem solid $boarderColor
254
+ bottom auto
255
+ top .6rem
256
+ [embeddedServiceLiveAgentStateChatAvatar]
257
+ position relative
258
+ overflow visible
259
+ .embeddedServiceLiveAgentStateChat
260
+ .chatSessionStartTime
261
+ flex 0 0 auto
262
+ .messageWrapper
263
+ .typingIndicatorContainer
264
+ .queuePositionContainer
265
+ display flex
266
+ flex-direction column
267
+ .messageArea
268
+ display block
269
+ &.smoothScroll
270
+ scroll-behavior smooth
271
+ // End SF Chat Customization
272
272