forstok-ui-lib 5.11.3 → 5.11.4
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
|
@@ -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="#fc5c64"/>
|
|
4
|
+
</svg>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { MouseEvent } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import IconPerson from '../../assets/images/icons/person.svg';
|
|
4
|
+
import IconPersonRed from '../../assets/images/icons/person-red.svg';
|
|
4
5
|
import IconCart from '../../assets/images/icons/cart.svg';
|
|
5
6
|
|
|
6
7
|
const NotificationStyled = css`
|
|
@@ -254,6 +255,12 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
|
|
|
254
255
|
content: url(${IconPerson});
|
|
255
256
|
}`
|
|
256
257
|
break;
|
|
258
|
+
case 'person-red':
|
|
259
|
+
style += `
|
|
260
|
+
&:before {
|
|
261
|
+
content: url(${IconPersonRed});
|
|
262
|
+
}`
|
|
263
|
+
break;
|
|
257
264
|
case 'cart':
|
|
258
265
|
style += `
|
|
259
266
|
&:before {
|