@woosmap/ui 3.18.0 → 3.19.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.18.0",
3
+ "version": "3.19.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -72,9 +72,9 @@ $favorite = #ffc200
72
72
  $modalBg = rgba(0, 11, 31, .85)
73
73
 
74
74
  //new version of demos
75
- $inputBgColor = #f6f7f8
76
- $inputBorderColor = #bcc4d7
77
- $inputPlaceholderColor = #818ca5
75
+ $inputDemoBgColor = #f6f7f8
76
+ $inputDemoBorderColor = #bcc4d7
77
+ $inputDemoPlaceholderColor = #818ca5
78
78
 
79
79
  $activeColor = #7f98b3
80
80
  $activeColorDark = #4c657e
@@ -2,6 +2,7 @@
2
2
  .demo
3
3
  fullwh()
4
4
  margin 6rem auto
5
+ color $secondary
5
6
  .title
6
7
  font-size $title3
7
8
  pre
@@ -56,7 +57,7 @@
56
57
  font-size $fontSizeDemo - .1
57
58
  padding 0 $demoPadding
58
59
  height $footerDemoHeight
59
- background-color $inputBgColor
60
+ background-color $inputDemoBgColor
60
61
  font-weight 600
61
62
  &__content
62
63
  font-weight 400
@@ -90,8 +91,8 @@
90
91
  &:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
91
92
  inputFont()
92
93
  br($demoBr)
93
- background-color $inputBgColor !important
94
- border-color $inputBorderColor
94
+ background-color $inputDemoBgColor !important
95
+ border-color $inputDemoBorderColor
95
96
  font-size $inputFontSizeDemo
96
97
  height $inputDemoHeight
97
98
  padding 0 1rem 0 1rem
@@ -107,11 +108,11 @@
107
108
  font-size $inputFontSizeDemo
108
109
  &__control
109
110
  border-radius $demoBr !important
110
- background-color $inputBgColor !important
111
+ background-color $inputDemoBgColor !important
111
112
  min-height 2.4rem !important
112
113
  height auto !important
113
114
  &:not(.select__control--is-focused):not(.asyncselect__control--is-focused)
114
- border-color $inputBorderColor !important
115
+ border-color $inputDemoBorderColor !important
115
116
  .css-g1d714-ValueContainer
116
117
  .css-tlfecz-indicatorContainer
117
118
  padding 0
@@ -123,7 +124,7 @@
123
124
  input
124
125
  height auto !important
125
126
  &__placeholder
126
- color $inputPlaceholderColor
127
+ color $inputDemoPlaceholderColor
127
128
  &__dropdown-indicator
128
129
  &__clear-indicator
129
130
  padding 0
@@ -153,6 +154,16 @@
153
154
  padding .6rem
154
155
  .flag
155
156
  margin 0 .6rem 0 0
157
+ &--is-selected
158
+ color $light !important
159
+ background-color #819cb9 !important
160
+ &.select__option--is-focused
161
+ color $light !important
162
+ background-color #819cb9 !important
163
+ &--is-focused:not(.select__option--is-selected)
164
+ background-color #cddbeb !important
165
+ color $secondary !important
166
+
156
167
  &__filters
157
168
  .btn
158
169
  br(.2)
@@ -161,7 +172,7 @@
161
172
  padding 0 .8rem
162
173
  height $inputDemoHeight
163
174
  inputFont()
164
- border-color $inputBorderColor
175
+ border-color $inputDemoBorderColor
165
176
  .active
166
177
  &--primary
167
178
  background-color $activeColor
@@ -169,7 +180,7 @@
169
180
  &--group
170
181
  height 2.8rem
171
182
  &-container
172
- color $inputBgColor
183
+ color $inputDemoBgColor
173
184
  .btn
174
185
  &:first-child
175
186
  border-radius 2rem 0 0 2rem
@@ -179,7 +190,7 @@
179
190
  .btn.active
180
191
  background-color $activeColorDark
181
192
  border-color $activeColorDark
182
- color $inputBgColor
193
+ color $inputDemoBgColor
183
194
  &.language
184
195
  &.transportation
185
196
  mbi(.4)
@@ -203,7 +214,7 @@
203
214
  .tab
204
215
  &__header
205
216
  height $footerDemoHeight
206
- background-color $inputBgColor
217
+ background-color $inputDemoBgColor
207
218
  &__content
208
219
  padding $demoPadding
209
220
  overflow auto
@@ -22,7 +22,7 @@
22
22
  .error > &
23
23
  border-color $error !important
24
24
  &--is-focused
25
- border-color $secondary !important
25
+ border-color $inputBorderColor !important
26
26
  box-shadow none !important
27
27
  .select__indicator
28
28
  .asyncselect__indicator