@integrigo/integrigo-ui 1.6.12 → 1.6.14
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/lib/index.esm.js +1 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/src/components/atoms/Avatar/Avatar.stories.d.ts +2 -2
- package/lib/src/components/atoms/Card/Card.d.ts +1 -1
- package/lib/src/components/atoms/Dot/Dot.stories.d.ts +6 -6
- package/lib/src/components/atoms/Icon/Icon.d.ts +35 -30
- package/lib/src/components/atoms/Icon/Icon.stories.d.ts +2 -2
- package/lib/src/components/atoms/Icon/icons/ArrowRight.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/CheckSquare.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/CreateDashboard.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Edit.d.ts +1 -1
- package/lib/src/components/atoms/Icon/icons/EllipsisHorizontal.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/EllipsisVertical.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ImageEdit.d.ts +1 -1
- package/lib/src/components/atoms/Icon/icons/Lock.d.ts +1 -1
- package/lib/src/components/atoms/Icon/icons/User.d.ts +1 -1
- package/lib/src/components/atoms/Icon/icons/UserPlus.d.ts +3 -0
- package/lib/src/components/atoms/Initials/Initials.stories.d.ts +2 -2
- package/lib/src/components/molecules/Checkbox/Checkbox.stories.d.ts +4 -4
- package/lib/src/components/molecules/Input/Input.d.ts +1 -1
- package/lib/src/components/molecules/Input/Input.stories.d.ts +18 -18
- package/lib/src/components/molecules/Profile/Profile.stories.d.ts +3 -3
- package/lib/src/components/organisms/Setting/Setting.d.ts +2 -2
- package/lib/src/index.d.ts +4 -4
- package/package.json +1 -1
- package/rollup.config.js +1 -0
- package/src/components/atoms/Card/Card.tsx +8 -8
- package/src/components/atoms/Icon/Icon.stories.tsx +2 -0
- package/src/components/atoms/Icon/Icon.tsx +54 -64
- package/src/components/atoms/Icon/icons/AngleDown.tsx +2 -2
- package/src/components/atoms/Icon/icons/ArrowLeft.tsx +2 -2
- package/src/components/atoms/Icon/icons/ArrowRight.tsx +9 -0
- package/src/components/atoms/Icon/icons/Bars.tsx +2 -2
- package/src/components/atoms/Icon/icons/Bell.tsx +2 -2
- package/src/components/atoms/Icon/icons/CheckCircle.tsx +2 -2
- package/src/components/atoms/Icon/icons/CheckSquare.tsx +9 -0
- package/src/components/atoms/Icon/icons/ClipboardNotes.tsx +2 -2
- package/src/components/atoms/Icon/icons/Close.tsx +2 -2
- package/src/components/atoms/Icon/icons/CreateDashboard.tsx +9 -0
- package/src/components/atoms/Icon/icons/DiceFive.tsx +2 -2
- package/src/components/atoms/Icon/icons/Edit.tsx +3 -3
- package/src/components/atoms/Icon/icons/EllipsisHorizontal.tsx +9 -0
- package/src/components/atoms/Icon/icons/EllipsisVertical.tsx +9 -0
- package/src/components/atoms/Icon/icons/Envelope.tsx +2 -2
- package/src/components/atoms/Icon/icons/ExclamationCircle.tsx +2 -2
- package/src/components/atoms/Icon/icons/ExclamationTriangle.tsx +2 -2
- package/src/components/atoms/Icon/icons/Exit.tsx +2 -2
- package/src/components/atoms/Icon/icons/Facebook.tsx +2 -2
- package/src/components/atoms/Icon/icons/Home.tsx +2 -2
- package/src/components/atoms/Icon/icons/ImageEdit.tsx +3 -3
- package/src/components/atoms/Icon/icons/Instagram.tsx +2 -2
- package/src/components/atoms/Icon/icons/Linkedin.tsx +2 -2
- package/src/components/atoms/Icon/icons/Lock.tsx +3 -3
- package/src/components/atoms/Icon/icons/Minus.tsx +2 -2
- package/src/components/atoms/Icon/icons/Phone.tsx +2 -2
- package/src/components/atoms/Icon/icons/Plus.tsx +2 -2
- package/src/components/atoms/Icon/icons/PointsCircle.tsx +2 -2
- package/src/components/atoms/Icon/icons/Process.tsx +1 -1
- package/src/components/atoms/Icon/icons/Redo.tsx +2 -2
- package/src/components/atoms/Icon/icons/Setting.tsx +2 -2
- package/src/components/atoms/Icon/icons/User.tsx +3 -6
- package/src/components/atoms/Icon/icons/UserCircle.tsx +2 -2
- package/src/components/atoms/Icon/icons/UserPlus.tsx +9 -0
- package/src/components/atoms/Icon/icons/Users.tsx +2 -2
- package/src/components/molecules/Profile/Profile.tsx +1 -1
- package/src/components/organisms/Setting/Setting.tsx +6 -6
- package/src/index.ts +4 -4
- package/src/components/atoms/Icon/icons/ChechSquare.tsx +0 -9
@@ -1,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
|
3
3
|
const Setting: React.FCS = (props) => (
|
4
|
-
<svg viewBox="0 0
|
5
|
-
<path d="
|
4
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
5
|
+
<path d="M19.9 12.66C19.7397 12.4775 19.6513 12.2429 19.6513 12C19.6513 11.7571 19.7397 11.5225 19.9 11.34L21.18 9.90002C21.3211 9.74269 21.4087 9.54472 21.4302 9.33452C21.4518 9.12433 21.4062 8.9127 21.3 8.73002L19.3 5.27002C19.1949 5.08754 19.0349 4.94289 18.8428 4.8567C18.6506 4.77051 18.4362 4.74718 18.23 4.79002L16.35 5.17002C16.1108 5.21945 15.8618 5.17961 15.6499 5.05802C15.438 4.93643 15.278 4.7415 15.2 4.51002L14.59 2.68002C14.5229 2.4814 14.3951 2.30888 14.2246 2.18686C14.0542 2.06484 13.8497 1.99948 13.64 2.00002H9.64002C9.42195 1.98864 9.20615 2.04894 9.02558 2.17173C8.84501 2.29452 8.7096 2.47304 8.64002 2.68002L8.08002 4.51002C8.00202 4.7415 7.84199 4.93643 7.63013 5.05802C7.41827 5.17961 7.16924 5.21945 6.93002 5.17002L5.00002 4.79002C4.80457 4.7624 4.60532 4.79324 4.42737 4.87866C4.24941 4.96407 4.10072 5.10025 4.00002 5.27002L2.00002 8.73002C1.89118 8.91067 1.84224 9.1211 1.8602 9.33124C1.87816 9.54138 1.9621 9.74046 2.10002 9.90002L3.37002 11.34C3.53034 11.5225 3.61875 11.7571 3.61875 12C3.61875 12.2429 3.53034 12.4775 3.37002 12.66L2.10002 14.1C1.9621 14.2596 1.87816 14.4587 1.8602 14.6688C1.84224 14.8789 1.89118 15.0894 2.00002 15.27L4.00002 18.73C4.10512 18.9125 4.26514 19.0571 4.45727 19.1433C4.6494 19.2295 4.86384 19.2529 5.07002 19.21L6.95002 18.83C7.18924 18.7806 7.43827 18.8204 7.65013 18.942C7.86199 19.0636 8.02202 19.2585 8.10002 19.49L8.71002 21.32C8.7796 21.527 8.91501 21.7055 9.09558 21.8283C9.27615 21.9511 9.49195 22.0114 9.71002 22H13.71C13.9197 22.0006 14.1242 21.9352 14.2946 21.8132C14.4651 21.6912 14.5929 21.5186 14.66 21.32L15.27 19.49C15.348 19.2585 15.508 19.0636 15.7199 18.942C15.9318 18.8204 16.1808 18.7806 16.42 18.83L18.3 19.21C18.5062 19.2529 18.7206 19.2295 18.9128 19.1433C19.1049 19.0571 19.2649 18.9125 19.37 18.73L21.37 15.27C21.4762 15.0873 21.5218 14.8757 21.5002 14.6655C21.4787 14.4553 21.3911 14.2573 21.25 14.1L19.9 12.66ZM18.41 14L19.21 14.9L17.93 17.12L16.75 16.88C16.0298 16.7328 15.2806 16.8551 14.6446 17.2238C14.0086 17.5925 13.5302 18.1819 13.3 18.88L12.92 20H10.36L10 18.86C9.76987 18.1619 9.2914 17.5725 8.65542 17.2038C8.01945 16.8351 7.27024 16.7128 6.55002 16.86L5.37002 17.1L4.07002 14.89L4.87002 13.99C5.36197 13.44 5.63395 12.7279 5.63395 11.99C5.63395 11.2521 5.36197 10.54 4.87002 9.99002L4.07002 9.09002L5.35002 6.89002L6.53002 7.13002C7.25024 7.27724 7.99945 7.1549 8.63542 6.78622C9.2714 6.41753 9.74987 5.82818 9.98002 5.13002L10.36 4.00002H12.92L13.3 5.14002C13.5302 5.83818 14.0086 6.42753 14.6446 6.79622C15.2806 7.1649 16.0298 7.28724 16.75 7.14002L17.93 6.90002L19.21 9.12002L18.41 10.02C17.9236 10.5688 17.655 11.2767 17.655 12.01C17.655 12.7433 17.9236 13.4513 18.41 14ZM11.64 8.00002C10.8489 8.00002 10.0755 8.23461 9.41774 8.67414C8.75994 9.11366 8.24725 9.73838 7.9445 10.4693C7.64175 11.2002 7.56254 12.0045 7.71688 12.7804C7.87122 13.5563 8.25218 14.269 8.81159 14.8284C9.371 15.3879 10.0837 15.7688 10.8597 15.9232C11.6356 16.0775 12.4398 15.9983 13.1708 15.6955C13.9017 15.3928 14.5264 14.8801 14.9659 14.2223C15.4054 13.5645 15.64 12.7911 15.64 12C15.64 10.9392 15.2186 9.92174 14.4684 9.17159C13.7183 8.42144 12.7009 8.00002 11.64 8.00002ZM11.64 14C11.2445 14 10.8578 13.8827 10.5289 13.663C10.2 13.4432 9.94363 13.1308 9.79226 12.7654C9.64088 12.3999 9.60128 11.9978 9.67845 11.6098C9.75562 11.2219 9.9461 10.8655 10.2258 10.5858C10.5055 10.3061 10.8619 10.1156 11.2498 10.0384C11.6378 9.96128 12.0399 10.0009 12.4054 10.1523C12.7708 10.3036 13.0832 10.56 13.303 10.8889C13.5227 11.2178 13.64 11.6045 13.64 12C13.64 12.5304 13.4293 13.0392 13.0542 13.4142C12.6792 13.7893 12.1705 14 11.64 14Z" />
|
6
6
|
</svg>
|
7
7
|
);
|
8
8
|
|
@@ -1,11 +1,8 @@
|
|
1
|
-
import React from
|
1
|
+
import React from 'react';
|
2
2
|
|
3
3
|
const User: React.FCS = (props) => (
|
4
|
-
<svg viewBox="0 0
|
5
|
-
<path
|
6
|
-
d="M13.71 11.7099C14.6904 10.9385 15.406 9.8808 15.7572 8.68382C16.1085 7.48684 16.0779 6.21015 15.6698 5.03135C15.2617 3.85255 14.4963 2.83027 13.4801 2.10674C12.4639 1.3832 11.2474 0.994385 10 0.994385C8.75255 0.994385 7.53611 1.3832 6.51993 2.10674C5.50374 2.83027 4.73834 3.85255 4.33021 5.03135C3.92208 6.21015 3.89151 7.48684 4.24276 8.68382C4.59401 9.8808 5.3096 10.9385 6.29 11.7099C4.61007 12.3829 3.14428 13.4992 2.04889 14.9398C0.953495 16.3804 0.26956 18.0912 0.0699967 19.8899C0.0555513 20.0212 0.0671132 20.1541 0.104022 20.2809C0.140931 20.4078 0.202464 20.5261 0.285108 20.6292C0.452016 20.8374 0.69478 20.9707 0.959997 20.9999C1.22521 21.0291 1.49116 20.9517 1.69932 20.7848C1.90749 20.6179 2.04082 20.3751 2.07 20.1099C2.28958 18.1551 3.22168 16.3497 4.68822 15.0387C6.15475 13.7277 8.0529 13.0029 10.02 13.0029C11.9871 13.0029 13.8852 13.7277 15.3518 15.0387C16.8183 16.3497 17.7504 18.1551 17.97 20.1099C17.9972 20.3556 18.1144 20.5825 18.2991 20.7469C18.4838 20.9113 18.7228 21.0014 18.97 20.9999H19.08C19.3421 20.9697 19.5817 20.8372 19.7466 20.6311C19.9114 20.4251 19.9881 20.1622 19.96 19.8999C19.7595 18.0961 19.0719 16.3809 17.9708 14.9381C16.8698 13.4953 15.3969 12.3794 13.71 11.7099ZM10 10.9999C9.20887 10.9999 8.43551 10.7653 7.77772 10.3258C7.11992 9.88623 6.60723 9.26152 6.30448 8.53061C6.00173 7.79971 5.92251 6.99544 6.07686 6.21952C6.2312 5.4436 6.61216 4.73086 7.17157 4.17145C7.73098 3.61204 8.44371 3.23108 9.21964 3.07674C9.99556 2.9224 10.7998 3.00161 11.5307 3.30436C12.2616 3.60711 12.8863 4.1198 13.3259 4.7776C13.7654 5.4354 14 6.20876 14 6.99988C14 8.06075 13.5786 9.07816 12.8284 9.82831C12.0783 10.5785 11.0609 10.9999 10 10.9999Z"
|
7
|
-
fill="#1A1A1A"
|
8
|
-
/>
|
4
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
5
|
+
<path d="M15.71 12.7099C16.6904 11.9385 17.406 10.8808 17.7572 9.68382C18.1085 8.48684 18.0779 7.21015 17.6698 6.03135C17.2617 4.85255 16.4963 3.83027 15.4801 3.10674C14.4639 2.3832 13.2474 1.99438 12 1.99438C10.7525 1.99438 9.53611 2.3832 8.51993 3.10674C7.50374 3.83027 6.73834 4.85255 6.33021 6.03135C5.92208 7.21015 5.89151 8.48684 6.24276 9.68382C6.59401 10.8808 7.3096 11.9385 8.29 12.7099C6.61007 13.3829 5.14428 14.4992 4.04889 15.9398C2.95349 17.3804 2.26956 19.0912 2.07 20.8899C2.05555 21.0212 2.06711 21.1541 2.10402 21.2809C2.14093 21.4078 2.20246 21.5261 2.28511 21.6292C2.45202 21.8374 2.69478 21.9707 2.96 21.9999C3.22521 22.0291 3.49116 21.9517 3.69932 21.7848C3.90749 21.6179 4.04082 21.3751 4.07 21.1099C4.28958 19.1551 5.22168 17.3497 6.68822 16.0387C8.15475 14.7277 10.0529 14.0029 12.02 14.0029C13.9871 14.0029 15.8852 14.7277 17.3518 16.0387C18.8183 17.3497 19.7504 19.1551 19.97 21.1099C19.9972 21.3556 20.1144 21.5825 20.2991 21.7469C20.4838 21.9113 20.7228 22.0014 20.97 21.9999H21.08C21.3421 21.9697 21.5817 21.8372 21.7466 21.6311C21.9114 21.4251 21.9881 21.1622 21.96 20.8999C21.7595 19.0961 21.0719 17.3809 19.9708 15.9381C18.8698 14.4953 17.3969 13.3794 15.71 12.7099ZM12 11.9999C11.2089 11.9999 10.4355 11.7653 9.77772 11.3258C9.11992 10.8862 8.60723 10.2615 8.30448 9.53061C8.00173 8.79971 7.92251 7.99544 8.07686 7.21952C8.2312 6.4436 8.61216 5.73086 9.17157 5.17145C9.73098 4.61204 10.4437 4.23108 11.2196 4.07674C11.9956 3.9224 12.7998 4.00161 13.5307 4.30436C14.2616 4.60711 14.8863 5.1198 15.3259 5.7776C15.7654 6.4354 16 7.20876 16 7.99988C16 9.06075 15.5786 10.0782 14.8284 10.8283C14.0783 11.5785 13.0609 11.9999 12 11.9999Z" />
|
9
6
|
</svg>
|
10
7
|
);
|
11
8
|
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
|
3
3
|
const UserCircle: React.FCS = (props) => (
|
4
|
-
<svg viewBox="0 0
|
5
|
-
<path d="
|
4
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
5
|
+
<path d="M12 2C10.0605 2.00369 8.16393 2.57131 6.54128 3.63374C4.91862 4.69617 3.63994 6.20754 2.86099 7.98377C2.08204 9.76 1.83643 11.7244 2.15408 13.6378C2.47173 15.5511 3.33893 17.3308 4.65005 18.76C5.58647 19.775 6.72299 20.5851 7.98799 21.1392C9.25298 21.6933 10.619 21.9793 12 21.9793C13.3811 21.9793 14.7471 21.6933 16.0121 21.1392C17.2771 20.5851 18.4136 19.775 19.35 18.76C20.6612 17.3308 21.5284 15.5511 21.846 13.6378C22.1637 11.7244 21.9181 9.76 21.1391 7.98377C20.3602 6.20754 19.0815 4.69617 17.4588 3.63374C15.8362 2.57131 13.9396 2.00369 12 2ZM12 20C9.92851 19.9969 7.93896 19.1903 6.45005 17.75C6.90209 16.6495 7.67108 15.7083 8.6593 15.0459C9.64752 14.3835 10.8104 14.0298 12 14.0298C13.1897 14.0298 14.3526 14.3835 15.3408 15.0459C16.329 15.7083 17.098 16.6495 17.55 17.75C16.0611 19.1903 14.0716 19.9969 12 20ZM10 10C10 9.60444 10.1173 9.21776 10.3371 8.88886C10.5569 8.55996 10.8692 8.30362 11.2347 8.15224C11.6001 8.00087 12.0023 7.96126 12.3902 8.03843C12.7782 8.1156 13.1346 8.30608 13.4143 8.58579C13.694 8.86549 13.8844 9.22186 13.9616 9.60982C14.0388 9.99778 13.9992 10.3999 13.8478 10.7654C13.6964 11.1308 13.4401 11.4432 13.1112 11.6629C12.7823 11.8827 12.3956 12 12 12C11.4696 12 10.9609 11.7893 10.5858 11.4142C10.2108 11.0391 10 10.5304 10 10ZM18.91 16C18.0166 14.4718 16.6415 13.283 15 12.62C15.5092 12.0427 15.841 11.3307 15.9555 10.5694C16.0701 9.80822 15.9625 9.03011 15.6458 8.3285C15.3291 7.62688 14.8166 7.03156 14.17 6.61397C13.5233 6.19637 12.7698 5.97425 12 5.97425C11.2303 5.97425 10.4768 6.19637 9.83014 6.61397C9.18346 7.03156 8.67102 7.62688 8.3543 8.3285C8.03758 9.03011 7.93004 9.80822 8.04458 10.5694C8.15912 11.3307 8.49088 12.0427 9.00005 12.62C7.35865 13.283 5.98352 14.4718 5.09005 16C4.37799 14.7871 4.00177 13.4065 4.00005 12C4.00005 9.87827 4.8429 7.84344 6.34319 6.34315C7.84349 4.84285 9.87832 4 12 4C14.1218 4 16.1566 4.84285 17.6569 6.34315C19.1572 7.84344 20 9.87827 20 12C19.9983 13.4065 19.6221 14.7871 18.91 16Z" />
|
6
6
|
</svg>
|
7
7
|
);
|
8
8
|
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from "react";
|
2
|
+
|
3
|
+
const UserPlus: React.FCS = (props) => (
|
4
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
5
|
+
<path d="M21 10.5H20V9.5C20 9.23478 19.8946 8.98043 19.7071 8.79289C19.5196 8.60536 19.2652 8.5 19 8.5C18.7348 8.5 18.4804 8.60536 18.2929 8.79289C18.1054 8.98043 18 9.23478 18 9.5V10.5H17C16.7348 10.5 16.4804 10.6054 16.2929 10.7929C16.1054 10.9804 16 11.2348 16 11.5C16 11.7652 16.1054 12.0196 16.2929 12.2071C16.4804 12.3946 16.7348 12.5 17 12.5H18V13.5C18 13.7652 18.1054 14.0196 18.2929 14.2071C18.4804 14.3946 18.7348 14.5 19 14.5C19.2652 14.5 19.5196 14.3946 19.7071 14.2071C19.8946 14.0196 20 13.7652 20 13.5V12.5H21C21.2652 12.5 21.5196 12.3946 21.7071 12.2071C21.8946 12.0196 22 11.7652 22 11.5C22 11.2348 21.8946 10.9804 21.7071 10.7929C21.5196 10.6054 21.2652 10.5 21 10.5ZM13.3 12.22C13.8336 11.7581 14.2616 11.1869 14.5549 10.545C14.8482 9.90316 15 9.20571 15 8.5C15 7.17392 14.4732 5.90215 13.5355 4.96447C12.5979 4.02678 11.3261 3.5 10 3.5C8.67392 3.5 7.40215 4.02678 6.46447 4.96447C5.52678 5.90215 5 7.17392 5 8.5C4.99999 9.20571 5.1518 9.90316 5.44513 10.545C5.73845 11.1869 6.16642 11.7581 6.7 12.22C5.30014 12.8539 4.11247 13.8775 3.27898 15.1685C2.4455 16.4596 2.00147 17.9633 2 19.5C2 19.7652 2.10536 20.0196 2.29289 20.2071C2.48043 20.3946 2.73478 20.5 3 20.5C3.26522 20.5 3.51957 20.3946 3.70711 20.2071C3.89464 20.0196 4 19.7652 4 19.5C4 17.9087 4.63214 16.3826 5.75736 15.2574C6.88258 14.1321 8.4087 13.5 10 13.5C11.5913 13.5 13.1174 14.1321 14.2426 15.2574C15.3679 16.3826 16 17.9087 16 19.5C16 19.7652 16.1054 20.0196 16.2929 20.2071C16.4804 20.3946 16.7348 20.5 17 20.5C17.2652 20.5 17.5196 20.3946 17.7071 20.2071C17.8946 20.0196 18 19.7652 18 19.5C17.9985 17.9633 17.5545 16.4596 16.721 15.1685C15.8875 13.8775 14.6999 12.8539 13.3 12.22ZM10 11.5C9.40666 11.5 8.82664 11.3241 8.33329 10.9944C7.83994 10.6648 7.45542 10.1962 7.22836 9.64805C7.0013 9.09987 6.94189 8.49667 7.05764 7.91473C7.1734 7.33279 7.45912 6.79824 7.87868 6.37868C8.29824 5.95912 8.83279 5.6734 9.41473 5.55764C9.99667 5.44189 10.5999 5.5013 11.1481 5.72836C11.6962 5.95542 12.1648 6.33994 12.4944 6.83329C12.8241 7.32664 13 7.90666 13 8.5C13 9.29565 12.6839 10.0587 12.1213 10.6213C11.5587 11.1839 10.7956 11.5 10 11.5Z" />
|
6
|
+
</svg>
|
7
|
+
);
|
8
|
+
|
9
|
+
export default UserPlus;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
|
3
3
|
const Users: React.FCS = (props) => (
|
4
|
-
<svg viewBox="0 0
|
5
|
-
<path d="
|
4
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
|
5
|
+
<path d="M12.3 12.22C12.8336 11.7581 13.2616 11.1869 13.5549 10.545C13.8482 9.90316 14 9.20571 14 8.5C14 7.17392 13.4732 5.90215 12.5355 4.96447C11.5979 4.02678 10.3261 3.5 9 3.5C7.67392 3.5 6.40215 4.02678 5.46447 4.96447C4.52678 5.90215 4 7.17392 4 8.5C3.99999 9.20571 4.1518 9.90316 4.44513 10.545C4.73845 11.1869 5.16642 11.7581 5.7 12.22C4.30014 12.8539 3.11247 13.8775 2.27898 15.1685C1.4455 16.4596 1.00147 17.9633 1 19.5C1 19.7652 1.10536 20.0196 1.29289 20.2071C1.48043 20.3946 1.73478 20.5 2 20.5C2.26522 20.5 2.51957 20.3946 2.70711 20.2071C2.89464 20.0196 3 19.7652 3 19.5C3 17.9087 3.63214 16.3826 4.75736 15.2574C5.88258 14.1321 7.4087 13.5 9 13.5C10.5913 13.5 12.1174 14.1321 13.2426 15.2574C14.3679 16.3826 15 17.9087 15 19.5C15 19.7652 15.1054 20.0196 15.2929 20.2071C15.4804 20.3946 15.7348 20.5 16 20.5C16.2652 20.5 16.5196 20.3946 16.7071 20.2071C16.8946 20.0196 17 19.7652 17 19.5C16.9985 17.9633 16.5545 16.4596 15.721 15.1685C14.8875 13.8775 13.6999 12.8539 12.3 12.22ZM9 11.5C8.40666 11.5 7.82664 11.3241 7.33329 10.9944C6.83994 10.6648 6.45542 10.1962 6.22836 9.64805C6.0013 9.09987 5.94189 8.49667 6.05764 7.91473C6.1734 7.33279 6.45912 6.79824 6.87868 6.37868C7.29824 5.95912 7.83279 5.6734 8.41473 5.55764C8.99667 5.44189 9.59987 5.5013 10.1481 5.72836C10.6962 5.95542 11.1648 6.33994 11.4944 6.83329C11.8241 7.32664 12 7.90666 12 8.5C12 9.29565 11.6839 10.0587 11.1213 10.6213C10.5587 11.1839 9.79565 11.5 9 11.5ZM18.74 11.82C19.38 11.0993 19.798 10.2091 19.9438 9.25634C20.0896 8.30362 19.9569 7.32907 19.5618 6.45C19.1666 5.57093 18.5258 4.8248 17.7165 4.30142C16.9071 3.77805 15.9638 3.49974 15 3.5C14.7348 3.5 14.4804 3.60536 14.2929 3.79289C14.1054 3.98043 14 4.23478 14 4.5C14 4.76522 14.1054 5.01957 14.2929 5.20711C14.4804 5.39464 14.7348 5.5 15 5.5C15.7956 5.5 16.5587 5.81607 17.1213 6.37868C17.6839 6.94129 18 7.70435 18 8.5C17.9986 9.02524 17.8593 9.5409 17.5961 9.99542C17.3328 10.4499 16.9549 10.8274 16.5 11.09C16.3517 11.1755 16.2279 11.2977 16.1404 11.4447C16.0528 11.5918 16.0045 11.7589 16 11.93C15.9958 12.0998 16.0349 12.2678 16.1137 12.4183C16.1924 12.5687 16.3081 12.6967 16.45 12.79L16.84 13.05L16.97 13.12C18.1754 13.6917 19.1923 14.596 19.901 15.7263C20.6096 16.8566 20.9805 18.1659 20.97 19.5C20.97 19.7652 21.0754 20.0196 21.2629 20.2071C21.4504 20.3946 21.7048 20.5 21.97 20.5C22.2352 20.5 22.4896 20.3946 22.6771 20.2071C22.8646 20.0196 22.97 19.7652 22.97 19.5C22.9782 17.9654 22.5938 16.4543 21.8535 15.1101C21.1131 13.7659 20.0413 12.6333 18.74 11.82Z" />
|
6
6
|
</svg>
|
7
7
|
);
|
8
8
|
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import React, { useState } from
|
2
|
-
import styled from
|
3
|
-
import { Icon, IconType } from
|
4
|
-
import { Typography } from
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { Icon, IconType } from '../../atoms/Icon';
|
4
|
+
import { Typography } from '../../atoms/Typography';
|
5
5
|
|
6
6
|
const { Body } = Typography;
|
7
7
|
|
@@ -58,7 +58,7 @@ const Root = styled.div<{ active: boolean }>`
|
|
58
58
|
align-items: center;
|
59
59
|
background-color: var(--color-white);
|
60
60
|
border: 1px solid
|
61
|
-
${(p) => (p.active ?
|
61
|
+
${(p) => (p.active ? 'var(--color-orange)' : 'var(--shades-of-grey-40)')};
|
62
62
|
border-radius: 5px;
|
63
63
|
display: flex;
|
64
64
|
justify-content: space-between;
|
@@ -85,7 +85,7 @@ const Trigger = styled.div<{ active: boolean }>`
|
|
85
85
|
gap: var(--padding-s);
|
86
86
|
|
87
87
|
& svg {
|
88
|
-
transform: ${(p) => (p.active ?
|
88
|
+
transform: ${(p) => (p.active ? 'rotate(180deg)' : 'rotate(0)')};
|
89
89
|
transition: transform var(--transition-speed);
|
90
90
|
}
|
91
91
|
`;
|
package/src/index.ts
CHANGED
@@ -10,7 +10,7 @@ export {
|
|
10
10
|
Spinner,
|
11
11
|
Chip,
|
12
12
|
Dot,
|
13
|
-
} from
|
13
|
+
} from './components/atoms';
|
14
14
|
|
15
15
|
export {
|
16
16
|
InfoCard,
|
@@ -21,8 +21,8 @@ export {
|
|
21
21
|
Dropdown,
|
22
22
|
Profile,
|
23
23
|
Radio,
|
24
|
-
} from
|
24
|
+
} from './components/molecules';
|
25
25
|
|
26
|
-
export { Menu, Setting } from
|
26
|
+
export { Menu, Setting } from './components/organisms';
|
27
27
|
|
28
|
-
export { GlobalStyles as IntegrigoUI, Color } from
|
28
|
+
export { GlobalStyles as IntegrigoUI, Color } from './styles';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
|
3
|
-
const CheckSquare: React.FCS = (props) => (
|
4
|
-
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" {...props}>
|
5
|
-
<path d="M8.21 12.75a1 1 0 0 0 1.42 0l4.08-4.08a1.004 1.004 0 1 0-1.42-1.42l-3.37 3.38-1.21-1.22a1.004 1.004 0 0 0-1.42 1.42l1.92 1.92ZM19 0H1a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1Zm-1 18H2V2h16v16Z" />
|
6
|
-
</svg>
|
7
|
-
);
|
8
|
-
|
9
|
-
export default CheckSquare;
|