forstok-ui-lib 5.2.47 → 5.2.48
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/dist/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +23 -23
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/icons/filter.svg +34 -0
- package/src/components/button/styles.ts +14 -1
package/package.json
CHANGED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<?xml version="1.0" standalone="no"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
|
3
|
+
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
4
|
+
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="100%" height="100%" viewBox="0 0 512.000000 512.000000"
|
|
6
|
+
preserveAspectRatio="xMidYMid meet">
|
|
7
|
+
|
|
8
|
+
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
|
|
9
|
+
fill="#000000" stroke="none">
|
|
10
|
+
<path d="M940 4343 c-174 -29 -331 -159 -391 -323 l-20 -55 -194 3 c-217 3
|
|
11
|
+
-257 -3 -300 -48 -25 -26 -30 -40 -30 -80 0 -40 5 -54 30 -80 43 -45 83 -51
|
|
12
|
+
300 -48 l195 3 11 -35 c32 -98 110 -202 193 -259 65 -45 167 -81 248 -87 222
|
|
13
|
+
-19 431 110 515 316 l22 55 1753 5 c1718 5 1754 5 1785 25 34 20 63 68 63 105
|
|
14
|
+
0 37 -29 85 -63 105 -31 20 -67 20 -1785 25 l-1753 5 -22 55 c-89 219 -326
|
|
15
|
+
352 -557 313z m159 -259 c104 -30 181 -135 181 -244 0 -188 -204 -314 -370
|
|
16
|
+
-230 -89 46 -140 128 -140 230 0 76 21 129 71 178 73 74 158 96 258 66z"/>
|
|
17
|
+
<path d="M3991 3060 c-171 -36 -329 -182 -385 -352 -5 -17 -97 -18 -1738 -18
|
|
18
|
+
-1111 0 -1746 -4 -1769 -10 -19 -5 -48 -24 -65 -41 -24 -25 -29 -39 -29 -79 0
|
|
19
|
+
-40 5 -54 29 -79 17 -17 46 -36 65 -41 23 -6 658 -10 1769 -10 1641 0 1733 -1
|
|
20
|
+
1738 -17 74 -227 297 -379 529 -359 210 17 380 153 448 358 5 15 30 17 224 20
|
|
21
|
+
242 3 254 6 293 71 24 39 25 66 4 110 -32 66 -53 72 -297 75 -194 3 -219 5
|
|
22
|
+
-224 20 -52 157 -171 281 -319 333 -68 23 -206 33 -273 19z m218 -269 c90 -47
|
|
23
|
+
141 -129 141 -231 0 -102 -51 -184 -140 -230 -166 -84 -370 42 -370 230 0 187
|
|
24
|
+
205 314 369 231z"/>
|
|
25
|
+
<path d="M2443 1776 c-143 -35 -272 -137 -337 -268 -20 -39 -36 -77 -36 -84 0
|
|
26
|
+
-12 -156 -14 -967 -14 -607 0 -981 -4 -1004 -10 -19 -5 -48 -24 -65 -41 -24
|
|
27
|
+
-25 -29 -39 -29 -79 0 -40 5 -54 29 -79 17 -17 46 -36 65 -41 23 -6 397 -10
|
|
28
|
+
1004 -10 811 0 967 -2 967 -14 0 -7 16 -45 36 -84 84 -169 268 -282 457 -282
|
|
29
|
+
202 1 396 133 468 320 l24 60 985 2 c931 3 987 4 1013 21 34 22 67 74 67 104
|
|
30
|
+
0 37 -30 89 -64 109 -30 18 -69 19 -1016 22 l-985 2 -24 60 c-88 230 -347 364
|
|
31
|
+
-588 306z m196 -252 c99 -29 181 -140 181 -244 0 -133 -127 -260 -260 -260
|
|
32
|
+
-133 0 -260 127 -260 260 0 101 82 215 176 244 64 19 99 19 163 0z"/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components';
|
|
|
2
2
|
import IconDotted from '../../assets/images/icons/dotted.svg';
|
|
3
3
|
import IconClose from '../../assets/images/icons/close.svg';
|
|
4
4
|
import IconCloseWhite from '../../assets/images/icons/close-white.svg';
|
|
5
|
+
import IconFilter from '../../assets/images/icons/filter.svg';
|
|
5
6
|
import IconCalendar from '../../assets/images/icons/calendar.svg';
|
|
6
7
|
|
|
7
8
|
const IconStyles = css`
|
|
@@ -177,7 +178,19 @@ const getButtonModifiedStyled = ({ $mode, $isIndicatorArrow, $isShown, $isLoadin
|
|
|
177
178
|
}
|
|
178
179
|
if ($iconLeft) {
|
|
179
180
|
style += ` padding-left: 35px; `
|
|
180
|
-
if ($iconLeft === '
|
|
181
|
+
if ($iconLeft === 'filter') {
|
|
182
|
+
style += `
|
|
183
|
+
&:before {
|
|
184
|
+
content: url(${IconFilter});
|
|
185
|
+
position: absolute;
|
|
186
|
+
left: 12px;
|
|
187
|
+
top: 50%;
|
|
188
|
+
margin-top: -8px;
|
|
189
|
+
width: 14px;
|
|
190
|
+
height: 16px;
|
|
191
|
+
}
|
|
192
|
+
`
|
|
193
|
+
} else if ($iconLeft === 'calendar') {
|
|
181
194
|
style += `
|
|
182
195
|
&:before {
|
|
183
196
|
content: url(${IconCalendar});
|