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