@woosmap/ui 4.60.0 → 4.61.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 +250 -250
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.60.0",
3
+ "version": "4.61.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
+ .embeddedServiceHelpButton
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
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
116
64
 
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
65
+ [embeddedService-chatHeader_chatHeader-host]
66
+ background linear-gradient(45Deg, $logo2 0, $logo3 100%)
139
67
  font-family $fontFamily
140
68
  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])
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
153
97
  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
98
+ trans()
174
99
  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
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()
109
+ &:focus
110
+ background $logo4
111
+ box-shadow 0 0 .1rem .1rem $logo6
112
+ text-decoration none
113
+ .label
114
+ background-color transparent
115
+ text-decoration none
116
+
184
117
  .label
185
118
  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
119
  trans()
224
- br(0)
225
- border 0
226
- padding 1rem 2rem
227
- width 100%
228
- height 100%
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
229
139
  font-family $fontFamily
230
140
  font-size $fontSize
231
- font-weight $fontWeight
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])
153
+ 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
174
+ font()
175
+ .embeddedServiceSidebarButton.uiButton--inverse
176
+ .embeddedServiceSidebarButton.uiButton--inverse:disabled
177
+ br()
178
+ border .1rem solid $borderColor
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-color transparent
182
+ &:hover
183
+ text-shadow none
184
+ .label
185
+ 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
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