@digigov/react-icons 2.0.0-36b707c1 → 2.0.0-385c7994
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/AccessibilityIcon/config.d.ts +1 -1
- package/AccessibilityIcon/config.js +18 -0
- package/AccessibilityIcon/index.d.ts +1 -1
- package/AccessibilityIcon/index.js +8 -11
- package/ArrowIcon/config.js +20 -0
- package/ArrowIcon/index.d.ts +1 -1
- package/ArrowIcon/index.js +8 -11
- package/BurgerIcon/config.d.ts +2 -2
- package/BurgerIcon/config.js +29 -0
- package/BurgerIcon/index.d.ts +1 -1
- package/BurgerIcon/index.js +8 -11
- package/CancelIcon/config.d.ts +1 -1
- package/CancelIcon/config.js +11 -0
- package/CancelIcon/index.d.ts +1 -1
- package/CancelIcon/index.js +8 -11
- package/CaretIcon/config.js +20 -0
- package/CaretIcon/index.d.ts +1 -1
- package/CaretIcon/index.js +8 -11
- package/ChatIcon/config.js +14 -0
- package/ChatIcon/index.d.ts +1 -1
- package/ChatIcon/index.js +8 -11
- package/CheckIcon/config.d.ts +1 -1
- package/CheckIcon/config.js +11 -0
- package/CheckIcon/index.d.ts +1 -1
- package/CheckIcon/index.js +8 -11
- package/ChevronIcon/config.js +20 -0
- package/ChevronIcon/index.d.ts +1 -1
- package/ChevronIcon/index.js +8 -11
- package/CloseIcon/config.d.ts +1 -1
- package/CloseIcon/config.js +11 -0
- package/CloseIcon/index.d.ts +1 -1
- package/CloseIcon/index.js +8 -11
- package/DownloadIcon/config.d.ts +1 -1
- package/DownloadIcon/config.js +19 -0
- package/DownloadIcon/index.d.ts +1 -1
- package/DownloadIcon/index.js +8 -11
- package/ExclamationIcon/config.d.ts +1 -1
- package/ExclamationIcon/config.js +16 -0
- package/ExclamationIcon/index.d.ts +1 -1
- package/ExclamationIcon/index.js +8 -11
- package/GlobeIcon/config.d.ts +1 -1
- package/GlobeIcon/config.js +11 -0
- package/GlobeIcon/index.d.ts +1 -1
- package/GlobeIcon/index.js +8 -11
- package/Icon/index.d.ts +2 -2
- package/Icon/index.js +22 -30
- package/{Base → IconBase}/index.d.ts +6 -6
- package/IconBase/index.js +52 -0
- package/LockIcon/config.d.ts +1 -1
- package/LockIcon/config.js +11 -0
- package/LockIcon/index.d.ts +1 -1
- package/LockIcon/index.js +8 -11
- package/LoginIcon/config.d.ts +1 -1
- package/LoginIcon/config.js +14 -0
- package/LoginIcon/index.d.ts +1 -1
- package/LoginIcon/index.js +8 -11
- package/MinusIcon/config.d.ts +1 -1
- package/MinusIcon/config.js +14 -0
- package/MinusIcon/index.d.ts +1 -1
- package/MinusIcon/index.js +8 -11
- package/MoreVertIcon/config.d.ts +1 -1
- package/MoreVertIcon/config.js +23 -0
- package/MoreVertIcon/index.d.ts +1 -1
- package/MoreVertIcon/index.js +8 -11
- package/PdfFileIcon/config.d.ts +1 -1
- package/PdfFileIcon/config.js +24 -0
- package/PdfFileIcon/index.d.ts +1 -1
- package/PdfFileIcon/index.js +8 -11
- package/PlusIcon/config.d.ts +1 -1
- package/PlusIcon/config.js +11 -0
- package/PlusIcon/index.d.ts +1 -1
- package/PlusIcon/index.js +8 -11
- package/PrintIcon/config.d.ts +1 -1
- package/PrintIcon/config.js +17 -0
- package/PrintIcon/index.d.ts +1 -1
- package/PrintIcon/index.js +8 -11
- package/ReplyIcon/config.d.ts +1 -1
- package/ReplyIcon/config.js +11 -0
- package/ReplyIcon/index.d.ts +1 -1
- package/ReplyIcon/index.js +8 -11
- package/RestoreIcon/config.d.ts +1 -1
- package/RestoreIcon/config.js +19 -0
- package/RestoreIcon/index.d.ts +1 -1
- package/RestoreIcon/index.js +8 -11
- package/SearchIcon/config.d.ts +1 -1
- package/SearchIcon/config.js +11 -0
- package/SearchIcon/index.d.ts +1 -1
- package/SearchIcon/index.js +8 -11
- package/SvgIcon/index.d.ts +2 -2
- package/SvgIcon/index.js +12 -22
- package/UncheckIcon/config.d.ts +1 -1
- package/UncheckIcon/config.js +11 -0
- package/UncheckIcon/index.d.ts +1 -1
- package/UncheckIcon/index.js +8 -11
- package/icons.d.ts +46 -46
- package/icons.js +23 -0
- package/index.d.ts +23 -23
- package/index.js +24 -25
- package/lazy.d.ts +28 -28
- package/lazy.js +82 -0
- package/package.json +8 -8
- package/registry.d.ts +26 -3
- package/registry.js +114 -0
- package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +126 -27
- package/src/AccessibilityIcon/config.tsx +7 -6
- package/src/AccessibilityIcon/index.test.tsx +12 -4
- package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +13 -1
- package/src/ArrowIcon/config.tsx +17 -5
- package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +53 -5
- package/src/BurgerIcon/config.tsx +24 -8
- package/src/BurgerIcon/index.test.tsx +6 -2
- package/src/CancelIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/CancelIcon/config.tsx +7 -4
- package/src/CancelIcon/index.test.tsx +6 -2
- package/src/CaretIcon/__snapshots__/index.test.tsx.snap +13 -1
- package/src/CaretIcon/config.tsx +5 -5
- package/src/ChatIcon/__snapshots__/index.test.tsx.snap +31 -7
- package/src/ChatIcon/config.tsx +6 -3
- package/src/ChatIcon/index.test.tsx +7 -3
- package/src/CheckIcon/__snapshots__/index.test.tsx.snap +32 -8
- package/src/CheckIcon/config.tsx +7 -4
- package/src/CheckIcon/index.test.tsx +6 -2
- package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +13 -1
- package/src/ChevronIcon/config.tsx +17 -5
- package/src/ChevronIcon/index.test.tsx +6 -2
- package/src/CloseIcon/__snapshots__/index.test.tsx.snap +4 -1
- package/src/CloseIcon/config.tsx +7 -4
- package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +70 -14
- package/src/DownloadIcon/config.tsx +10 -7
- package/src/DownloadIcon/index.test.tsx +9 -3
- package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +42 -7
- package/src/ExclamationIcon/config.tsx +8 -5
- package/src/ExclamationIcon/index.test.tsx +12 -4
- package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +16 -4
- package/src/GlobeIcon/config.tsx +7 -4
- package/src/GlobeIcon/index.test.tsx +3 -1
- package/src/Icon/__snapshots__/index.test.tsx.snap +40 -1
- package/src/Icon/index.test.tsx +3 -1
- package/src/Icon/index.tsx +1 -1
- package/src/{Base → IconBase}/index.tsx +10 -10
- package/src/LockIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/LockIcon/config.tsx +7 -4
- package/src/LockIcon/index.test.tsx +6 -2
- package/src/LoginIcon/__snapshots__/index.test.tsx.snap +42 -7
- package/src/LoginIcon/config.tsx +11 -5
- package/src/LoginIcon/index.test.tsx +6 -2
- package/src/MinusIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/MinusIcon/config.tsx +4 -4
- package/src/MinusIcon/index.test.tsx +6 -2
- package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +72 -9
- package/src/MoreVertIcon/config.tsx +6 -6
- package/src/MoreVertIcon/index.test.tsx +12 -4
- package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +126 -21
- package/src/PdfFileIcon/config.tsx +20 -11
- package/src/PdfFileIcon/index.test.tsx +6 -2
- package/src/PlusIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/PlusIcon/config.tsx +7 -4
- package/src/PlusIcon/index.test.tsx +6 -2
- package/src/PrintIcon/__snapshots__/index.test.tsx.snap +42 -7
- package/src/PrintIcon/config.tsx +8 -5
- package/src/PrintIcon/index.test.tsx +6 -2
- package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/ReplyIcon/config.tsx +7 -4
- package/src/ReplyIcon/index.test.tsx +6 -2
- package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +56 -7
- package/src/RestoreIcon/config.tsx +9 -6
- package/src/RestoreIcon/index.test.tsx +6 -2
- package/src/SearchIcon/__snapshots__/index.test.tsx.snap +4 -1
- package/src/SearchIcon/config.tsx +7 -4
- package/src/SvgIcon/__snapshots__/index.test.tsx.snap +34 -17
- package/src/SvgIcon/index.tsx +15 -15
- package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +36 -9
- package/src/UncheckIcon/config.tsx +7 -4
- package/src/UncheckIcon/index.test.tsx +6 -2
- package/src/icons.ts +11 -12
- package/src/lazy.ts +29 -0
- package/src/registry.ts +123 -0
- package/AccessibilityIcon/config/index.js +0 -18
- package/AccessibilityIcon/config/package.json +0 -6
- package/AccessibilityIcon/config.js.map +0 -7
- package/AccessibilityIcon/index.js.map +0 -7
- package/AccessibilityIcon/index.test.d.ts +0 -1
- package/AccessibilityIcon/package.json +0 -6
- package/ArrowIcon/config/index.js +0 -12
- package/ArrowIcon/config/package.json +0 -6
- package/ArrowIcon/config.js.map +0 -7
- package/ArrowIcon/index.js.map +0 -7
- package/ArrowIcon/index.test.d.ts +0 -1
- package/ArrowIcon/package.json +0 -6
- package/Base/index.js +0 -102
- package/Base/index.js.map +0 -7
- package/Base/package.json +0 -6
- package/BurgerIcon/config/index.js +0 -24
- package/BurgerIcon/config/package.json +0 -6
- package/BurgerIcon/config.js.map +0 -7
- package/BurgerIcon/index.js.map +0 -7
- package/BurgerIcon/index.test.d.ts +0 -1
- package/BurgerIcon/package.json +0 -6
- package/CancelIcon/config/index.js +0 -12
- package/CancelIcon/config/package.json +0 -6
- package/CancelIcon/config.js.map +0 -7
- package/CancelIcon/index.js.map +0 -7
- package/CancelIcon/index.test.d.ts +0 -1
- package/CancelIcon/package.json +0 -6
- package/CaretIcon/config/index.js +0 -12
- package/CaretIcon/config/package.json +0 -6
- package/CaretIcon/config.js.map +0 -7
- package/CaretIcon/index.js.map +0 -7
- package/CaretIcon/index.test.d.ts +0 -1
- package/CaretIcon/package.json +0 -6
- package/ChatIcon/config/index.js +0 -12
- package/ChatIcon/config/package.json +0 -6
- package/ChatIcon/config.js.map +0 -7
- package/ChatIcon/index.js.map +0 -7
- package/ChatIcon/index.test.d.ts +0 -1
- package/ChatIcon/package.json +0 -6
- package/CheckIcon/config/index.js +0 -12
- package/CheckIcon/config/package.json +0 -6
- package/CheckIcon/config.js.map +0 -7
- package/CheckIcon/index.js.map +0 -7
- package/CheckIcon/index.test.d.ts +0 -1
- package/CheckIcon/package.json +0 -6
- package/ChevronIcon/config/index.js +0 -12
- package/ChevronIcon/config/package.json +0 -6
- package/ChevronIcon/config.js.map +0 -7
- package/ChevronIcon/index.js.map +0 -7
- package/ChevronIcon/index.test.d.ts +0 -1
- package/ChevronIcon/package.json +0 -6
- package/CloseIcon/config/index.js +0 -12
- package/CloseIcon/config/package.json +0 -6
- package/CloseIcon/config.js.map +0 -7
- package/CloseIcon/index.js.map +0 -7
- package/CloseIcon/index.test.d.ts +0 -1
- package/CloseIcon/package.json +0 -6
- package/DownloadIcon/config/index.js +0 -12
- package/DownloadIcon/config/package.json +0 -6
- package/DownloadIcon/config.js.map +0 -7
- package/DownloadIcon/index.js.map +0 -7
- package/DownloadIcon/index.test.d.ts +0 -1
- package/DownloadIcon/package.json +0 -6
- package/ExclamationIcon/config/index.js +0 -12
- package/ExclamationIcon/config/package.json +0 -6
- package/ExclamationIcon/config.js.map +0 -7
- package/ExclamationIcon/index.js.map +0 -7
- package/ExclamationIcon/index.test.d.ts +0 -1
- package/ExclamationIcon/package.json +0 -6
- package/GlobeIcon/config/index.js +0 -12
- package/GlobeIcon/config/package.json +0 -6
- package/GlobeIcon/config.js.map +0 -7
- package/GlobeIcon/index.js.map +0 -7
- package/GlobeIcon/index.test.d.ts +0 -1
- package/GlobeIcon/package.json +0 -6
- package/Icon/index.js.map +0 -7
- package/Icon/index.test.d.ts +0 -1
- package/Icon/package.json +0 -6
- package/LockIcon/config/index.js +0 -12
- package/LockIcon/config/package.json +0 -6
- package/LockIcon/config.js.map +0 -7
- package/LockIcon/index.js.map +0 -7
- package/LockIcon/index.test.d.ts +0 -1
- package/LockIcon/package.json +0 -6
- package/LoginIcon/config/index.js +0 -12
- package/LoginIcon/config/package.json +0 -6
- package/LoginIcon/config.js.map +0 -7
- package/LoginIcon/index.js.map +0 -7
- package/LoginIcon/index.test.d.ts +0 -1
- package/LoginIcon/package.json +0 -6
- package/MinusIcon/config/index.js +0 -12
- package/MinusIcon/config/package.json +0 -6
- package/MinusIcon/config.js.map +0 -7
- package/MinusIcon/index.js.map +0 -7
- package/MinusIcon/index.test.d.ts +0 -1
- package/MinusIcon/package.json +0 -6
- package/MoreVertIcon/config/index.js +0 -12
- package/MoreVertIcon/config/package.json +0 -6
- package/MoreVertIcon/config.js.map +0 -7
- package/MoreVertIcon/index.js.map +0 -7
- package/MoreVertIcon/index.test.d.ts +0 -1
- package/MoreVertIcon/package.json +0 -6
- package/PdfFileIcon/config/index.js +0 -12
- package/PdfFileIcon/config/package.json +0 -6
- package/PdfFileIcon/config.js.map +0 -7
- package/PdfFileIcon/index.js.map +0 -7
- package/PdfFileIcon/index.test.d.ts +0 -1
- package/PdfFileIcon/package.json +0 -6
- package/PlusIcon/config/index.js +0 -12
- package/PlusIcon/config/package.json +0 -6
- package/PlusIcon/config.js.map +0 -7
- package/PlusIcon/index.js.map +0 -7
- package/PlusIcon/index.test.d.ts +0 -1
- package/PlusIcon/package.json +0 -6
- package/PrintIcon/config/index.js +0 -12
- package/PrintIcon/config/package.json +0 -6
- package/PrintIcon/config.js.map +0 -7
- package/PrintIcon/index.js.map +0 -7
- package/PrintIcon/index.test.d.ts +0 -1
- package/PrintIcon/package.json +0 -6
- package/ReplyIcon/config/index.js +0 -12
- package/ReplyIcon/config/package.json +0 -6
- package/ReplyIcon/config.js.map +0 -7
- package/ReplyIcon/index.js.map +0 -7
- package/ReplyIcon/index.test.d.ts +0 -1
- package/ReplyIcon/package.json +0 -6
- package/RestoreIcon/config/index.js +0 -12
- package/RestoreIcon/config/package.json +0 -6
- package/RestoreIcon/config.js.map +0 -7
- package/RestoreIcon/index.js.map +0 -7
- package/RestoreIcon/index.test.d.ts +0 -1
- package/RestoreIcon/package.json +0 -6
- package/SearchIcon/config/index.js +0 -12
- package/SearchIcon/config/package.json +0 -6
- package/SearchIcon/config.js.map +0 -7
- package/SearchIcon/index.js.map +0 -7
- package/SearchIcon/index.test.d.ts +0 -1
- package/SearchIcon/package.json +0 -6
- package/SvgIcon/index.js.map +0 -7
- package/SvgIcon/index.test.d.ts +0 -1
- package/SvgIcon/package.json +0 -6
- package/UncheckIcon/config/index.js +0 -12
- package/UncheckIcon/config/package.json +0 -6
- package/UncheckIcon/config.js.map +0 -7
- package/UncheckIcon/index.js.map +0 -7
- package/UncheckIcon/index.test.d.ts +0 -1
- package/UncheckIcon/package.json +0 -6
- package/cjs/AccessibilityIcon/config/index.js +0 -51
- package/cjs/AccessibilityIcon/config.js.map +0 -7
- package/cjs/AccessibilityIcon/index.js +0 -44
- package/cjs/AccessibilityIcon/index.js.map +0 -7
- package/cjs/ArrowIcon/config/index.js +0 -45
- package/cjs/ArrowIcon/config.js.map +0 -7
- package/cjs/ArrowIcon/index.js +0 -44
- package/cjs/ArrowIcon/index.js.map +0 -7
- package/cjs/Base/index.js +0 -135
- package/cjs/Base/index.js.map +0 -7
- package/cjs/BurgerIcon/config/index.js +0 -57
- package/cjs/BurgerIcon/config.js.map +0 -7
- package/cjs/BurgerIcon/index.js +0 -44
- package/cjs/BurgerIcon/index.js.map +0 -7
- package/cjs/CancelIcon/config/index.js +0 -45
- package/cjs/CancelIcon/config.js.map +0 -7
- package/cjs/CancelIcon/index.js +0 -44
- package/cjs/CancelIcon/index.js.map +0 -7
- package/cjs/CaretIcon/config/index.js +0 -45
- package/cjs/CaretIcon/config.js.map +0 -7
- package/cjs/CaretIcon/index.js +0 -44
- package/cjs/CaretIcon/index.js.map +0 -7
- package/cjs/ChatIcon/config/index.js +0 -45
- package/cjs/ChatIcon/config.js.map +0 -7
- package/cjs/ChatIcon/index.js +0 -44
- package/cjs/ChatIcon/index.js.map +0 -7
- package/cjs/CheckIcon/config/index.js +0 -45
- package/cjs/CheckIcon/config.js.map +0 -7
- package/cjs/CheckIcon/index.js +0 -44
- package/cjs/CheckIcon/index.js.map +0 -7
- package/cjs/ChevronIcon/config/index.js +0 -45
- package/cjs/ChevronIcon/config.js.map +0 -7
- package/cjs/ChevronIcon/index.js +0 -44
- package/cjs/ChevronIcon/index.js.map +0 -7
- package/cjs/CloseIcon/config/index.js +0 -45
- package/cjs/CloseIcon/config.js.map +0 -7
- package/cjs/CloseIcon/index.js +0 -44
- package/cjs/CloseIcon/index.js.map +0 -7
- package/cjs/DownloadIcon/config/index.js +0 -45
- package/cjs/DownloadIcon/config.js.map +0 -7
- package/cjs/DownloadIcon/index.js +0 -44
- package/cjs/DownloadIcon/index.js.map +0 -7
- package/cjs/ExclamationIcon/config/index.js +0 -45
- package/cjs/ExclamationIcon/config.js.map +0 -7
- package/cjs/ExclamationIcon/index.js +0 -44
- package/cjs/ExclamationIcon/index.js.map +0 -7
- package/cjs/GlobeIcon/config/index.js +0 -45
- package/cjs/GlobeIcon/config.js.map +0 -7
- package/cjs/GlobeIcon/index.js +0 -44
- package/cjs/GlobeIcon/index.js.map +0 -7
- package/cjs/Icon/index.js +0 -65
- package/cjs/Icon/index.js.map +0 -7
- package/cjs/LockIcon/config/index.js +0 -45
- package/cjs/LockIcon/config.js.map +0 -7
- package/cjs/LockIcon/index.js +0 -44
- package/cjs/LockIcon/index.js.map +0 -7
- package/cjs/LoginIcon/config/index.js +0 -45
- package/cjs/LoginIcon/config.js.map +0 -7
- package/cjs/LoginIcon/index.js +0 -44
- package/cjs/LoginIcon/index.js.map +0 -7
- package/cjs/MinusIcon/config/index.js +0 -45
- package/cjs/MinusIcon/config.js.map +0 -7
- package/cjs/MinusIcon/index.js +0 -44
- package/cjs/MinusIcon/index.js.map +0 -7
- package/cjs/MoreVertIcon/config/index.js +0 -45
- package/cjs/MoreVertIcon/config.js.map +0 -7
- package/cjs/MoreVertIcon/index.js +0 -44
- package/cjs/MoreVertIcon/index.js.map +0 -7
- package/cjs/PdfFileIcon/config/index.js +0 -45
- package/cjs/PdfFileIcon/config.js.map +0 -7
- package/cjs/PdfFileIcon/index.js +0 -44
- package/cjs/PdfFileIcon/index.js.map +0 -7
- package/cjs/PlusIcon/config/index.js +0 -45
- package/cjs/PlusIcon/config.js.map +0 -7
- package/cjs/PlusIcon/index.js +0 -44
- package/cjs/PlusIcon/index.js.map +0 -7
- package/cjs/PrintIcon/config/index.js +0 -45
- package/cjs/PrintIcon/config.js.map +0 -7
- package/cjs/PrintIcon/index.js +0 -44
- package/cjs/PrintIcon/index.js.map +0 -7
- package/cjs/ReplyIcon/config/index.js +0 -45
- package/cjs/ReplyIcon/config.js.map +0 -7
- package/cjs/ReplyIcon/index.js +0 -44
- package/cjs/ReplyIcon/index.js.map +0 -7
- package/cjs/RestoreIcon/config/index.js +0 -45
- package/cjs/RestoreIcon/config.js.map +0 -7
- package/cjs/RestoreIcon/index.js +0 -44
- package/cjs/RestoreIcon/index.js.map +0 -7
- package/cjs/SearchIcon/config/index.js +0 -45
- package/cjs/SearchIcon/config.js.map +0 -7
- package/cjs/SearchIcon/index.js +0 -44
- package/cjs/SearchIcon/index.js.map +0 -7
- package/cjs/SvgIcon/index.js +0 -63
- package/cjs/SvgIcon/index.js.map +0 -7
- package/cjs/UncheckIcon/config/index.js +0 -45
- package/cjs/UncheckIcon/config.js.map +0 -7
- package/cjs/UncheckIcon/index.js +0 -44
- package/cjs/UncheckIcon/index.js.map +0 -7
- package/cjs/icons/index.js +0 -66
- package/cjs/icons.js.map +0 -7
- package/cjs/index.js +0 -66
- package/cjs/index.js.map +0 -7
- package/cjs/lazy/index.js +0 -62
- package/cjs/lazy.js.map +0 -7
- package/cjs/registry/index.js +0 -107
- package/cjs/registry.js.map +0 -7
- package/icons/index.js +0 -24
- package/icons/package.json +0 -6
- package/icons.js.map +0 -7
- package/index.js.map +0 -7
- package/lazy/index.js +0 -33
- package/lazy/package.json +0 -6
- package/lazy.js.map +0 -7
- package/registry/index.js +0 -78
- package/registry/package.json +0 -6
- package/registry.js.map +0 -7
- package/src/lazy.js +0 -30
- package/src/registry.js +0 -79
|
@@ -1,18 +1,23 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the ExclamationIcon with no props 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--exclamation ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<path
|
|
14
|
+
as="path"
|
|
15
|
+
class=""
|
|
13
16
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
14
17
|
/>
|
|
15
18
|
<circle
|
|
19
|
+
as="circle"
|
|
20
|
+
class=""
|
|
16
21
|
cx="11.993"
|
|
17
22
|
cy="19.9"
|
|
18
23
|
r="2.1"
|
|
@@ -27,14 +32,19 @@ exports[`renders the ExclamationIcon with prop color=error and size=sm 1`] = `
|
|
|
27
32
|
<div>
|
|
28
33
|
<svg
|
|
29
34
|
aria-hidden="true"
|
|
30
|
-
|
|
35
|
+
as="svg"
|
|
36
|
+
class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--error ds-svg-icon--sm"
|
|
31
37
|
focusable="false"
|
|
32
38
|
viewBox="0 0 24 24"
|
|
33
39
|
>
|
|
34
40
|
<path
|
|
41
|
+
as="path"
|
|
42
|
+
class=""
|
|
35
43
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
36
44
|
/>
|
|
37
45
|
<circle
|
|
46
|
+
as="circle"
|
|
47
|
+
class=""
|
|
38
48
|
cx="11.993"
|
|
39
49
|
cy="19.9"
|
|
40
50
|
r="2.1"
|
|
@@ -49,14 +59,19 @@ exports[`renders the ExclamationIcon with prop color=info and size= xl 1`] = `
|
|
|
49
59
|
<div>
|
|
50
60
|
<svg
|
|
51
61
|
aria-hidden="true"
|
|
52
|
-
|
|
62
|
+
as="svg"
|
|
63
|
+
class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--info ds-svg-icon--xl"
|
|
53
64
|
focusable="false"
|
|
54
65
|
viewBox="0 0 24 24"
|
|
55
66
|
>
|
|
56
67
|
<path
|
|
68
|
+
as="path"
|
|
69
|
+
class=""
|
|
57
70
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
58
71
|
/>
|
|
59
72
|
<circle
|
|
73
|
+
as="circle"
|
|
74
|
+
class=""
|
|
60
75
|
cx="11.993"
|
|
61
76
|
cy="19.9"
|
|
62
77
|
r="2.1"
|
|
@@ -71,14 +86,19 @@ exports[`renders the ExclamationIcon with prop color=warning 1`] = `
|
|
|
71
86
|
<div>
|
|
72
87
|
<svg
|
|
73
88
|
aria-hidden="true"
|
|
74
|
-
|
|
89
|
+
as="svg"
|
|
90
|
+
class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--warning"
|
|
75
91
|
focusable="false"
|
|
76
92
|
viewBox="0 0 24 24"
|
|
77
93
|
>
|
|
78
94
|
<path
|
|
95
|
+
as="path"
|
|
96
|
+
class=""
|
|
79
97
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
80
98
|
/>
|
|
81
99
|
<circle
|
|
100
|
+
as="circle"
|
|
101
|
+
class=""
|
|
82
102
|
cx="11.993"
|
|
83
103
|
cy="19.9"
|
|
84
104
|
r="2.1"
|
|
@@ -93,14 +113,19 @@ exports[`renders the ExclamationIcon with prop color=white 1`] = `
|
|
|
93
113
|
<div>
|
|
94
114
|
<svg
|
|
95
115
|
aria-hidden="true"
|
|
96
|
-
|
|
116
|
+
as="svg"
|
|
117
|
+
class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--white"
|
|
97
118
|
focusable="false"
|
|
98
119
|
viewBox="0 0 24 24"
|
|
99
120
|
>
|
|
100
121
|
<path
|
|
122
|
+
as="path"
|
|
123
|
+
class=""
|
|
101
124
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
102
125
|
/>
|
|
103
126
|
<circle
|
|
127
|
+
as="circle"
|
|
128
|
+
class=""
|
|
104
129
|
cx="11.993"
|
|
105
130
|
cy="19.9"
|
|
106
131
|
r="2.1"
|
|
@@ -115,14 +140,19 @@ exports[`renders the ExclamationIcon with prop size=md 1`] = `
|
|
|
115
140
|
<div>
|
|
116
141
|
<svg
|
|
117
142
|
aria-hidden="true"
|
|
118
|
-
|
|
143
|
+
as="svg"
|
|
144
|
+
class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--md"
|
|
119
145
|
focusable="false"
|
|
120
146
|
viewBox="0 0 24 24"
|
|
121
147
|
>
|
|
122
148
|
<path
|
|
149
|
+
as="path"
|
|
150
|
+
class=""
|
|
123
151
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
124
152
|
/>
|
|
125
153
|
<circle
|
|
154
|
+
as="circle"
|
|
155
|
+
class=""
|
|
126
156
|
cx="11.993"
|
|
127
157
|
cy="19.9"
|
|
128
158
|
r="2.1"
|
|
@@ -137,14 +167,19 @@ exports[`renders the ExclamationIcon with prop size=xl 1`] = `
|
|
|
137
167
|
<div>
|
|
138
168
|
<svg
|
|
139
169
|
aria-hidden="true"
|
|
140
|
-
|
|
170
|
+
as="svg"
|
|
171
|
+
class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--xl"
|
|
141
172
|
focusable="false"
|
|
142
173
|
viewBox="0 0 24 24"
|
|
143
174
|
>
|
|
144
175
|
<path
|
|
176
|
+
as="path"
|
|
177
|
+
class=""
|
|
145
178
|
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
146
179
|
/>
|
|
147
180
|
<circle
|
|
181
|
+
as="circle"
|
|
182
|
+
class=""
|
|
148
183
|
cx="11.993"
|
|
149
184
|
cy="19.9"
|
|
150
185
|
r="2.1"
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
3
3
|
|
|
4
|
-
export interface ExclamationType {
|
|
4
|
+
export interface ExclamationType {}
|
|
5
5
|
|
|
6
|
-
export function exclamation(): React.ReactElement {
|
|
6
|
+
export function exclamation(): React.ReactElement<any> {
|
|
7
7
|
return (
|
|
8
8
|
<>
|
|
9
|
-
<
|
|
10
|
-
|
|
9
|
+
<IconBase
|
|
10
|
+
as="path"
|
|
11
|
+
d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
|
|
12
|
+
/>
|
|
13
|
+
<IconBase as="circle" cx="11.993" cy="19.9" r="2.1" />
|
|
11
14
|
</>
|
|
12
15
|
);
|
|
13
16
|
}
|
|
@@ -13,14 +13,22 @@ it('renders the ExclamationIcon with prop size=xl', () => {
|
|
|
13
13
|
expect(render(<ExclamationIcon size="xl" />).baseElement).toMatchSnapshot();
|
|
14
14
|
});
|
|
15
15
|
it('renders the ExclamationIcon with prop color=white', () => {
|
|
16
|
-
expect(
|
|
16
|
+
expect(
|
|
17
|
+
render(<ExclamationIcon color="white" />).baseElement
|
|
18
|
+
).toMatchSnapshot();
|
|
17
19
|
});
|
|
18
20
|
it('renders the ExclamationIcon with prop color=warning', () => {
|
|
19
|
-
expect(
|
|
21
|
+
expect(
|
|
22
|
+
render(<ExclamationIcon color="warning" />).baseElement
|
|
23
|
+
).toMatchSnapshot();
|
|
20
24
|
});
|
|
21
25
|
it('renders the ExclamationIcon with prop color=error and size=sm', () => {
|
|
22
|
-
expect(
|
|
26
|
+
expect(
|
|
27
|
+
render(<ExclamationIcon color="error" size="sm" />).baseElement
|
|
28
|
+
).toMatchSnapshot();
|
|
23
29
|
});
|
|
24
30
|
it('renders the ExclamationIcon with prop color=info and size= xl', () => {
|
|
25
|
-
expect(
|
|
31
|
+
expect(
|
|
32
|
+
render(<ExclamationIcon color="info" size="xl" />).baseElement
|
|
33
|
+
).toMatchSnapshot();
|
|
26
34
|
});
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the GlobeIcon prop color= "error" 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
-
|
|
8
|
+
as="svg"
|
|
9
|
+
class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--error"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<path
|
|
14
|
+
as="path"
|
|
15
|
+
class=""
|
|
13
16
|
d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
|
|
14
17
|
/>
|
|
15
18
|
</svg>
|
|
@@ -22,11 +25,14 @@ exports[`renders the GlobeIcon prop color= "white" 1`] = `
|
|
|
22
25
|
<div>
|
|
23
26
|
<svg
|
|
24
27
|
aria-hidden="true"
|
|
25
|
-
|
|
28
|
+
as="svg"
|
|
29
|
+
class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--white"
|
|
26
30
|
focusable="false"
|
|
27
31
|
viewBox="0 0 24 24"
|
|
28
32
|
>
|
|
29
33
|
<path
|
|
34
|
+
as="path"
|
|
35
|
+
class=""
|
|
30
36
|
d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
|
|
31
37
|
/>
|
|
32
38
|
</svg>
|
|
@@ -39,11 +45,14 @@ exports[`renders the GlobeIcon with no props 1`] = `
|
|
|
39
45
|
<div>
|
|
40
46
|
<svg
|
|
41
47
|
aria-hidden="true"
|
|
48
|
+
as="svg"
|
|
42
49
|
class="ds-svg-icon--globe ds-svg-icon"
|
|
43
50
|
focusable="false"
|
|
44
51
|
viewBox="0 0 24 24"
|
|
45
52
|
>
|
|
46
53
|
<path
|
|
54
|
+
as="path"
|
|
55
|
+
class=""
|
|
47
56
|
d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
|
|
48
57
|
/>
|
|
49
58
|
</svg>
|
|
@@ -56,11 +65,14 @@ exports[`renders the GlobeIcon with prop color=base-content 1`] = `
|
|
|
56
65
|
<div>
|
|
57
66
|
<svg
|
|
58
67
|
aria-hidden="true"
|
|
59
|
-
|
|
68
|
+
as="svg"
|
|
69
|
+
class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--base-content"
|
|
60
70
|
focusable="false"
|
|
61
71
|
viewBox="0 0 24 24"
|
|
62
72
|
>
|
|
63
73
|
<path
|
|
74
|
+
as="path"
|
|
75
|
+
class=""
|
|
64
76
|
d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
|
|
65
77
|
/>
|
|
66
78
|
</svg>
|
package/src/GlobeIcon/config.tsx
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
3
3
|
|
|
4
|
-
export interface GlobeType {
|
|
4
|
+
export interface GlobeType {}
|
|
5
5
|
|
|
6
|
-
export function globe(): React.ReactElement {
|
|
6
|
+
export function globe(): React.ReactElement<any> {
|
|
7
7
|
return (
|
|
8
8
|
<>
|
|
9
|
-
<
|
|
9
|
+
<IconBase
|
|
10
|
+
as="path"
|
|
11
|
+
d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
|
|
12
|
+
/>
|
|
10
13
|
</>
|
|
11
14
|
);
|
|
12
15
|
}
|
|
@@ -8,7 +8,9 @@ it('renders the GlobeIcon with no props', () => {
|
|
|
8
8
|
});
|
|
9
9
|
|
|
10
10
|
it('renders the GlobeIcon with prop color=base-content', () => {
|
|
11
|
-
expect(
|
|
11
|
+
expect(
|
|
12
|
+
render(<GlobeIcon color="base-content" />).baseElement
|
|
13
|
+
).toMatchSnapshot();
|
|
12
14
|
});
|
|
13
15
|
|
|
14
16
|
it('renders the GlobeIcon prop color= "white"', () => {
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the Icon prop icon= "caret" 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--caret ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<path
|
|
14
|
+
as="path"
|
|
15
|
+
class=""
|
|
13
16
|
d="M18,22V2L6,12L18,22z"
|
|
14
17
|
/>
|
|
15
18
|
</svg>
|
|
@@ -22,11 +25,14 @@ exports[`renders the Icon prop icon= "caret" and direction=left 1`] = `
|
|
|
22
25
|
<div>
|
|
23
26
|
<svg
|
|
24
27
|
aria-hidden="true"
|
|
28
|
+
as="svg"
|
|
25
29
|
class="ds-svg-icon--caret ds-svg-icon"
|
|
26
30
|
focusable="false"
|
|
27
31
|
viewBox="0 0 24 24"
|
|
28
32
|
>
|
|
29
33
|
<path
|
|
34
|
+
as="path"
|
|
35
|
+
class=""
|
|
30
36
|
d="M18,22V2L6,12L18,22z"
|
|
31
37
|
/>
|
|
32
38
|
</svg>
|
|
@@ -39,11 +45,14 @@ exports[`renders the Icon prop icon= "check" 1`] = `
|
|
|
39
45
|
<div>
|
|
40
46
|
<svg
|
|
41
47
|
aria-hidden="true"
|
|
48
|
+
as="svg"
|
|
42
49
|
class="ds-svg-icon--check ds-svg-icon"
|
|
43
50
|
focusable="false"
|
|
44
51
|
viewBox="0 0 24 24"
|
|
45
52
|
>
|
|
46
53
|
<polygon
|
|
54
|
+
as="polygon"
|
|
55
|
+
class=""
|
|
47
56
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
48
57
|
/>
|
|
49
58
|
</svg>
|
|
@@ -56,11 +65,14 @@ exports[`renders the Icon prop icon= "close" 1`] = `
|
|
|
56
65
|
<div>
|
|
57
66
|
<svg
|
|
58
67
|
aria-hidden="true"
|
|
68
|
+
as="svg"
|
|
59
69
|
class="ds-svg-icon--close ds-svg-icon"
|
|
60
70
|
focusable="false"
|
|
61
71
|
viewBox="0 0 24 24"
|
|
62
72
|
>
|
|
63
73
|
<polygon
|
|
74
|
+
as="polygon"
|
|
75
|
+
class=""
|
|
64
76
|
points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
|
|
65
77
|
/>
|
|
66
78
|
</svg>
|
|
@@ -73,11 +85,14 @@ exports[`renders the Icon prop icon= "uncheck" 1`] = `
|
|
|
73
85
|
<div>
|
|
74
86
|
<svg
|
|
75
87
|
aria-hidden="true"
|
|
88
|
+
as="svg"
|
|
76
89
|
class="ds-svg-icon--uncheck ds-svg-icon"
|
|
77
90
|
focusable="false"
|
|
78
91
|
viewBox="0 0 24 24"
|
|
79
92
|
>
|
|
80
93
|
<polygon
|
|
94
|
+
as="polygon"
|
|
95
|
+
class=""
|
|
81
96
|
points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
|
|
82
97
|
/>
|
|
83
98
|
</svg>
|
|
@@ -90,21 +105,28 @@ exports[`renders the Icon props icon= "moreVert" 1`] = `
|
|
|
90
105
|
<div>
|
|
91
106
|
<svg
|
|
92
107
|
aria-hidden="true"
|
|
108
|
+
as="svg"
|
|
93
109
|
class="ds-svg-icon--moreVert ds-svg-icon"
|
|
94
110
|
focusable="false"
|
|
95
111
|
viewBox="0 0 24 24"
|
|
96
112
|
>
|
|
97
113
|
<circle
|
|
114
|
+
as="circle"
|
|
115
|
+
class=""
|
|
98
116
|
cx="12"
|
|
99
117
|
cy="5"
|
|
100
118
|
r="2"
|
|
101
119
|
/>
|
|
102
120
|
<circle
|
|
121
|
+
as="circle"
|
|
122
|
+
class=""
|
|
103
123
|
cx="12"
|
|
104
124
|
cy="12"
|
|
105
125
|
r="2"
|
|
106
126
|
/>
|
|
107
127
|
<circle
|
|
128
|
+
as="circle"
|
|
129
|
+
class=""
|
|
108
130
|
cx="12"
|
|
109
131
|
cy="19"
|
|
110
132
|
r="2"
|
|
@@ -119,11 +141,14 @@ exports[`renders the Icon with no props 1`] = `
|
|
|
119
141
|
<div>
|
|
120
142
|
<svg
|
|
121
143
|
aria-hidden="true"
|
|
144
|
+
as="svg"
|
|
122
145
|
class="ds-svg-icon--chevron ds-svg-icon"
|
|
123
146
|
focusable="false"
|
|
124
147
|
viewBox="0 0 24 24"
|
|
125
148
|
>
|
|
126
149
|
<path
|
|
150
|
+
as="path"
|
|
151
|
+
class=""
|
|
127
152
|
d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
|
|
128
153
|
/>
|
|
129
154
|
</svg>
|
|
@@ -136,11 +161,14 @@ exports[`renders the Icon with prop icon=arrow and direction=up 1`] = `
|
|
|
136
161
|
<div>
|
|
137
162
|
<svg
|
|
138
163
|
aria-hidden="true"
|
|
164
|
+
as="svg"
|
|
139
165
|
class="ds-svg-icon--chevron ds-svg-icon"
|
|
140
166
|
focusable="false"
|
|
141
167
|
viewBox="0 0 24 24"
|
|
142
168
|
>
|
|
143
169
|
<path
|
|
170
|
+
as="path"
|
|
171
|
+
class=""
|
|
144
172
|
d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
|
|
145
173
|
/>
|
|
146
174
|
</svg>
|
|
@@ -153,24 +181,32 @@ exports[`renders the Icon with prop prop icon=burger 1`] = `
|
|
|
153
181
|
<div>
|
|
154
182
|
<svg
|
|
155
183
|
aria-hidden="true"
|
|
184
|
+
as="svg"
|
|
156
185
|
class="ds-svg-icon--burger ds-svg-icon"
|
|
157
186
|
focusable="false"
|
|
158
187
|
viewBox="0 0 24 24"
|
|
159
188
|
>
|
|
160
189
|
<g
|
|
190
|
+
as="g"
|
|
161
191
|
class=""
|
|
162
192
|
>
|
|
163
193
|
<rect
|
|
194
|
+
as="rect"
|
|
195
|
+
class=""
|
|
164
196
|
height="3.3"
|
|
165
197
|
id="ds-svg-icon--burger__line-1"
|
|
166
198
|
width="20"
|
|
167
199
|
/>
|
|
168
200
|
<rect
|
|
201
|
+
as="rect"
|
|
202
|
+
class=""
|
|
169
203
|
height="3.3"
|
|
170
204
|
id="ds-svg-icon--burger__line-2"
|
|
171
205
|
width="20"
|
|
172
206
|
/>
|
|
173
207
|
<rect
|
|
208
|
+
as="rect"
|
|
209
|
+
class=""
|
|
174
210
|
height="3.3"
|
|
175
211
|
id="ds-svg-icon--burger__line-3"
|
|
176
212
|
width="20"
|
|
@@ -186,11 +222,14 @@ exports[`renders the Icon with prop prop icon=globe 1`] = `
|
|
|
186
222
|
<div>
|
|
187
223
|
<svg
|
|
188
224
|
aria-hidden="true"
|
|
225
|
+
as="svg"
|
|
189
226
|
class="ds-svg-icon--globe ds-svg-icon"
|
|
190
227
|
focusable="false"
|
|
191
228
|
viewBox="0 0 24 24"
|
|
192
229
|
>
|
|
193
230
|
<path
|
|
231
|
+
as="path"
|
|
232
|
+
class=""
|
|
194
233
|
d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
|
|
195
234
|
/>
|
|
196
235
|
</svg>
|
package/src/Icon/index.test.tsx
CHANGED
|
@@ -17,7 +17,9 @@ it('renders the Icon prop icon= "caret"', () => {
|
|
|
17
17
|
expect(render(<Icon icon="caret" />).baseElement).toMatchSnapshot();
|
|
18
18
|
});
|
|
19
19
|
it('renders the Icon prop icon= "caret" and direction=left', () => {
|
|
20
|
-
expect(
|
|
20
|
+
expect(
|
|
21
|
+
render(<Icon icon="caret" direction="left" />).baseElement
|
|
22
|
+
).toMatchSnapshot();
|
|
21
23
|
});
|
|
22
24
|
it('renders the Icon prop icon= "check"', () => {
|
|
23
25
|
expect(render(<Icon icon="check" />).baseElement).toMatchSnapshot();
|
package/src/Icon/index.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import SvgIcon, { SvgIconProps } from '@digigov/react-icons/SvgIcon';
|
|
4
3
|
import * as icons from '@digigov/react-icons/icons';
|
|
5
4
|
import type { IconTypes } from '@digigov/react-icons/icons';
|
|
5
|
+
import SvgIcon, { SvgIconProps } from '@digigov/react-icons/SvgIcon';
|
|
6
6
|
|
|
7
7
|
export type IconProps<N extends keyof IconTypes> = SvgIconProps &
|
|
8
8
|
IconTypes[N] & {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
interface AsProp<C extends React.ElementType> {
|
|
5
5
|
as?: C;
|
|
6
|
-
}
|
|
6
|
+
}
|
|
7
7
|
|
|
8
8
|
type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
|
|
9
9
|
|
|
@@ -14,7 +14,7 @@ type PolymorphicComponentProp<
|
|
|
14
14
|
> = React.PropsWithChildren<Props & AsProp<C>> &
|
|
15
15
|
Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
|
|
16
16
|
|
|
17
|
-
// This is a new type
|
|
17
|
+
// This is a new type utility with ref!
|
|
18
18
|
type PolymorphicComponentPropWithRef<
|
|
19
19
|
C extends React.ElementType,
|
|
20
20
|
Props = Record<string, unknown>,
|
|
@@ -27,7 +27,7 @@ type PolymorphicRef<C extends React.ElementType> =
|
|
|
27
27
|
/**
|
|
28
28
|
* This is the updated component props using PolymorphicComponentPropWithRef
|
|
29
29
|
*/
|
|
30
|
-
export type
|
|
30
|
+
export type IconBaseProps<C extends React.ElementType> =
|
|
31
31
|
PolymorphicComponentPropWithRef<
|
|
32
32
|
C,
|
|
33
33
|
{
|
|
@@ -147,12 +147,12 @@ type spacingValues =
|
|
|
147
147
|
/**
|
|
148
148
|
* This is the type used in the type annotation for the component
|
|
149
149
|
*/
|
|
150
|
-
type
|
|
151
|
-
props:
|
|
150
|
+
type IconBaseComponent = <C extends React.ElementType = 'span'>(
|
|
151
|
+
props: IconBaseProps<C>
|
|
152
152
|
) => React.ReactNode | null;
|
|
153
153
|
|
|
154
|
-
export const
|
|
155
|
-
C extends React.ElementType
|
|
154
|
+
export const IconBase: IconBaseComponent = React.forwardRef(function Base<
|
|
155
|
+
C extends React.ElementType,
|
|
156
156
|
>(
|
|
157
157
|
{
|
|
158
158
|
as,
|
|
@@ -196,7 +196,7 @@ export const Base: BaseComponent = React.forwardRef(function Base<
|
|
|
196
196
|
children,
|
|
197
197
|
className,
|
|
198
198
|
...props
|
|
199
|
-
}:
|
|
199
|
+
}: IconBaseProps<C>,
|
|
200
200
|
ref?: PolymorphicRef<C>
|
|
201
201
|
) {
|
|
202
202
|
const Component = as || 'span';
|
|
@@ -255,4 +255,4 @@ export const Base: BaseComponent = React.forwardRef(function Base<
|
|
|
255
255
|
);
|
|
256
256
|
});
|
|
257
257
|
|
|
258
|
-
export default
|
|
258
|
+
export default IconBase;
|