forstok-ui-lib 5.8.1 → 5.8.3
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 +280 -280
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +271 -271
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/icons/close copy.svg +9 -0
- package/src/assets/images/icons/person.svg +4 -0
- package/src/components/icon/styles.ts +14 -1
package/package.json
CHANGED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 212.982 212.982" style="enable-background:new 0 0 212.982 212.982; fill: rgb(72,72,72)" xml:space="preserve">
|
|
5
|
+
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312
|
|
6
|
+
c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312
|
|
7
|
+
l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937
|
|
8
|
+
c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z"/>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
2
|
+
<svg width="auto" height="auto" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM12 14.5C13.46 14.5 16.93 15.09 18.36 16.83C19.38 15.49 20 13.82 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12C4 13.82 4.62 15.49 5.64 16.83C7.07 15.09 10.54 14.5 12 14.5ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM10.5 9.5C10.5 10.33 11.17 11 12 11C12.83 11 13.5 10.33 13.5 9.5C13.5 8.67 12.83 8 12 8C11.17 8 10.5 8.67 10.5 9.5Z" fill="#000000"/>
|
|
4
|
+
</svg>
|
|
@@ -32,7 +32,8 @@ import IconSortby from '../../assets/images/icons/sortby.svg';
|
|
|
32
32
|
import IconNotificationDownload from '../../assets/images/icons/notif-download-white.svg';
|
|
33
33
|
import IconNotificationUpload from '../../assets/images/icons/notif-upload-white.svg';
|
|
34
34
|
import IconBar from '../../assets/images/icons/humberbars.svg';
|
|
35
|
-
|
|
35
|
+
import IconClose from '../../assets/images/icons/close.svg';
|
|
36
|
+
import IconPerson from '../../assets/images/icons/person.svg';
|
|
36
37
|
const NotificationStyled = css`
|
|
37
38
|
width: 44px;
|
|
38
39
|
height: 44px;
|
|
@@ -272,6 +273,18 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
|
|
|
272
273
|
content: url(${IconBar});
|
|
273
274
|
}`
|
|
274
275
|
break;
|
|
276
|
+
case 'close':
|
|
277
|
+
style += `
|
|
278
|
+
&:before {
|
|
279
|
+
content: url(${IconClose});
|
|
280
|
+
}`
|
|
281
|
+
break;
|
|
282
|
+
case 'person':
|
|
283
|
+
style += `
|
|
284
|
+
&:before {
|
|
285
|
+
content: url(${IconPerson});
|
|
286
|
+
}`
|
|
287
|
+
break;
|
|
275
288
|
default:
|
|
276
289
|
break;
|
|
277
290
|
}
|