@woosmap/ui 4.14.0 → 4.16.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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/components/Icon/Icon.js +2 -0
  3. package/src/components/Label/Label.js +18 -1
  4. package/src/components/Label/Label.styl +33 -3
  5. package/src/components/UseCase/UseCase.js +1 -1
  6. package/src/components/UseCase/UseCase.stories.js +1 -1
  7. package/src/icons/big-commerce.svg +1 -0
  8. package/src/styles/console/colors.styl +12 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.14.0",
3
+ "version": "4.16.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/Icon/Icon.js CHANGED
@@ -135,6 +135,7 @@ import { ReactComponent as AssetAdd } from '../../icons/asset-add.svg';
135
135
  import { ReactComponent as Bank } from '../../icons/bank.svg';
136
136
  import { ReactComponent as Beaker } from '../../icons/beaker.svg';
137
137
  import { ReactComponent as Bell } from '../../icons/bell.svg';
138
+ import { ReactComponent as BigCommerce } from '../../icons/big-commerce.svg';
138
139
  import { ReactComponent as Bookmark } from '../../icons/bookmark.svg';
139
140
  import { ReactComponent as Bulb } from '../../icons/bulb.svg';
140
141
  import { ReactComponent as CaretBotton } from '../../icons/caret-bottom.svg';
@@ -484,6 +485,7 @@ const ConsoleIcons = {
484
485
  bank: Bank,
485
486
  beaker: Beaker,
486
487
  bell: Bell,
488
+ 'big-commerce': BigCommerce,
487
489
  bookmark: Bookmark,
488
490
  bulb: Bulb,
489
491
  'caret-bottom': CaretBotton,
package/src/components/Label/Label.js CHANGED
@@ -73,7 +73,24 @@ Label.defaultProps = {
73
73
  Label.propTypes = {
74
74
  label: PropTypes.string,
75
75
  testId: PropTypes.string,
76
- color: PropTypes.oneOf(['bleu', 'mauve', 'green', 'grey', 'orange', 'red', 'dark', 'white', undefined, '']),
76
+ color: PropTypes.oneOf([
77
+ 'bleu',
78
+ 'lightbleu',
79
+ 'mauve',
80
+ 'lightmauve',
81
+ 'green',
82
+ 'lightgreen',
83
+ 'grey',
84
+ 'lightgrey',
85
+ 'orange',
86
+ 'lightorange',
87
+ 'red',
88
+ 'lightred',
89
+ 'dark',
90
+ 'white',
91
+ undefined,
92
+ '',
93
+ ]),
77
94
  className: PropTypes.string,
78
95
  product: PropTypes.oneOf([
79
96
  'localities',
package/src/components/Label/Label.styl CHANGED
@@ -100,22 +100,52 @@
100
100
  background-color $co-owner
101
101
  &--blue
102
102
  background-color $labelBlue
103
+ &--lightblue
104
+ background-color $labelLightBlue
103
105
  &--mauve
104
106
  background-color $labelMauve
107
+ &--lightmauve
108
+ background-color $labelLightMauve
105
109
  &--green
106
110
  background-color $labelGreen
111
+ &--lightgreen
112
+ background-color $labelLightGreen
107
113
  &--grey
108
114
  background-color $labelGrey
115
+ &--lightgrey
116
+ background-color $labelLightGrey
109
117
  &--orange
110
118
  background-color $labelOrange
119
+ &--lightorange
120
+ background-color $labelLightOrange
111
121
  &--red
112
- background-color $labelRed
122
+ ackground-color $labelRed
123
+ &--lightred
124
+ background-color $labelLightRed
113
125
  &--dark
114
126
  background-color $secondary
127
+ &--lightred
128
+ &--lightorange
129
+ &--lightgrey
130
+ &--lightgreen
131
+ &--lightmauve
132
+ &--lightblue
133
+ color $secondary
134
+ text-shadow none
135
+ .btn
136
+ .icon
137
+ fill $secondary70
138
+ &:hover
139
+ .icon
140
+ fill $secondary70 !important
115
141
  &--white
116
142
  background-color $light
117
143
  color $secondary
118
144
  text-shadow none
119
145
  border .1rem solid $borderColor
120
- .icon
121
- fill $secondary40
146
+ .btn
147
+ .icon
148
+ fill $secondary40
149
+ &:hover
150
+ .icon
151
+ fill $secondary40 !important
package/src/components/UseCase/UseCase.js CHANGED
@@ -24,7 +24,7 @@ const productImg = {
24
24
  MAP: mapImgSq,
25
25
  TRAFFIC: trafficImgSq,
26
26
  MERCHANTS: merchantImgSq,
27
- INDOOR_MAP: indoorImgSq,
27
+ INDOOR: indoorImgSq,
28
28
  };
29
29
  class Footer extends Component {
30
30
  render() {
package/src/components/UseCase/UseCase.stories.js CHANGED
@@ -15,7 +15,7 @@ const Template = () => (
15
15
  <div className="use-case__body">Store Locator</div>
16
16
  <div className="use-case__footer">
17
17
  <h4 className="title">Products :</h4>
18
- <UseCase.Footer products={[{ id: 'LOCALITIES_ADDRESS_UK', name: 'Localisties UK' }]} />
18
+ <UseCase.Footer products={[{ id: 'INDOOR', name: 'Indoor' }]} />
19
19
  </div>
20
20
  </UseCase>
21
21
  </div>
package/src/icons/big-commerce.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12.472,13.215h2.213c.63,0,1.028-.346,1.028-.905,0-.525-.399-.905-1.028-.905h-2.213c-.073,0-.136.063-.136.126v1.553c.01.073.063.126.136.126v.005Zm0,3.578h2.287c.703,0,1.122-.356,1.122-.986,0-.548-.399-.986-1.122-.986h-2.287c-.073,0-.136.063-.136.126v1.71c.01.084.063.136.136.136ZM20.57,3.27l-6.546,6.526h1.07c1.668,0,2.654,1.049,2.654,2.193,0,.905-.609,1.563-1.261,1.857-.105.042-.105.192.01.231.755.293,1.29,1.08,1.29,2.004,0,1.301-.871,2.339-2.56,2.339h-4.634c-.073,0-.136-.063-.136-.126v-4.941l-7.186,7.154c-.094.094-.032.262.105.262h17.278c.063,0,.115-.055.115-.115V3.365c.032-.115-.115-.178-.199-.094h0Z"/></svg>
package/src/styles/console/colors.styl CHANGED
@@ -145,12 +145,23 @@ $progressRed = #FF3260
145
145
 
146
146
 
147
147
  // Labels
148
- $labelBlue = #52a6e2
148
+ $labelBlue = #c6e5f4
149
+ $labelLightBlue = #52a6e2
150
+
149
151
  $labelMauve = #7d74c7
152
+ $labelLightMauve = #dbd9ff
153
+
150
154
  $labelGreen = #47bb90
155
+ $labelLightGreen = #c5f9e4
156
+
151
157
  $labelGrey = #7a86a7
158
+ $labelLightGrey = #dee7fc
159
+
152
160
  $labelOrange = #dc9d40
161
+ $labelLightOrange = #f4d6ae
162
+
153
163
  $labelRed = #dc4e7e
164
+ $labelLightRed = #f7c6d9
154
165
 
155
166
  // Metric
156
167
  $metricsProjects = rgba(71, 72, 107, 1) // #47486b