@designcrowd/fe-shared-lib 1.5.16 → 1.5.18
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 +1 -1
- package/src/atoms/components/design-com/Icon/Icon.stories.js +6 -0
- package/src/atoms/components/design-com/Icon/Icon.vue +13 -1
- package/src/atoms/components/design-com/Icon/icons/ai.vue +6 -0
- package/src/atoms/components/design-com/Icon/icons/badge.vue +8 -0
- package/src/atoms/components/design-com/Icon/icons/briefcase.vue +7 -0
- package/src/atoms/components/design-com/Icon/icons/folder.vue +6 -0
- package/src/atoms/components/design-com/Icon/icons/printing.vue +6 -0
- package/src/atoms/components/design-com/Icon/icons/shield-tick.vue +6 -0
package/package.json
CHANGED
|
@@ -14,9 +14,12 @@ export const IconSample = () => {
|
|
|
14
14
|
return {
|
|
15
15
|
sizes: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'],
|
|
16
16
|
icons: [
|
|
17
|
+
{ name: 'ai' },
|
|
17
18
|
{ name: 'annotate-heart' },
|
|
18
19
|
{ name: 'award' },
|
|
20
|
+
{ name: 'badge' },
|
|
19
21
|
{ name: 'bezier-curve' },
|
|
22
|
+
{ name: 'briefcase' },
|
|
20
23
|
{ name: 'browser' },
|
|
21
24
|
{ name: 'bulb' },
|
|
22
25
|
{ name: 'card' },
|
|
@@ -30,6 +33,7 @@ export const IconSample = () => {
|
|
|
30
33
|
{ name: 'file' },
|
|
31
34
|
{ name: 'file-empty' },
|
|
32
35
|
{ name: 'filter' },
|
|
36
|
+
{ name: 'folder' },
|
|
33
37
|
{ name: 'font' },
|
|
34
38
|
{ name: 'headphones' },
|
|
35
39
|
{ name: 'heart' },
|
|
@@ -42,8 +46,10 @@ export const IconSample = () => {
|
|
|
42
46
|
{ name: 'pen-sparkle' },
|
|
43
47
|
{ name: 'palette' },
|
|
44
48
|
{ name: 'plus-circle-light' },
|
|
49
|
+
{ name: 'printing' },
|
|
45
50
|
{ name: 'question-circle-filled' },
|
|
46
51
|
{ name: 'search' },
|
|
52
|
+
{ name: 'shield-tick' },
|
|
47
53
|
{ name: 'sparkle-square' },
|
|
48
54
|
{ name: 'star-filled' },
|
|
49
55
|
{ name: 'star-hollow' },
|
|
@@ -25,9 +25,12 @@
|
|
|
25
25
|
</div>
|
|
26
26
|
</template>
|
|
27
27
|
<script>
|
|
28
|
+
import IconAi from './icons/ai.vue';
|
|
28
29
|
import IconAnnotateHeart from './icons/annotate-heart.vue';
|
|
29
30
|
import IconAward from './icons/award.vue';
|
|
31
|
+
import IconBadge from './icons/badge.vue';
|
|
30
32
|
import IconBezierCurve from './icons/bezier-curve.vue';
|
|
33
|
+
import IconBriefcase from './icons/briefcase.vue';
|
|
31
34
|
import IconBrowser from './icons/browser.vue';
|
|
32
35
|
import IconBulb from './icons/bulb.vue';
|
|
33
36
|
import IconCard from './icons/card.vue';
|
|
@@ -41,11 +44,12 @@ import IconDownload from './icons/download.vue';
|
|
|
41
44
|
import IconFile from './icons/file.vue';
|
|
42
45
|
import IconFileEmpty from './icons/file-empty.vue';
|
|
43
46
|
import IconFilter from './icons/filter.vue';
|
|
47
|
+
import IconFolder from './icons/folder.vue';
|
|
44
48
|
import IconFont from './icons/font.vue';
|
|
45
49
|
import IconHeadphones from './icons/headphones.vue';
|
|
46
50
|
import IconHeart from './icons/heart.vue';
|
|
47
51
|
import IconImage from './icons/image.vue';
|
|
48
|
-
import IconLightning from './icons/lightning';
|
|
52
|
+
import IconLightning from './icons/lightning.vue';
|
|
49
53
|
import IconLogo from './icons/logo.vue';
|
|
50
54
|
import IconMinusCircleLight from './icons/minus-circle-light.vue';
|
|
51
55
|
import IconPalette from './icons/palette.vue';
|
|
@@ -53,8 +57,10 @@ import IconPen from './icons/pen.vue';
|
|
|
53
57
|
import IconPenOutline from './icons/pen-outline.vue';
|
|
54
58
|
import IconPenSparkle from './icons/pen-sparkle.vue';
|
|
55
59
|
import IconPlusCircleLight from './icons/plus-circle-light.vue';
|
|
60
|
+
import IconPrinting from './icons/printing.vue';
|
|
56
61
|
import IconQuestionCircleFilled from './icons/question-circle-filled.vue';
|
|
57
62
|
import IconSearch from './icons/search.vue';
|
|
63
|
+
import IconShieldTick from './icons/shield-tick.vue';
|
|
58
64
|
import IconSparkleSquare from './icons/sparkle-square.vue';
|
|
59
65
|
import IconStarFilled from './icons/star-filled.vue';
|
|
60
66
|
import IconStarHollow from './icons/star-hollow.vue';
|
|
@@ -63,9 +69,12 @@ import IconUsers from './icons/users.vue';
|
|
|
63
69
|
|
|
64
70
|
export default {
|
|
65
71
|
components: {
|
|
72
|
+
IconAi,
|
|
66
73
|
IconAnnotateHeart,
|
|
67
74
|
IconAward,
|
|
75
|
+
IconBadge,
|
|
68
76
|
IconBezierCurve,
|
|
77
|
+
IconBriefcase,
|
|
69
78
|
IconBrowser,
|
|
70
79
|
IconBulb,
|
|
71
80
|
IconCard,
|
|
@@ -79,6 +88,7 @@ export default {
|
|
|
79
88
|
IconFile,
|
|
80
89
|
IconFileEmpty,
|
|
81
90
|
IconFilter,
|
|
91
|
+
IconFolder,
|
|
82
92
|
IconFont,
|
|
83
93
|
IconHeadphones,
|
|
84
94
|
IconHeart,
|
|
@@ -91,8 +101,10 @@ export default {
|
|
|
91
101
|
IconPenOutline,
|
|
92
102
|
IconPenSparkle,
|
|
93
103
|
IconPlusCircleLight,
|
|
104
|
+
IconPrinting,
|
|
94
105
|
IconQuestionCircleFilled,
|
|
95
106
|
IconSearch,
|
|
107
|
+
IconShieldTick,
|
|
96
108
|
IconSparkleSquare,
|
|
97
109
|
IconStarFilled,
|
|
98
110
|
IconStarHollow,
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<path
|
|
3
|
+
d="M9.59375 4.41406C9.53125 4.38281 9.5 4.32812 9.5 4.25C9.5 4.17188 9.53125 4.11719 9.59375 4.08594L11 3.5L11.5859 2.09375C11.6172 2.03125 11.6719 2 11.75 2C11.8281 2 11.8828 2.03125 11.9141 2.09375L12.5 3.5L13.9062 4.08594C13.9688 4.11719 14 4.17188 14 4.25C14 4.32812 13.9688 4.38281 13.9062 4.41406L12.5 5L11.9141 6.40625C11.8828 6.46875 11.8281 6.5 11.75 6.5C11.6719 6.5 11.6172 6.46875 11.5859 6.40625L11 5L9.59375 4.41406ZM13.9062 11.5859C13.9688 11.6172 14 11.6719 14 11.75C14 11.8281 13.9688 11.8828 13.9062 11.9141L12.5 12.5L11.9141 13.9062C11.8828 13.9688 11.8281 14 11.75 14C11.6719 14 11.6172 13.9688 11.5859 13.9062L11 12.5L9.59375 11.9141C9.53125 11.8828 9.5 11.8281 9.5 11.75C9.5 11.6719 9.53125 11.6172 9.59375 11.5859L11 11L11.5859 9.59375C11.6172 9.53125 11.6719 9.5 11.75 9.5C11.8281 9.5 11.8828 9.53125 11.9141 9.59375L12.5 11L13.9062 11.5859ZM10.7891 7.64844C10.9297 7.72656 11 7.84375 11 8C11 8.15625 10.9297 8.26562 10.7891 8.32812L8.16406 9.64062L6.82812 12.2891C6.76562 12.4297 6.65625 12.5 6.5 12.5C6.34375 12.5 6.23438 12.4297 6.17188 12.2891L4.83594 9.64062L2.21094 8.32812C2.07031 8.26562 2 8.15625 2 8C2 7.84375 2.07031 7.72656 2.21094 7.64844L4.83594 6.33594L6.17188 3.6875C6.23438 3.5625 6.34375 3.5 6.5 3.5C6.65625 3.5 6.76562 3.5625 6.82812 3.6875L8.16406 6.33594L10.7891 7.64844Z"
|
|
4
|
+
fill-rule="nonzero"
|
|
5
|
+
/>
|
|
6
|
+
</template>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z
|
|
6
|
+
M12.1308 3.09889C12.275 3.44751 12.5516 3.72462 12.9 3.86929L14.1217 4.37532C14.4703 4.51974 14.7473 4.79673 14.8917 5.14538C15.0361 5.49402 15.0361 5.88576 14.8917 6.2344L14.386 7.4552C14.2416 7.804 14.2414 8.19613 14.3865 8.54476L14.8913 9.76519C14.9629 9.93787 14.9997 10.123 14.9997 10.3099C14.9998 10.4968 14.963 10.6819 14.8914 10.8546C14.8199 11.0273 14.715 11.1843 14.5828 11.3164C14.4507 11.4486 14.2937 11.5534 14.121 11.6249L12.9002 12.1305C12.5516 12.2747 12.2745 12.5514 12.1299 12.8998L11.6239 14.1214C11.4794 14.4701 11.2025 14.7471 10.8538 14.8915C10.5052 15.0359 10.1135 15.0359 9.76485 14.8915L8.54409 14.3858C8.19545 14.2418 7.80387 14.2421 7.45545 14.3867L6.23382 14.892C5.88538 15.036 5.494 15.0359 5.14566 14.8916C4.79731 14.7473 4.52047 14.4707 4.37597 14.1224L3.8698 12.9003C3.72566 12.5517 3.44898 12.2746 3.10059 12.13L1.87896 11.6239C1.53048 11.4796 1.25358 11.2027 1.10912 10.8543C0.964656 10.5059 0.96446 10.1143 1.10857 9.76572L1.61422 8.54492C1.75828 8.19627 1.75798 7.80467 1.61341 7.45623L1.10848 6.23369C1.03689 6.06101 1.00003 5.87591 1 5.68898C0.99997 5.50205 1.03677 5.31694 1.10831 5.14424C1.17984 4.97154 1.2847 4.81462 1.4169 4.68246C1.54909 4.5503 1.70604 4.44549 1.87876 4.37401L3.09951 3.86834C3.44781 3.72432 3.72474 3.44798 3.86951 3.09998L4.37553 1.87831C4.51993 1.52966 4.79692 1.25266 5.14555 1.10825C5.49419 0.963836 5.88591 0.963836 6.23454 1.10825L7.45529 1.61392C7.80393 1.75798 8.19551 1.75768 8.54393 1.6131L9.76608 1.10903C10.1147 0.964701 10.5063 0.96473 10.8549 1.10912C11.2034 1.2535 11.4804 1.53042 11.6248 1.87897L12.131 3.10101L12.1308 3.09889Z"
|
|
7
|
+
/>
|
|
8
|
+
</template>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<path
|
|
3
|
+
d="M13.9163 6.79983C13.9163 6.41419 13.9158 6.17005 13.9007 5.98537C13.8864 5.80959 13.8627 5.75468 13.8529 5.73537C13.7969 5.62561 13.7077 5.53642 13.598 5.48049C13.5787 5.47066 13.5238 5.447 13.348 5.43264C13.1633 5.41755 12.9192 5.41701 12.5335 5.41701H11.4163V13.25H12.5335C12.9191 13.25 13.1633 13.2495 13.348 13.2344C13.5234 13.2201 13.5786 13.1964 13.598 13.1865C13.7077 13.1307 13.7969 13.0413 13.8529 12.9317C13.8627 12.9124 13.8863 12.8574 13.9007 12.6817C13.9158 12.497 13.9163 12.252 13.9163 11.8662V6.79983ZM6.08333 13.25H9.91634V5.41701H6.08333V13.25ZM8.00032 2.75002C7.33233 2.75002 7.14499 2.75688 7.01009 2.79299C6.57872 2.90857 6.24188 3.24541 6.1263 3.67678C6.11062 3.73534 6.10144 3.80371 6.09505 3.91701H9.90462C9.89823 3.80382 9.89 3.7353 9.87435 3.67678C9.7588 3.24556 9.42171 2.90868 8.99056 2.79299C8.85566 2.75684 8.66833 2.75002 8.00032 2.75002ZM2.08333 11.8662C2.08333 12.252 2.08386 12.497 2.09896 12.6817C2.11333 12.8574 2.137 12.9124 2.14681 12.9317C2.20272 13.0414 2.29199 13.1306 2.40169 13.1865C2.42094 13.1964 2.47598 13.22 2.65169 13.2344C2.8364 13.2495 3.08138 13.25 3.46712 13.25H4.58333V5.41701H3.46712C3.08138 5.41701 2.8364 5.41755 2.65169 5.43264C2.476 5.44702 2.42094 5.47068 2.40169 5.48049C2.29202 5.53642 2.2027 5.62568 2.14681 5.73537C2.13694 5.75479 2.11329 5.80997 2.09896 5.98537C2.08387 6.17005 2.08333 6.4142 2.08333 6.79983V11.8662ZM15.4163 11.8662C15.4163 12.2272 15.4171 12.5438 15.3958 12.8037C15.3739 13.0723 15.3252 13.3465 15.1898 13.6123C14.9901 14.0041 14.6714 14.3227 14.2796 14.5225C14.0137 14.658 13.7388 14.7076 13.47 14.7295C13.2102 14.7507 12.8944 14.75 12.5335 14.75H3.46712C3.10613 14.75 2.78958 14.7508 2.52962 14.7295C2.26098 14.7075 1.98691 14.658 1.72103 14.5225C1.32906 14.3228 1.0106 14.0043 0.81087 13.6123C0.675395 13.3464 0.625803 13.0724 0.603839 12.8037C0.582599 12.5438 0.583331 12.2272 0.583331 11.8662V6.79983C0.583331 6.43896 0.582611 6.1232 0.603839 5.8633C0.625794 5.59459 0.675358 5.31969 0.81087 5.05373C1.01062 4.66199 1.32921 4.34322 1.72103 4.14358C1.98684 4.00819 2.26106 3.95948 2.52962 3.93752C2.78958 3.91628 3.10613 3.91701 3.46712 3.91701H4.5931C4.60372 3.68501 4.626 3.47875 4.67708 3.28811C4.93139 2.33924 5.67255 1.59808 6.62142 1.34377C6.99517 1.24363 7.42863 1.25002 8.00032 1.25002C8.57179 1.25002 9.00461 1.24368 9.37825 1.34377C10.3272 1.59803 11.0682 2.33922 11.3226 3.28811C11.3737 3.47875 11.3969 3.68499 11.4075 3.91701H12.5335C12.8944 3.91701 13.2101 3.91629 13.47 3.93752C13.7388 3.95948 14.0137 4.00806 14.2796 4.14358C14.6714 4.34327 14.9901 4.66197 15.1898 5.05373C15.3253 5.31969 15.3739 5.59459 15.3958 5.8633C15.4171 6.1232 15.4163 6.43895 15.4163 6.79983V11.8662Z"
|
|
4
|
+
fill-rule="evenodd"
|
|
5
|
+
clip-rule="evenodd"
|
|
6
|
+
/>
|
|
7
|
+
</template>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<path
|
|
3
|
+
d="M6.2 2.25h-3c-1.0723 0-1.95.8533-1.95 1.9167v8.1666c0 1.0634.8777 1.9167 1.95 1.9167h9.6c1.0723 0 1.95-.8533 1.95-1.9167V5.9167l-.0059-.1504C14.666 4.774 13.8212 4 12.8 4H7.795l-.9765-1.4241A.75.75 0 006.2 2.25zm-3 1.5h2.605l.9765 1.4241A.75.75 0 007.4 5.5h5.4c.2532 0 .45.1914.45.4167v6.4166c0 .2253-.1968.4167-.45.4167H3.2c-.2532 0-.45-.1914-.45-.4167V4.1667c0-.2253.1968-.4167.45-.4167z"
|
|
4
|
+
fill-rule="nonzero"
|
|
5
|
+
/>
|
|
6
|
+
</template>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<path
|
|
3
|
+
d="M11.75 1.25a.7502.7502 0 01.7432.6482L12.5 2v3.75h.3c1.0212 0 1.866.774 1.9441 1.7663l.0059.1504v2.9166c0 1.0127-.7961 1.835-1.7982 1.911L12.8 12.5h-.3V14a.7502.7502 0 01-.6482.7432l-.1018.0068h-7.5A.75.75 0 013.5 14v-1.5h-.3c-1.0212 0-1.866-.774-1.9441-1.7663l-.0059-.1504V7.6667c0-1.0127.7961-1.835 1.7982-1.911L3.2 5.75h.3V2a.7502.7502 0 01.6482-.7432L4.25 1.25h7.5zm-.75 9H5v3h6v-3zm1.8-3H3.2c-.225 0-.4056.1512-.4429.343l-.0071.0737v2.9166c0 .2003.1555.3738.3679.4098L3.2 11h.3V9.5a.7502.7502 0 01.6482-.7432L4.25 8.75h7.5a.75.75 0 01.75.75V11h.3c.225 0 .4056-.1512.4429-.343l.0071-.0737V7.6667c0-.2003-.1555-.3738-.3679-.4098L12.8 7.25zM11 2.75H5v3h6v-3z"
|
|
4
|
+
fill-rule="nonzero"
|
|
5
|
+
/>
|
|
6
|
+
</template>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<path
|
|
3
|
+
d="M12.5837 4.81128C12.5837 4.21729 12.5719 4.11868 12.5456 4.04956C12.5119 3.96109 12.4564 3.88266 12.3854 3.82007C12.3299 3.77117 12.2424 3.72494 11.6862 3.51636L8.11101 2.17554C8.07578 2.16233 8.04852 2.15286 8.02507 2.14429C8.01522 2.14069 8.00685 2.13706 7.99968 2.13452C7.99266 2.13701 7.98481 2.1408 7.97527 2.14429C7.9517 2.1529 7.92384 2.16223 7.88835 2.17554L4.31413 3.51636C3.75767 3.72503 3.66943 3.77116 3.61394 3.82007C3.54313 3.88259 3.48839 3.96129 3.45476 4.04956C3.42846 4.11868 3.41668 4.21729 3.41667 4.81128V7.99976C3.41667 9.3566 4.16012 10.5923 5.15495 11.6287C6.14141 12.6563 7.29201 13.4003 7.91277 13.7625C7.95012 13.7842 7.97682 13.7994 7.99968 13.8123C8.0227 13.7993 8.04982 13.7845 8.08757 13.7625C8.70836 13.4003 9.8589 12.6564 10.8454 11.6287C11.8402 10.5923 12.5837 9.3566 12.5837 7.99976V4.81128ZM9.80339 5.46948C10.0963 5.17687 10.5711 5.17668 10.8639 5.46948C11.1567 5.76228 11.1565 6.23713 10.8639 6.53003L7.86394 9.53003C7.72336 9.6706 7.53246 9.74967 7.33366 9.74976C7.13477 9.74976 6.94404 9.67065 6.80339 9.53003L5.46941 8.19702C5.1767 7.90419 5.17676 7.42934 5.46941 7.13647C5.76226 6.84362 6.23705 6.8437 6.52995 7.13647L7.33269 7.93921L9.80339 5.46948ZM14.0837 7.99976C14.0837 9.91521 13.0419 11.5067 11.9274 12.6677C10.8048 13.8372 9.52137 14.6618 8.84343 15.0574C8.71957 15.1296 8.54012 15.2426 8.29753 15.2947C8.11304 15.3342 7.88729 15.3342 7.7028 15.2947C7.46005 15.2426 7.28081 15.1297 7.15691 15.0574C6.47906 14.6619 5.19566 13.8373 4.07292 12.6677C2.95843 11.5067 1.91667 9.91521 1.91667 7.99976V4.4646C1.9203 4.12537 1.94148 3.80797 2.05241 3.51636C2.17274 3.20015 2.3689 2.91779 2.62273 2.69409C2.93499 2.419 3.34627 2.27762 3.78777 2.11206L7.36198 0.77124C7.47044 0.73057 7.62746 0.667886 7.79753 0.643311L7.99968 0.628662L8.2028 0.643311L8.32683 0.667725C8.44787 0.697738 8.55694 0.740711 8.63835 0.77124L12.2126 2.11206C12.6541 2.27763 13.0654 2.41893 13.3776 2.69409C13.6314 2.91777 13.8266 3.20018 13.9469 3.51636C14.0949 3.90527 14.0837 4.33983 14.0837 4.81128V7.99976Z"
|
|
4
|
+
fill-rule="evenodd"
|
|
5
|
+
/>
|
|
6
|
+
</template>
|