@woosmap/ui 4.25.0 → 4.27.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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/UseCase/UseCase.js +1 -0
  3. package/src/components/UseCase/UseCase.stories.js +1 -1
  4. package/src/components/UseCase/UseCase.styl +8 -1
  5. package/src/images/usecases/products.png +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.25.0",
3
+ "version": "4.27.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/UseCase/UseCase.js CHANGED
@@ -96,6 +96,7 @@ UseCase.defaultProps = {
96
96
  'fleetTracking',
97
97
  'geocoding',
98
98
  'indoorMapping',
99
+ 'products',
99
100
  ]),
100
101
  product: PropTypes.oneOf([
101
102
  'LOCALITIES',
package/src/components/UseCase/UseCase.stories.js CHANGED
@@ -13,7 +13,7 @@ export default Story;
13
13
 
14
14
  const Template = () => (
15
15
  <div className="mbib flex-column">
16
- <UseCase isSelectable useCaseStory="addressAutocomplete">
16
+ <UseCase isSelectable useCaseStory="products">
17
17
  <div className="use-case__header">Store Locator</div>
18
18
  <div className="use-case__body">
19
19
  Help your visitors searching for your stores and increase your store footfall
package/src/components/UseCase/UseCase.styl CHANGED
@@ -19,7 +19,8 @@
19
19
  border .1rem solid $success2
20
20
  &__image
21
21
  min-height 40rem
22
- min-width 60rem
22
+ max-width 60rem
23
+ width 100%
23
24
  background-size cover
24
25
  background-repeat no-repeat
25
26
  background-position center
@@ -53,6 +54,9 @@
53
54
  &--indoorMapping
54
55
  .use-case__image
55
56
  background-image url('../../images/usecases/indoor-mapping.png')
57
+ &--products
58
+ .use-case__image
59
+ background-image url('../../images/usecases/products.png')
56
60
  &__header
57
61
  font-size $title
58
62
  font-weight 600
@@ -87,3 +91,6 @@
87
91
  background-color $light
88
92
  padding .4rem 1rem
89
93
  margin 0 0 4rem 0
94
+ @media screen and (max-width 768px)
95
+ .use-case
96
+ flex-direction column
package/src/images/usecases/products.png ADDED
Binary file