UNPKG

@legion-ui-kit/react-core

Version:

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

1 lines 10.2 kB
{"version":3,"file":"Alert.icons.cjs","sources":["../../../../src/components/Alert/Alert.icons.tsx"],"sourcesContent":["export const AlertIconClose = (\r\n <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\r\n <g clipPath='url(#clip0_21141_7493)'>\r\n <path d='M18 6L6 18' stroke='#212121' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\r\n <path d='M6 6L18 18' stroke='#212121' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\r\n </g>\r\n <defs>\r\n <clipPath id='clip0_21141_7493'>\r\n <rect width='24' height='24' fill='white' />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n)\r\n\r\nexport const AlertIconInformation = (\r\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\r\n <g clipPath='url(#clip0_21141_7486)'>\r\n <path\r\n d='M8.00004 1.33334C11.682 1.33334 14.6667 4.318 14.6667 8C14.6681 9.75032 13.9811 11.431 12.754 12.6791C11.5269 13.9272 9.85814 14.6427 8.10806 14.6711C6.35797 14.6994 4.66693 14.0384 3.40004 12.8307C2.13315 11.623 1.39203 9.96544 1.33671 8.216L1.33337 8L1.33604 7.81334C1.43471 4.218 4.38004 1.33334 8.00004 1.33334ZM8.00004 7.33334H7.33337L7.25537 7.338C7.09334 7.35728 6.944 7.43531 6.83565 7.55731C6.7273 7.67932 6.66745 7.83683 6.66745 8C6.66745 8.16318 6.7273 8.32069 6.83565 8.44269C6.944 8.5647 7.09334 8.64273 7.25537 8.662L7.33337 8.66667V10.6667L7.33804 10.7447C7.35559 10.8935 7.42276 11.032 7.52872 11.138C7.63467 11.2439 7.77323 11.3111 7.92204 11.3287L8.00004 11.3333H8.66671L8.74471 11.3287C8.89352 11.3111 9.03208 11.2439 9.13803 11.138C9.24399 11.032 9.31116 10.8935 9.32871 10.7447L9.33337 10.6667L9.32871 10.5887C9.31277 10.4527 9.25533 10.3248 9.1642 10.2226C9.07307 10.1204 8.95267 10.0487 8.81937 10.0173L8.74471 10.004L8.66671 10V8L8.66204 7.922C8.64449 7.77319 8.57732 7.63463 8.47137 7.52868C8.36541 7.42272 8.22685 7.35555 8.07804 7.338L8.00004 7.33334ZM8.00671 5.33334L7.92204 5.338C7.76001 5.35728 7.61067 5.43531 7.50232 5.55731C7.39396 5.67932 7.33412 5.83683 7.33412 6C7.33412 6.16318 7.39396 6.32069 7.50232 6.44269C7.61067 6.5647 7.76001 6.64273 7.92204 6.662L8.00004 6.66667L8.08471 6.662C8.24674 6.64273 8.39608 6.5647 8.50443 6.44269C8.61279 6.32069 8.67263 6.16318 8.67263 6C8.67263 5.83683 8.61279 5.67932 8.50443 5.55731C8.39608 5.43531 8.24674 5.35728 8.08471 5.338L8.00671 5.33334Z'\r\n fill='white'\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id='clip0_21141_7486'>\r\n <rect width='16' height='16' fill='white' />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n)\r\n\r\nexport const AlertIconWarning = (\r\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\r\n <g clipPath='url(#clip0_21141_7461)'>\r\n <path\r\n d='M7.96004 1.33333C8.28081 1.33355 8.59679 1.41118 8.88114 1.55962C9.16549 1.70806 9.40982 1.92294 9.59338 2.18599L9.66538 2.29533L15.286 11.678C15.4545 11.97 15.546 12.3 15.5522 12.637C15.5584 12.974 15.479 13.3071 15.3214 13.6051C15.1638 13.9031 14.9332 14.1562 14.6512 14.3408C14.3691 14.5255 14.0449 14.6355 13.7087 14.6607L13.5754 14.6667H2.33804C2.0015 14.6626 1.67146 14.5735 1.37868 14.4075C1.0859 14.2415 0.839928 14.004 0.663684 13.7173C0.487439 13.4306 0.386666 13.1039 0.370758 12.7677C0.354851 12.4315 0.424327 12.0968 0.57271 11.7947L0.640043 11.6687L6.25671 2.29199C6.43436 1.99934 6.68441 1.75739 6.98276 1.58947C7.28111 1.42156 7.61769 1.33334 7.96004 1.33333ZM8.00671 10.6667L7.92204 10.6713C7.76001 10.6906 7.61067 10.7686 7.50232 10.8906C7.39396 11.0126 7.33412 11.1702 7.33412 11.3333C7.33412 11.4965 7.39396 11.654 7.50232 11.776C7.61067 11.898 7.76001 11.9761 7.92204 11.9953L8.00004 12L8.08471 11.9953C8.24674 11.9761 8.39608 11.898 8.50443 11.776C8.61279 11.654 8.67263 11.4965 8.67263 11.3333C8.67263 11.1702 8.61279 11.0126 8.50443 10.8906C8.39608 10.7686 8.24674 10.6906 8.08471 10.6713L8.00671 10.6667ZM8.00004 5.33333C7.83675 5.33335 7.67915 5.3933 7.55713 5.50181C7.43511 5.61031 7.35715 5.75983 7.33804 5.922L7.33338 6V8.66666L7.33804 8.74466C7.35732 8.90669 7.43535 9.05603 7.55735 9.16439C7.67936 9.27274 7.83687 9.33259 8.00004 9.33259C8.16322 9.33259 8.32073 9.27274 8.44273 9.16439C8.56474 9.05603 8.64277 8.90669 8.66204 8.74466L8.66671 8.66666V6L8.66204 5.922C8.64294 5.75983 8.56498 5.61031 8.44296 5.50181C8.32094 5.3933 8.16333 5.33335 8.00004 5.33333Z'\r\n fill='white'\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id='clip0_21141_7461'>\r\n <rect width='16' height='16' fill='white' />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n)\r\n\r\nexport const AlertIconError = (\r\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\r\n <g clipPath='url(#clip0_21141_7449)'>\r\n <path\r\n d='M11.3334 2.22667C12.3389 2.80724 13.1753 3.64035 13.7599 4.64353C14.3445 5.64672 14.6569 6.78518 14.6663 7.94623C14.6757 9.10727 14.3817 10.2506 13.8134 11.2631C13.2451 12.2756 12.4222 13.1221 11.4262 13.7189C10.4302 14.3156 9.29562 14.6419 8.13477 14.6654C6.97393 14.6889 5.82707 14.4088 4.80774 13.8528C3.78841 13.2969 2.93195 12.4844 2.32315 11.4957C1.71435 10.507 1.37431 9.37647 1.33671 8.216L1.33337 8L1.33671 7.784C1.37404 6.63266 1.70907 5.51064 2.30913 4.52733C2.90919 3.54402 3.75381 2.73297 4.76064 2.17325C5.76746 1.61354 6.90214 1.32426 8.05404 1.33362C9.20595 1.34299 10.3358 1.65066 11.3334 2.22667ZM7.00737 6.09333C6.86769 6.01019 6.70245 5.98094 6.54271 6.01109C6.38298 6.04124 6.23977 6.12871 6.14001 6.25705C6.04025 6.3854 5.99082 6.54577 6.00101 6.708C6.01121 6.87024 6.08033 7.02316 6.19537 7.138L7.05671 8L6.19537 8.862L6.14004 8.92467C6.03643 9.05866 5.98771 9.22707 6.00377 9.39568C6.01984 9.5643 6.09948 9.72048 6.22652 9.8325C6.35357 9.94452 6.51849 10.004 6.68779 9.99882C6.85708 9.99365 7.01807 9.92423 7.13804 9.80467L8.00004 8.94333L8.86204 9.80467L8.92471 9.86C9.0587 9.96361 9.22711 10.0123 9.39573 9.99627C9.56434 9.9802 9.72052 9.90056 9.83254 9.77352C9.94456 9.64647 10.004 9.48155 9.99886 9.31226C9.99369 9.14296 9.92427 8.98197 9.80471 8.862L8.94337 8L9.80471 7.138L9.86004 7.07533C9.96365 6.94134 10.0124 6.77293 9.99631 6.60432C9.98024 6.4357 9.9006 6.27952 9.77356 6.1675C9.64652 6.05548 9.4816 5.99601 9.3123 6.00118C9.143 6.00635 8.98201 6.07577 8.86204 6.19533L8.00004 7.05667L7.13804 6.19533L7.07537 6.14L7.00737 6.09333Z'\r\n fill='white'\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id='clip0_21141_7449'>\r\n <rect width='16' height='16' fill='white' />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n)\r\n\r\nexport const AlertIconSuccess = (\r\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>\r\n <g clipPath='url(#clip0_21141_7424)'>\r\n <path\r\n d='M11.3334 2.22667C12.3389 2.80724 13.1753 3.64035 13.7599 4.64353C14.3445 5.64672 14.6569 6.78518 14.6663 7.94623C14.6757 9.10727 14.3817 10.2506 13.8134 11.2631C13.2451 12.2756 12.4222 13.1221 11.4262 13.7189C10.4302 14.3156 9.29562 14.6419 8.13477 14.6654C6.97393 14.6889 5.82707 14.4088 4.80774 13.8528C3.78841 13.2969 2.93195 12.4844 2.32315 11.4957C1.71435 10.507 1.37431 9.37647 1.33671 8.216L1.33337 8L1.33671 7.784C1.37404 6.63266 1.70907 5.51064 2.30913 4.52733C2.90919 3.54402 3.75381 2.73297 4.76064 2.17325C5.76746 1.61354 6.90214 1.32426 8.05404 1.33362C9.20595 1.34299 10.3358 1.65066 11.3334 2.22667ZM10.4714 6.19533C10.3566 6.08055 10.2038 6.01159 10.0418 6.00141C9.87981 5.99122 9.71964 6.0405 9.59137 6.14L9.52871 6.19533L7.33337 8.39L6.47137 7.52867L6.40871 7.47333C6.28043 7.3739 6.12029 7.32468 5.95831 7.3349C5.79633 7.34512 5.64365 7.41408 5.52888 7.52884C5.41412 7.6436 5.34516 7.79629 5.33494 7.95827C5.32472 8.12025 5.37394 8.28039 5.47337 8.40867L5.52871 8.47133L6.86204 9.80467L6.92471 9.86C7.04162 9.95071 7.1854 9.99994 7.33337 9.99994C7.48135 9.99994 7.62513 9.95071 7.74204 9.86L7.80471 9.80467L10.4714 7.138L10.5267 7.07533C10.6262 6.94706 10.6755 6.7869 10.6653 6.62488C10.6551 6.46286 10.5862 6.31013 10.4714 6.19533Z'\r\n fill='white'\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id='clip0_21141_7424'>\r\n <rect width='16' height='16' fill='white' />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n)\r\n"],"names":["_jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","id","AlertIconInformation","AlertIconWarning","AlertIconError","AlertIconSuccess"],"mappings":"gDACEA,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAAA,CAC5FN,EAAAA,UAAGO,SAAS,yBAAwBD,SAAA,CAClCE,EAAAA,IAAA,OAAA,CAAMC,EAAE,aAAaC,OAAO,UAAUC,YAAY,IAAIC,cAAc,QAAQC,eAAe,UAC3FL,EAAAA,IAAA,OAAA,CAAMC,EAAE,aAAaC,OAAO,UAAUC,YAAY,IAAIC,cAAc,QAAQC,eAAe,aAE7FL,EAAAA,IAAA,OAAA,CAAAF,SACEE,EAAAA,IAAA,WAAA,CAAUM,GAAG,4BACXN,EAAAA,IAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAMnC,MAAMW,EACXf,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAAA,CAC5FE,MAAA,IAAA,CAAGD,SAAS,yBAAwBD,SAClCE,EAAAA,IAAA,OAAA,CACEC,EAAE,o/CACFL,KAAK,YAGTI,EAAAA,IAAA,OAAA,CAAAF,SACEE,EAAAA,IAAA,WAAA,CAAUM,GAAG,mBAAkBR,SAC7BE,MAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAM7BY,EACXhB,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAAA,CAC5FE,MAAA,IAAA,CAAGD,SAAS,yBAAwBD,SAClCE,EAAAA,IAAA,OAAA,CACEC,EAAE,2jDACFL,KAAK,YAGTI,EAAAA,IAAA,OAAA,CAAAF,SACEE,EAAAA,IAAA,WAAA,CAAUM,GAAG,mBAAkBR,SAC7BE,MAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAM7Ba,EACXjB,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAAA,CAC5FE,MAAA,IAAA,CAAGD,SAAS,yBAAwBD,SAClCE,EAAAA,IAAA,OAAA,CACEC,EAAE,giDACFL,KAAK,YAGTI,EAAAA,IAAA,OAAA,CAAAF,SACEE,EAAAA,IAAA,WAAA,CAAUM,GAAG,mBAAkBR,SAC7BE,MAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAM7Bc,EACXlB,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAAA,CAC5FE,MAAA,IAAA,CAAGD,SAAS,yBAAwBD,SAClCE,EAAAA,IAAA,OAAA,CACEC,EAAE,suCACFL,KAAK,YAGTI,EAAAA,IAAA,OAAA,CAAAF,SACEE,EAAAA,IAAA,WAAA,CAAUM,GAAG,mBAAkBR,SAC7BE,MAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK"}