Clean assets
@ -4,15 +4,6 @@
|
||||
|
||||
This plugin allows you to manage your data through a UI.
|
||||
|
||||
## Contributing
|
||||
## Changing the plugin logo
|
||||
|
||||
NB: Please refers to the contributing section of the [monorepo](https://github.com/strapi/strapi)
|
||||
|
||||
1. Create a new Strapi application: `strapi new myApp`.
|
||||
2. Go to your new Strapi app `cd myApp`.
|
||||
3. Create a symlink to the monorepo plugin's folder `ln -s /path/to/strapi/monorepo/packages/strapi-plugin-content-manager ./plugins/content-manager`
|
||||
3. Copy the layout SASS variables folder into your project from `admin/public/app/styles/variables` to `plugins/content-manager/public/app/styles/variables`
|
||||
4. Start your app `strapi start` (Don't forget to return to the root of your app's directory).
|
||||
|
||||
|
||||
ln -s -f ./admin/public/app/styles/variables/variables.scss ./plugins/content-manager/public/app/styles/variables/variables.scss
|
||||
The plugin's logo is located in `./admin/src/assets/logo.svg` it is displayed in the marketplace (`/admin/list-plugins`)
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<svg width="19" height="10" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><text font-family="Lato-Semibold, Lato" font-size="11" font-weight="500" fill="#41464E" transform="translate(0 -2)"><tspan x="1" y="11">abc</tspan></text><path d="M.5 6.5h18" stroke="#2C3039" stroke-linecap="square"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 325 B |
@ -1 +0,0 @@
|
||||
<svg width="9" height="10" xmlns="http://www.w3.org/2000/svg"><text transform="translate(-12 -10)" fill="#333740" fill-rule="evenodd" font-size="13" font-family="Baskerville-SemiBold, Baskerville" font-weight="500"><tspan x="12" y="20">B</tspan></text></svg>
|
||||
|
Before Width: | Height: | Size: 258 B |
@ -1 +0,0 @@
|
||||
<svg width="13" height="7" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#333740" d="M5 0h8v1H5zM5 2h8v1H5zM5 4h8v1H5zM5 6h8v1H5z"/><rect stroke="#333740" x=".5" y=".5" width="2" height="2" rx="1"/><rect stroke="#333740" x=".5" y="4.5" width="2" height="2" rx="1"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 311 B |
@ -1 +0,0 @@
|
||||
<svg width="12" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="#333740" fill-rule="evenodd"><path d="M3.653 7.385a.632.632 0 0 1-.452-.191L.214 4.154a.66.66 0 0 1 0-.922L3.201.19a.632.632 0 0 1 .905 0 .66.66 0 0 1 0 .921l-2.534 2.58 2.534 2.58a.66.66 0 0 1 0 .922.632.632 0 0 1-.453.19zM8.347 7.385a.632.632 0 0 0 .452-.191l2.987-3.04a.66.66 0 0 0 0-.922L8.799.19a.632.632 0 0 0-.905 0 .66.66 0 0 0 0 .921l2.534 2.58-2.534 2.58a.66.66 0 0 0 0 .922c.125.127.289.19.453.19z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 492 B |
@ -1 +0,0 @@
|
||||
<svg width="6" height="9" xmlns="http://www.w3.org/2000/svg"><text transform="translate(-13 -11)" fill="#333740" fill-rule="evenodd" font-weight="500" font-size="13" font-family="Baskerville-SemiBoldItalic, Baskerville" font-style="italic"><tspan x="13" y="20">I</tspan></text></svg>
|
||||
|
Before Width: | Height: | Size: 283 B |
@ -1 +0,0 @@
|
||||
<svg width="12" height="6" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M6.063 1.5H6h.063z" fill="#000"/><path d="M9.516 0H8s.813.531.988 1.5h.528c.55 0 .984.434.984.984v1c0 .55-.434 1.016-.984 1.016h-3.5A1.03 1.03 0 0 1 5 3.484V2.5H3.5v.984A2.518 2.518 0 0 0 6.016 6h3.5C10.896 6 12 4.866 12 3.484v-1A2.473 2.473 0 0 0 9.516 0z" fill="#333740"/><path d="M8.3 1.5A2.473 2.473 0 0 0 6.016 0h-3.5C1.134 0 0 1.103 0 2.484v1A2.526 2.526 0 0 0 2.516 6H4s-.806-.531-1.003-1.5h-.481A1.03 1.03 0 0 1 1.5 3.484v-1c0-.55.466-.984 1.016-.984h3.5c.55 0 .984.434.984.984V3.5h1.5V2.484c0-.35-.072-.684-.2-.984z" fill="#333740"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 658 B |
@ -1 +0,0 @@
|
||||
<svg width="12" height="11" xmlns="http://www.w3.org/2000/svg"><g fill="#333740" fill-rule="evenodd"><path d="M9 4.286a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572z"/><path d="M11.25 0H.75C.332 0 0 .34 0 .758v8.77c0 .418.332.758.75.758h10.5c.418 0 .75-.34.75-.758V.758A.752.752 0 0 0 11.25 0zM8.488 5.296a.46.46 0 0 0-.342-.167c-.137 0-.234.065-.343.153l-.501.423c-.105.075-.188.126-.308.126a.443.443 0 0 1-.295-.11 3.5 3.5 0 0 1-.115-.11L5.143 4.054a.59.59 0 0 0-.897.008L.857 8.148V1.171a.353.353 0 0 1 .351-.314h9.581a.34.34 0 0 1 .346.322l.008 6.975-2.655-2.858z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 586 B |
@ -1 +0,0 @@
|
||||
<svg width="12" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="#333740" fill-rule="evenodd"><path d="M2.4 3H.594v-.214h.137c.123 0 .212-.01.266-.032.053-.022.086-.052.1-.092a.67.67 0 0 0 .018-.188V.74a.46.46 0 0 0-.03-.194C1.064.504 1.021.476.955.46A1.437 1.437 0 0 0 .643.435H.539V.23c.332-.035.565-.067.7-.096.135-.03.258-.075.37-.134h.275v2.507c0 .104.023.177.07.218.047.04.14.061.278.061H2.4V3zM2.736 6.695l-.132.528h-.246a.261.261 0 0 0 .015-.074c0-.058-.049-.087-.146-.087H.293v-.198c.258-.173.511-.367.76-.581.25-.215.457-.437.623-.667.166-.23.249-.447.249-.653a.49.49 0 0 0-.321-.478.794.794 0 0 0-.582-.006.482.482 0 0 0-.196.138.284.284 0 0 0-.07.182c0 .074.04.17.12.289.006.008.009.015.009.02 0 .012-.041.03-.123.053l-.19.057a.693.693 0 0 1-.115.03c-.031 0-.067-.038-.108-.114a.516.516 0 0 1 .071-.586.899.899 0 0 1 .405-.238c.18-.058.4-.087.657-.087.317 0 .566.044.749.132.183.087.306.187.37.3a.64.64 0 0 1 .094.312c0 .197-.089.389-.266.575a5.296 5.296 0 0 1-.916.74 62.947 62.947 0 0 1-.62.413h1.843zM4 0h8v1H4zM4 2h8v1H4zM4 4h8v1H4zM4 6h8v1H4z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1 +0,0 @@
|
||||
<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg"><g fill="#333740" fill-rule="evenodd"><path d="M3 0C2.047 0 1.301.263.782.782.263 1.302 0 2.047 0 3v6h3.75V3H1.5c0-.54.115-.93.343-1.157C2.07 1.615 2.46 1.5 3 1.5M8.25 0c-.953 0-1.699.263-2.218.782-.519.52-.782 1.265-.782 2.218v6H9V3H6.75c0-.54.115-.93.343-1.157.227-.228.617-.343 1.157-.343"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 365 B |
@ -1 +0,0 @@
|
||||
<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><text transform="translate(-10 -11)" fill="#101622" fill-rule="evenodd" font-size="13" font-family="Baskerville-SemiBold, Baskerville" font-weight="500"><tspan x="10" y="20">U</tspan></text></svg>
|
||||
|
Before Width: | Height: | Size: 259 B |
@ -1 +0,0 @@
|
||||
<svg width="647" height="240" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -12)" fill="none" fill-rule="evenodd" opacity=".5"><rect stroke="#E3E3E5" stroke-width="2" x="91" y="99" width="8" height="8" rx="4"/><rect stroke="#E3E3E5" stroke-width="2" x="21" y="149" width="4" height="4" rx="2"/><rect stroke="#E3E3E5" stroke-width="2" x="111" y="249" width="2" height="2" rx="1"/><rect fill="#F0F0F3" y="228" width="12" height="12" rx="5"/><rect stroke="#E3E3E5" stroke-width="2" x="141" y="179" width="10" height="10" rx="5"/><rect stroke="#E3E3E5" stroke-width="2" x="531" y="189" width="12" height="12" rx="6"/><rect stroke="#E3E3E5" stroke-width="2" x="641" y="129" width="5" height="5" rx="2.5"/><rect stroke="#E3E3E5" stroke-width="2" x="441" y="229" width="3" height="3" rx="1.5"/><rect fill="#F0F0F3" x="520" y="88" width="10" height="10" rx="5"/><rect stroke="#E3E3E5" stroke-width="2" x="431" y="19" width="4" height="4" rx="2"/><rect fill="#F0F0F3" x="220" y="208" width="9" height="9" rx="4.5"/><path d="M570.002 4.805c0 .115-.068.24-.204.375l-2.836 2.766.672 3.907c.005.037.008.089.008.156a.46.46 0 0 1-.082.278.276.276 0 0 1-.238.113.632.632 0 0 1-.313-.094l-3.508-1.844-3.508 1.844a.664.664 0 0 1-.313.094c-.11 0-.191-.038-.246-.113a.46.46 0 0 1-.082-.278c0-.03.005-.083.015-.156l.672-3.907-2.844-2.766c-.13-.14-.195-.265-.195-.375 0-.192.146-.312.438-.36l3.922-.57L563.118.32c.099-.213.227-.32.383-.32s.284.107.383.32l1.758 3.555 3.922.57c.292.048.438.168.438.36zM417 156.696c0 .088-.052.184-.156.288l-2.182 2.128.517 3.005a.909.909 0 0 1 .006.12.354.354 0 0 1-.063.213.212.212 0 0 1-.183.087.486.486 0 0 1-.24-.072L412 161.047l-2.698 1.418a.51.51 0 0 1-.24.072c-.085 0-.148-.029-.19-.087a.354.354 0 0 1-.063-.213c0-.024.004-.064.012-.12l.517-3.005-2.188-2.128c-.1-.108-.15-.204-.15-.288 0-.148.112-.24.337-.277l3.016-.438 1.353-2.735c.076-.164.174-.246.294-.246s.218.082.294.246l1.353 2.735 3.016.438c.225.037.337.129.337.277zM177 36.696c0 .088-.052.184-.156.288l-2.182 2.128.517 3.005a.909.909 0 0 1 .006.12.354.354 0 0 1-.063.213.212.212 0 0 1-.183.087.486.486 0 0 1-.24-.072L172 41.047l-2.698 1.418a.51.51 0 0 1-.24.072c-.085 0-.148-.029-.19-.087a.354.354 0 0 1-.063-.213c0-.024.004-.064.012-.12l.517-3.005-2.188-2.128c-.1-.108-.15-.204-.15-.288 0-.148.112-.24.337-.277l3.016-.438 1.353-2.735c.076-.164.174-.246.294-.246s.218.082.294.246l1.353 2.735 3.016.438c.225.037.337.129.337.277z" fill-rule="nonzero" fill="#E3E3E5"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
@ -1,26 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="23px" height="32px" viewBox="0 0 23 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Group</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Inputs/Select-(col-6)" transform="translate(-335.000000, -1.000000)">
|
||||
<g id="input">
|
||||
<g id="Number" transform="translate(335.017699, 1.000000)">
|
||||
<g id="Group">
|
||||
<path d="M-5.68434189e-14,0 L20,0 L20,0 C21.1045695,-2.02906125e-16 22,0.8954305 22,2 L22,30 L22,30 C22,31.1045695 21.1045695,32 20,32 L-5.68434189e-14,32 L-5.68434189e-14,0 Z" id="Rectangle" fill="#FAFAFB"></path>
|
||||
<g id="Carets" transform="translate(8.000000, 11.000000)" fill-rule="nonzero" fill="#B3B5B9">
|
||||
<g id="caret-down" transform="translate(0.000000, 7.000000)">
|
||||
<path d="M6,0.375 C6,0.4765625 5.96289062,0.564453125 5.88867188,0.638671875 L3.26367188,3.26367188 C3.18945312,3.33789063 3.1015625,3.375 3,3.375 C2.8984375,3.375 2.81054688,3.33789063 2.73632812,3.26367188 L0.111328125,0.638671875 C0.037109375,0.564453125 0,0.4765625 0,0.375 C0,0.2734375 0.037109375,0.185546875 0.111328125,0.111328125 C0.185546875,0.037109375 0.2734375,0 0.375,0 L5.625,0 C5.7265625,0 5.81445312,0.037109375 5.88867188,0.111328125 C5.96289062,0.185546875 6,0.2734375 6,0.375 Z" id="Shape"></path>
|
||||
</g>
|
||||
<g id="caret-top" transform="translate(3.000000, 2.375000) rotate(180.000000) translate(-3.000000, -2.375000) translate(0.000000, 0.375000)">
|
||||
<path d="M6,0.375 C6,0.4765625 5.96289062,0.564453125 5.88867187,0.638671875 L3.26367187,3.26367188 C3.18945312,3.33789063 3.1015625,3.375 3,3.375 C2.8984375,3.375 2.81054687,3.33789063 2.73632812,3.26367188 L0.111328125,0.638671875 C0.037109375,0.564453125 -1.77635684e-15,0.4765625 -1.77635684e-15,0.375 C-1.77635684e-15,0.2734375 0.037109375,0.185546875 0.111328125,0.111328125 C0.185546875,0.037109375 0.2734375,1.77635684e-15 0.375,1.77635684e-15 L5.625,1.77635684e-15 C5.7265625,1.77635684e-15 5.81445312,0.037109375 5.88867187,0.111328125 C5.96289062,0.185546875 6,0.2734375 6,0.375 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.6 KiB |
@ -1 +0,0 @@
|
||||
<svg width="7" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M0 .469c0 .127.043.237.13.33l3.062 3.28a.407.407 0 0 0 .616 0L6.87.8A.467.467 0 0 0 7 .468a.467.467 0 0 0-.13-.33A.407.407 0 0 0 6.563 0H.438A.407.407 0 0 0 .13.14.467.467 0 0 0 0 .468z" fill="#007EFF" fill-rule="nonzero"/></svg>
|
||||
|
Before Width: | Height: | Size: 299 B |
@ -1 +0,0 @@
|
||||
<svg width="7" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M0 .469c0 .127.043.237.13.33l3.062 3.28a.407.407 0 0 0 .616 0L6.87.8A.467.467 0 0 0 7 .468a.467.467 0 0 0-.13-.33A.407.407 0 0 0 6.563 0H.438A.407.407 0 0 0 .13.14.467.467 0 0 0 0 .468z" fill="#F64D0A" fill-rule="nonzero"/></svg>
|
||||
|
Before Width: | Height: | Size: 299 B |
@ -1 +0,0 @@
|
||||
<svg width="7" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M0 .469c0 .127.043.237.13.33l3.062 3.28a.407.407 0 0 0 .616 0L6.87.8A.467.467 0 0 0 7 .468a.467.467 0 0 0-.13-.33A.407.407 0 0 0 6.563 0H.438A.407.407 0 0 0 .13.14.467.467 0 0 0 0 .468z" fill="#B4B6BA" fill-rule="nonzero"/></svg>
|
||||
|
Before Width: | Height: | Size: 299 B |
@ -1 +0,0 @@
|
||||
<svg width="6" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M.79 0h2.018v2H.79zm3.026 0h2.017v2H3.816zM.79 3h2.018v2H.79zm3.026 0h2.017v2H3.816zM.79 6h2.018v2H.79zm3.026 0h2.017v2H3.816z" fill="#ABB3C2" fill-rule="evenodd"/></svg>
|
||||
|
Before Width: | Height: | Size: 240 B |
@ -1 +0,0 @@
|
||||
<svg width="6" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="#AED4FB" fill-rule="evenodd"><path d="M.79 0h2.018v2H.79zM3.816 0h2.017v2H3.816zM.79 3h2.018v2H.79zM3.816 3h2.017v2H3.816zM.79 6h2.018v2H.79zM3.816 6h2.017v2H3.816z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 247 B |
@ -1 +0,0 @@
|
||||
<svg width="5" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="#FAA684" fill-rule="evenodd"><path d="M0 .222h2v1.89H0zM3 .222h2v1.89H3zM0 3.055h2v1.89H0zM3 3.055h2v1.89H3zM0 5.89h2v1.888H0zM3 5.89h2v1.888H3z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 227 B |
@ -1 +0,0 @@
|
||||
<svg width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M7.78 6.72L5.06 4l2.72-2.72a.748.748 0 0 0 0-1.06.748.748 0 0 0-1.06 0L4 2.94 1.28.22a.748.748 0 0 0-1.06 0 .748.748 0 0 0 0 1.06L2.94 4 .22 6.72a.748.748 0 0 0 0 1.06.748.748 0 0 0 1.06 0L4 5.06l2.72 2.72a.748.748 0 0 0 1.06 0 .752.752 0 0 0 0-1.06z" fill="#B3B5B9" fill-rule="evenodd"/></svg>
|
||||
|
Before Width: | Height: | Size: 364 B |
@ -1 +0,0 @@
|
||||
<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M2.396 9.155l.6-.6-1.55-1.552-.601.601v.706h.845v.845h.706zM5.848 3.03c0-.097-.048-.146-.145-.146a.153.153 0 0 0-.112.047L2.013 6.508a.153.153 0 0 0-.046.112c0 .097.048.146.145.146a.153.153 0 0 0 .112-.047l3.578-3.577a.153.153 0 0 0 .046-.112zm-.356-1.268l2.746 2.746L2.746 10H0V7.254l5.492-5.492zM10 2.396a.809.809 0 0 1-.244.594L8.66 4.086 5.914 1.34 7.01.25A.784.784 0 0 1 7.604 0a.82.82 0 0 1 .6.25l1.552 1.545a.845.845 0 0 1 .244.601z" fill="#007EFF" fill-rule="nonzero"/></svg>
|
||||
|
Before Width: | Height: | Size: 555 B |
@ -1,14 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>icon-search</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Search" transform="translate(0.000000, -24.000000)" fill="#B3B5B9">
|
||||
<g id="icon-search">
|
||||
<path d="M15.875,37.4458333 L12.3416667,33.8666667 C12.9166667,32.8625 13.2166667,31.7458333 13.2166667,30.6208333 C13.2166667,26.9708333 10.25,24 6.60833333,24 C2.96666667,24 0,26.9708333 0,30.6208333 C0,34.2708333 2.96666667,37.2416667 6.60833333,37.2416667 C7.77083333,37.2416667 8.92083333,36.9208333 9.94583333,36.3083333 L13.4625,39.875 C13.5416667,39.9541667 13.6541667,40.0041667 13.7666667,40.0041667 C13.8791667,40.0041667 13.9916667,39.9583333 14.0708333,39.875 L15.875,38.05 C16.0416667,37.8791667 16.0416667,37.6125 15.875,37.4458333 L15.875,37.4458333 Z M6.60833333,26.5791667 C8.83333333,26.5791667 10.6416667,28.3916667 10.6416667,30.6208333 C10.6416667,32.85 8.83333333,34.6625 6.60833333,34.6625 C4.38333333,34.6625 2.575,32.85 2.575,30.6208333 C2.575,28.3916667 4.38333333,26.5791667 6.60833333,26.5791667 L6.60833333,26.5791667 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 170 B |
@ -1,21 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="9px" height="7px" viewBox="0 0 9 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Icon filter</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
|
||||
<g id="Search" transform="translate(-339.000000, -29.000000)" stroke="#007EFF">
|
||||
<g id="Label">
|
||||
<g transform="translate(328.000000, 21.000000)">
|
||||
<g id="Icon-filter" transform="translate(11.000000, 7.000000)">
|
||||
<path d="M3.5,7.5 L5.5,7.5" id="Line-3"></path>
|
||||
<path d="M2.5,5.5 L6.5,5.5" id="Line-3"></path>
|
||||
<path d="M1.5,3.5 L7.5,3.5" id="Line-3"></path>
|
||||
<path d="M0.5,1.5 L8.5,1.5" id="Line-3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1 +0,0 @@
|
||||
<svg width="8" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="#B3B5B9" fill-rule="evenodd"><path d="M0 0h2v2H0zM3 0h2v2H3zM6 0h2v2H6zM0 3h2v2H0zM3 3h2v2H3zM6 3h2v2H6zM0 6h2v2H0zM3 6h2v2H3zM6 6h2v2H6z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 220 B |
@ -1 +0,0 @@
|
||||
<svg width="8" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="#AED4FB" fill-rule="evenodd"><path d="M0 0h2v2H0zM3 0h2v2H3zM6 0h2v2H6zM0 3h2v2H0zM3 3h2v2H3zM6 3h2v2H6zM0 6h2v2H0zM3 6h2v2H3zM6 6h2v2H6z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 220 B |
@ -1 +0,0 @@
|
||||
<svg width="35" height="35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#FAFAFB" width="35" height="35" rx="17.5"/><text font-family="Lato-Medium, Lato" font-size="12" font-weight="400" fill="#838383"><tspan x="6" y="22">N/A</tspan></text></g></svg>
|
||||
|
Before Width: | Height: | Size: 287 B |
@ -1,5 +1,4 @@
|
||||
import styled, { css } from 'styled-components';
|
||||
import Bckg from '../../assets/images/background_input.svg';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
min-height: 38px;
|
||||
@ -105,22 +104,4 @@ const Input = styled.input`
|
||||
box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
|
||||
`;
|
||||
|
||||
const Select = styled.select`
|
||||
min-height: 3.4rem;
|
||||
margin-top: 0.9rem;
|
||||
padding-top: 0rem;
|
||||
padding-left: 1rem;
|
||||
background-position: right -1px center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(${Bckg});
|
||||
border: 1px solid #e3e9f3;
|
||||
border-radius: 0.25rem;
|
||||
line-height: 3.2rem;
|
||||
font-size: 1.3rem;
|
||||
font-family: 'Lato' !important;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
|
||||
`;
|
||||
|
||||
export { Button, InputWrapper, Wrapper, InputWrapperDate, Input, Select };
|
||||
export { Button, InputWrapper, Wrapper, InputWrapperDate, Input };
|
||||
|
||||
@ -1,9 +1,7 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { isArray, includes, isEmpty } from 'lodash';
|
||||
|
||||
import DefaultIcon from '../../assets/images/media/na.svg';
|
||||
|
||||
import DefaultIcon from '../../icons/Na';
|
||||
import {
|
||||
StyledMediaPreviewList,
|
||||
MediaPreviewFile,
|
||||
@ -90,7 +88,8 @@ function MediaPreviewList({ hoverable, files }) {
|
||||
</StyledMediaPreviewList>
|
||||
) : (
|
||||
<MediaPreviewItem>
|
||||
<img src={DefaultIcon} alt="default" />
|
||||
{/* <img src={DefaultIcon} alt="default" /> */}
|
||||
<DefaultIcon />
|
||||
</MediaPreviewItem>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
import styled from 'styled-components';
|
||||
import Cross from '../../assets/images/icon-cross.svg';
|
||||
import Search from '../../assets/images/icon-search.svg';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
position: fixed;
|
||||
@ -18,14 +16,14 @@ const Wrapper = styled.div`
|
||||
line-height: 6rem;
|
||||
letter-spacing: 0;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url(${Search});
|
||||
> div:first-child {
|
||||
height: 100%;
|
||||
|
||||
margin-right: 10px;
|
||||
color: #b3b5b9;
|
||||
vertical-align: middle;
|
||||
> svg {
|
||||
color: #b3b5b9;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
@ -39,7 +37,7 @@ const Wrapper = styled.div`
|
||||
}
|
||||
}
|
||||
|
||||
> div:first-child {
|
||||
> div:nth-child(2) {
|
||||
display: flex;
|
||||
flex: 2;
|
||||
}
|
||||
@ -62,7 +60,7 @@ const Infos = styled.div`
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
> img {
|
||||
> svg {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
margin: auto;
|
||||
@ -76,19 +74,10 @@ const Clear = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
margin: 25px auto 0;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: auto;
|
||||
background-image: url(${Cross});
|
||||
}
|
||||
`;
|
||||
|
||||
export { Clear, Wrapper, Infos };
|
||||
|
||||
@ -8,9 +8,10 @@ import React, { memo } from 'react';
|
||||
import { isEmpty, upperFirst } from 'lodash';
|
||||
import PropTypes from 'prop-types';
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
import Cross from '../../icons/Cross';
|
||||
import Filter from '../../icons/Filter';
|
||||
import SearchIcon from '../../icons/Search';
|
||||
import { Wrapper, Infos, Clear } from './components';
|
||||
import Logo from '../../assets/images/icon_filter_blue.svg';
|
||||
|
||||
const WAIT = 400;
|
||||
|
||||
class Search extends React.Component {
|
||||
@ -56,6 +57,9 @@ class Search extends React.Component {
|
||||
|
||||
return (
|
||||
<Wrapper>
|
||||
<div>
|
||||
<SearchIcon />
|
||||
</div>
|
||||
<div>
|
||||
<FormattedMessage id="content-manager.components.Search.placeholder">
|
||||
{message => (
|
||||
@ -67,10 +71,14 @@ class Search extends React.Component {
|
||||
/>
|
||||
)}
|
||||
</FormattedMessage>
|
||||
{value !== '' && <Clear onClick={this.handleClick} />}
|
||||
{value !== '' && (
|
||||
<Clear onClick={this.handleClick}>
|
||||
<Cross />
|
||||
</Clear>
|
||||
)}
|
||||
</div>
|
||||
<Infos>
|
||||
<img src={Logo} alt="filter_logo" />
|
||||
<Filter />
|
||||
{upperFirst(model)}
|
||||
</Infos>
|
||||
</Wrapper>
|
||||
|
||||
@ -18,7 +18,7 @@ import {
|
||||
} from 'draft-js';
|
||||
import { List, OrderedSet, Repeat, fromJS } from 'immutable';
|
||||
import { isEmpty, toArray } from 'lodash';
|
||||
import { WysiwygContext } from '../../contexts/Wysiwyg';
|
||||
import WysiwygContext from '../../contexts/Wysiwyg';
|
||||
import WysiwygEditor from '../WysiwygEditor';
|
||||
import converter from './converter';
|
||||
import {
|
||||
|
||||
@ -1,98 +1,82 @@
|
||||
import styled, { css } from 'styled-components';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import Bold from '../../icons/Bold';
|
||||
import Code from '../../icons/Code';
|
||||
import Media from '../../icons/Media';
|
||||
import Italic from '../../icons/Italic';
|
||||
import Link from '../../icons/Link';
|
||||
import Ol from '../../icons/Ol';
|
||||
import Quote from '../../icons/Quote';
|
||||
import Striked from '../../icons/Striked';
|
||||
import Ul from '../../icons/Ul';
|
||||
import Underline from '../../icons/Underline';
|
||||
import StyledButton from './StyledButton';
|
||||
|
||||
import Bold from '../../assets/icons/icon_bold.svg';
|
||||
import Italic from '../../assets/icons/icon_italic.svg';
|
||||
import Underline from '../../assets/icons/icon_underline.svg';
|
||||
import Ul from '../../assets/icons/icon_bullet-list.svg';
|
||||
import Ol from '../../assets/icons/icon_numbered-list.svg';
|
||||
import Quote from '../../assets/icons/icon_quote-block.svg';
|
||||
import Code from '../../assets/icons/icon_code-block.svg';
|
||||
import Link from '../../assets/icons/icon_link.svg';
|
||||
import Striked from '../../assets/icons/icon_barred.svg';
|
||||
import Img from '../../assets/icons/icon_media.svg';
|
||||
const icons = {
|
||||
bold: Bold,
|
||||
italic: Italic,
|
||||
underline: Underline,
|
||||
ul: Ul,
|
||||
ol: Ol,
|
||||
link: Link,
|
||||
quote: Quote,
|
||||
code: Code,
|
||||
striked: Striked,
|
||||
img: Media,
|
||||
};
|
||||
|
||||
const Button = styled.div`
|
||||
height: 32px;
|
||||
min-width: 32px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(16, 22, 34, 0.1);
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
const Button = ({
|
||||
active,
|
||||
disabled,
|
||||
className: type,
|
||||
handler,
|
||||
handlers,
|
||||
hideLabel,
|
||||
label,
|
||||
style,
|
||||
text,
|
||||
}) => {
|
||||
const handleClick = e => {
|
||||
e.preventDefault();
|
||||
|
||||
&:hover {
|
||||
background-color: #f3f4f4;
|
||||
}
|
||||
handlers[handler](text, style);
|
||||
};
|
||||
|
||||
${({ active, disabled }) => {
|
||||
if (active) {
|
||||
return css`
|
||||
border: 0;
|
||||
background: rgba(16, 22, 34, 0);
|
||||
box-shadow: inset 0 -1px 0 0 rgba(16, 22, 34, 0.04),
|
||||
inset 0 1px 0 0 rgba(16, 22, 34, 0.04);
|
||||
`;
|
||||
}
|
||||
const Icon = icons[type];
|
||||
|
||||
if (disabled) {
|
||||
return css`
|
||||
opacity: 0.7;
|
||||
cursor: not-allowed;
|
||||
`;
|
||||
}
|
||||
}}
|
||||
return (
|
||||
<StyledButton
|
||||
active={active}
|
||||
disabled={disabled}
|
||||
onClick={handleClick}
|
||||
type={type}
|
||||
>
|
||||
{icons[type] && <Icon />}
|
||||
{!hideLabel && label}
|
||||
</StyledButton>
|
||||
);
|
||||
};
|
||||
|
||||
${({ type }) => {
|
||||
switch (type) {
|
||||
case 'bold':
|
||||
return css`
|
||||
background-image: url(${Bold});
|
||||
`;
|
||||
case 'italic':
|
||||
return css`
|
||||
background-image: url(${Italic});
|
||||
`;
|
||||
case 'underline':
|
||||
return css`
|
||||
background-image: url(${Underline});
|
||||
`;
|
||||
case 'ul':
|
||||
return css`
|
||||
background-image: url(${Ul});
|
||||
`;
|
||||
case 'ol':
|
||||
return css`
|
||||
background-image: url(${Ol});
|
||||
`;
|
||||
case 'link':
|
||||
return css`
|
||||
background-image: url(${Link});
|
||||
`;
|
||||
case 'quote':
|
||||
return css`
|
||||
background-image: url(${Quote});
|
||||
`;
|
||||
case 'code':
|
||||
return css`
|
||||
background-image: url(${Code});
|
||||
`;
|
||||
case 'striked':
|
||||
return css`
|
||||
background-image: url(${Striked});
|
||||
`;
|
||||
case 'img':
|
||||
return css`
|
||||
background-image: url(${Img});
|
||||
`;
|
||||
default:
|
||||
return css``;
|
||||
}
|
||||
}}
|
||||
Button.defaultProps = {
|
||||
active: false,
|
||||
className: '',
|
||||
disabled: false,
|
||||
hideLabel: false,
|
||||
label: '',
|
||||
style: '',
|
||||
text: '',
|
||||
};
|
||||
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
`;
|
||||
Button.propTypes = {
|
||||
active: PropTypes.bool,
|
||||
className: PropTypes.string,
|
||||
disabled: PropTypes.bool,
|
||||
handler: PropTypes.string.isRequired,
|
||||
handlers: PropTypes.object.isRequired,
|
||||
hideLabel: PropTypes.bool,
|
||||
label: PropTypes.string,
|
||||
style: PropTypes.string,
|
||||
text: PropTypes.string,
|
||||
};
|
||||
|
||||
export default Button;
|
||||
|
||||
@ -0,0 +1,52 @@
|
||||
import styled, { css } from 'styled-components';
|
||||
|
||||
const Button = styled.button`
|
||||
display: flex;
|
||||
height: 32px;
|
||||
min-width: 32px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(16, 22, 34, 0.1);
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #f3f4f4;
|
||||
}
|
||||
&:active,
|
||||
:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
${({ active, disabled }) => {
|
||||
if (active) {
|
||||
return css`
|
||||
border: 0;
|
||||
background: rgba(16, 22, 34, 0);
|
||||
box-shadow: inset 0 -1px 0 0 rgba(16, 22, 34, 0.04),
|
||||
inset 0 1px 0 0 rgba(16, 22, 34, 0.04);
|
||||
`;
|
||||
}
|
||||
|
||||
if (disabled) {
|
||||
return css`
|
||||
opacity: 0.7;
|
||||
cursor: not-allowed;
|
||||
`;
|
||||
}
|
||||
}}
|
||||
|
||||
> svg {
|
||||
margin: auto;
|
||||
> text {
|
||||
font-family: Baskerville-SemiBoldItalic, Baskerville;
|
||||
}
|
||||
}
|
||||
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
`;
|
||||
|
||||
export default Button;
|
||||
@ -6,16 +6,16 @@ const Wrapper = styled.div`
|
||||
padding: 8px 3px 0 10px;
|
||||
background-color: #f3f4f4;
|
||||
user-select: none;
|
||||
overflow-x: scroll;
|
||||
> div:nth-child(even) {
|
||||
overflow-x: auto;
|
||||
> button:nth-child(even) {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
> div:first-child {
|
||||
> button:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
> div:last-child {
|
||||
> button:last-child {
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-right: 1px solid rgba(16, 22, 34, 0.1);
|
||||
|
||||
@ -9,34 +9,6 @@ import PropTypes from 'prop-types';
|
||||
import Button from './Button';
|
||||
import Wrapper from './Wrapper';
|
||||
|
||||
class StyleButton extends React.Component {
|
||||
handleClick = e => {
|
||||
e.preventDefault();
|
||||
|
||||
if (!this.props.disabled) {
|
||||
this.props.handlers[this.props.handler](
|
||||
this.props.text,
|
||||
this.props.style
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
render() {
|
||||
const { active, className: type, disabled } = this.props;
|
||||
|
||||
return (
|
||||
<Button
|
||||
active={active}
|
||||
disabled={disabled}
|
||||
onMouseDown={this.handleClick}
|
||||
type={type}
|
||||
>
|
||||
{!this.props.hideLabel && this.props.label}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const WysiwygInlineControls = ({
|
||||
buttons,
|
||||
disabled,
|
||||
@ -56,7 +28,7 @@ const WysiwygInlineControls = ({
|
||||
return (
|
||||
<Wrapper>
|
||||
{buttons.map(type => (
|
||||
<StyleButton
|
||||
<Button
|
||||
key={type.label}
|
||||
active={type.style === blockType || currentStyle.has(type.style)}
|
||||
className={type.className}
|
||||
@ -75,31 +47,6 @@ const WysiwygInlineControls = ({
|
||||
);
|
||||
};
|
||||
|
||||
/* eslint-disable react/default-props-match-prop-types */
|
||||
StyleButton.defaultProps = {
|
||||
active: false,
|
||||
className: '',
|
||||
disabled: false,
|
||||
hideLabel: false,
|
||||
label: '',
|
||||
onToggle: () => {},
|
||||
onToggleBlock: () => {},
|
||||
style: '',
|
||||
text: '',
|
||||
};
|
||||
|
||||
StyleButton.propTypes = {
|
||||
active: PropTypes.bool,
|
||||
className: PropTypes.string,
|
||||
disabled: PropTypes.bool,
|
||||
handler: PropTypes.string.isRequired,
|
||||
handlers: PropTypes.object.isRequired,
|
||||
hideLabel: PropTypes.bool,
|
||||
label: PropTypes.string,
|
||||
style: PropTypes.string,
|
||||
text: PropTypes.string,
|
||||
};
|
||||
|
||||
WysiwygInlineControls.defaultProps = {
|
||||
buttons: [],
|
||||
disabled: false,
|
||||
|
||||
@ -1,12 +1,20 @@
|
||||
import styled from 'styled-components';
|
||||
import { Button } from 'strapi-helper-plugin';
|
||||
|
||||
import Filter from '../../icons/Filter';
|
||||
import RemoveIcon from '../../assets/images/icon-cross-blue.svg';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
padding-top: 1px;
|
||||
`;
|
||||
|
||||
const FilterIcon = styled(Filter)`
|
||||
padding: 0 !important;
|
||||
margin: auto !important;
|
||||
> g {
|
||||
stroke: #282b2c;
|
||||
}
|
||||
`;
|
||||
|
||||
const AddFilterCta = styled(Button)`
|
||||
display: flex;
|
||||
height: 30px;
|
||||
@ -119,6 +127,7 @@ const Remove = styled.span`
|
||||
|
||||
export {
|
||||
AddFilterCta,
|
||||
FilterIcon,
|
||||
FooterWrapper,
|
||||
Img,
|
||||
Label,
|
||||
|
||||
@ -13,7 +13,6 @@ import {
|
||||
|
||||
import pluginId from '../../pluginId';
|
||||
import DisplayedFieldsDropdown from '../../components/DisplayedFieldsDropdown';
|
||||
import FilterLogo from '../../assets/images/icon_filter.png';
|
||||
import Container from '../../components/Container';
|
||||
import CustomTable from '../../components/CustomTable';
|
||||
import FilterPicker from '../../components/FilterPicker';
|
||||
@ -24,7 +23,7 @@ import {
|
||||
} from '../../utils/search';
|
||||
import ListViewProvider from '../ListViewProvider';
|
||||
import { onChangeListLabels, resetListLabels } from '../Main/actions';
|
||||
import { AddFilterCta, Img, Wrapper } from './components';
|
||||
import { AddFilterCta, FilterIcon, Wrapper } from './components';
|
||||
import Filter from './Filter';
|
||||
import Footer from './Footer';
|
||||
import {
|
||||
@ -326,7 +325,7 @@ function ListView({
|
||||
type="button"
|
||||
onClick={toggleFilterPickerState}
|
||||
>
|
||||
<Img src={FilterLogo} alt="filter_logo" />
|
||||
<FilterIcon />
|
||||
<FormattedMessage
|
||||
id={`${pluginId}.components.AddFilterCTA.add`}
|
||||
/>
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
import React from 'react';
|
||||
|
||||
const Bold = () => {
|
||||
return (
|
||||
<svg width="9" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<text
|
||||
transform="translate(-12 -10)"
|
||||
fill="#333740"
|
||||
fillRule="evenodd"
|
||||
fontSize="13"
|
||||
fontFamily="Baskerville-SemiBold, Baskerville"
|
||||
fontWeight="500"
|
||||
>
|
||||
<tspan x="12" y="20">
|
||||
B
|
||||
</tspan>
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Bold;
|
||||
@ -0,0 +1,13 @@
|
||||
import React from 'react';
|
||||
|
||||
const Code = () => {
|
||||
return (
|
||||
<svg width="12" height="8" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#333740" fillRule="evenodd">
|
||||
<path d="M3.653 7.385a.632.632 0 0 1-.452-.191L.214 4.154a.66.66 0 0 1 0-.922L3.201.19a.632.632 0 0 1 .905 0 .66.66 0 0 1 0 .921l-2.534 2.58 2.534 2.58a.66.66 0 0 1 0 .922.632.632 0 0 1-.453.19zM8.347 7.385a.632.632 0 0 0 .452-.191l2.987-3.04a.66.66 0 0 0 0-.922L8.799.19a.632.632 0 0 0-.905 0 .66.66 0 0 0 0 .921l2.534 2.58-2.534 2.58a.66.66 0 0 0 0 .922c.125.127.289.19.453.19z" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Code;
|
||||
@ -0,0 +1,33 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const Cross = ({ fill, height, width, ...rest }) => {
|
||||
return (
|
||||
<svg
|
||||
{...rest}
|
||||
width={width}
|
||||
height={height}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.78 6.72L5.06 4l2.72-2.72a.748.748 0 0 0 0-1.06.748.748 0 0 0-1.06 0L4 2.94 1.28.22a.748.748 0 0 0-1.06 0 .748.748 0 0 0 0 1.06L2.94 4 .22 6.72a.748.748 0 0 0 0 1.06.748.748 0 0 0 1.06 0L4 5.06l2.72 2.72a.748.748 0 0 0 1.06 0 .752.752 0 0 0 0-1.06z"
|
||||
fill={fill}
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
Cross.defaultProps = {
|
||||
fill: '#b3b5b9',
|
||||
height: '8',
|
||||
width: '8',
|
||||
};
|
||||
|
||||
Cross.propTypes = {
|
||||
fill: PropTypes.string,
|
||||
height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
};
|
||||
|
||||
export default Cross;
|
||||
@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const Filter = ({ fill, height, width, ...rest }) => {
|
||||
return (
|
||||
<svg
|
||||
{...rest}
|
||||
width={width}
|
||||
height={height}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g stroke={fill} fill="none" fillRule="evenodd" strokeLinecap="round">
|
||||
<path d="M3.5 6.5h2M2.5 4.5h4M1.5 2.5h6M.5.5h8" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
Filter.defaultProps = {
|
||||
fill: '#007EFF',
|
||||
height: '7',
|
||||
width: '9',
|
||||
};
|
||||
|
||||
Filter.propTypes = {
|
||||
fill: PropTypes.string,
|
||||
height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
};
|
||||
|
||||
export default Filter;
|
||||
@ -0,0 +1,23 @@
|
||||
import React from 'react';
|
||||
|
||||
const Italic = () => {
|
||||
return (
|
||||
<svg width="6" height="9" xmlns="http://www.w3.org/2000/svg">
|
||||
<text
|
||||
transform="translate(-13 -11)"
|
||||
fill="#333740"
|
||||
fillRule="evenodd"
|
||||
fontWeight="500"
|
||||
fontSize="13"
|
||||
fontFamily="Baskerville-SemiBoldItalic, Baskerville"
|
||||
fontStyle="italic"
|
||||
>
|
||||
<tspan x="13" y="20">
|
||||
I
|
||||
</tspan>
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Italic;
|
||||
@ -0,0 +1,21 @@
|
||||
import React from 'react';
|
||||
|
||||
const Link = () => {
|
||||
return (
|
||||
<svg width="12" height="6" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fillRule="evenodd">
|
||||
<path d="M6.063 1.5H6h.063z" fill="#000" />
|
||||
<path
|
||||
d="M9.516 0H8s.813.531.988 1.5h.528c.55 0 .984.434.984.984v1c0 .55-.434 1.016-.984 1.016h-3.5A1.03 1.03 0 0 1 5 3.484V2.5H3.5v.984A2.518 2.518 0 0 0 6.016 6h3.5C10.896 6 12 4.866 12 3.484v-1A2.473 2.473 0 0 0 9.516 0z"
|
||||
fill="#333740"
|
||||
/>
|
||||
<path
|
||||
d="M8.3 1.5A2.473 2.473 0 0 0 6.016 0h-3.5C1.134 0 0 1.103 0 2.484v1A2.526 2.526 0 0 0 2.516 6H4s-.806-.531-1.003-1.5h-.481A1.03 1.03 0 0 1 1.5 3.484v-1c0-.55.466-.984 1.016-.984h3.5c.55 0 .984.434.984.984V3.5h1.5V2.484c0-.35-.072-.684-.2-.984z"
|
||||
fill="#333740"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Link;
|
||||
@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
|
||||
const Media = () => {
|
||||
return (
|
||||
<svg width="12" height="11" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#333740" fillRule="evenodd">
|
||||
<path d="M9 4.286a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572z" />
|
||||
<path d="M11.25 0H.75C.332 0 0 .34 0 .758v8.77c0 .418.332.758.75.758h10.5c.418 0 .75-.34.75-.758V.758A.752.752 0 0 0 11.25 0zM8.488 5.296a.46.46 0 0 0-.342-.167c-.137 0-.234.065-.343.153l-.501.423c-.105.075-.188.126-.308.126a.443.443 0 0 1-.295-.11 3.5 3.5 0 0 1-.115-.11L5.143 4.054a.59.59 0 0 0-.897.008L.857 8.148V1.171a.353.353 0 0 1 .351-.314h9.581a.34.34 0 0 1 .346.322l.008 6.975-2.655-2.858z" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Media;
|
||||
@ -0,0 +1,58 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const Na = ({
|
||||
fill,
|
||||
fontFamily,
|
||||
fontSize,
|
||||
fontWeight,
|
||||
height,
|
||||
textFill,
|
||||
width,
|
||||
...rest
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
{...rest}
|
||||
width={width}
|
||||
height={height}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g fill="none" fillRule="evenodd">
|
||||
<rect fill={fill} width={width} height={height} rx="17.5" />
|
||||
<text
|
||||
fontFamily={fontFamily}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={textFill}
|
||||
>
|
||||
<tspan x="6" y="22">
|
||||
N/A
|
||||
</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
Na.defaultProps = {
|
||||
fill: '#fafafb',
|
||||
fontFamily: 'Lato-Medium, Lato',
|
||||
fontSize: '12',
|
||||
fontWeight: '400',
|
||||
height: '35',
|
||||
textFill: '#838383',
|
||||
width: '35',
|
||||
};
|
||||
|
||||
Na.propTypes = {
|
||||
fill: PropTypes.string,
|
||||
fontFamily: PropTypes.string,
|
||||
fontSize: PropTypes.string,
|
||||
fontWeight: PropTypes.string,
|
||||
height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
textFill: PropTypes.string,
|
||||
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
};
|
||||
|
||||
export default Na;
|
||||
@ -0,0 +1,13 @@
|
||||
import React from 'react';
|
||||
|
||||
const Ol = () => {
|
||||
return (
|
||||
<svg width="12" height="8" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#333740" fillRule="evenodd">
|
||||
<path d="M2.4 3H.594v-.214h.137c.123 0 .212-.01.266-.032.053-.022.086-.052.1-.092a.67.67 0 0 0 .018-.188V.74a.46.46 0 0 0-.03-.194C1.064.504 1.021.476.955.46A1.437 1.437 0 0 0 .643.435H.539V.23c.332-.035.565-.067.7-.096.135-.03.258-.075.37-.134h.275v2.507c0 .104.023.177.07.218.047.04.14.061.278.061H2.4V3zM2.736 6.695l-.132.528h-.246a.261.261 0 0 0 .015-.074c0-.058-.049-.087-.146-.087H.293v-.198c.258-.173.511-.367.76-.581.25-.215.457-.437.623-.667.166-.23.249-.447.249-.653a.49.49 0 0 0-.321-.478.794.794 0 0 0-.582-.006.482.482 0 0 0-.196.138.284.284 0 0 0-.07.182c0 .074.04.17.12.289.006.008.009.015.009.02 0 .012-.041.03-.123.053l-.19.057a.693.693 0 0 1-.115.03c-.031 0-.067-.038-.108-.114a.516.516 0 0 1 .071-.586.899.899 0 0 1 .405-.238c.18-.058.4-.087.657-.087.317 0 .566.044.749.132.183.087.306.187.37.3a.64.64 0 0 1 .094.312c0 .197-.089.389-.266.575a5.296 5.296 0 0 1-.916.74 62.947 62.947 0 0 1-.62.413h1.843zM4 0h8v1H4zM4 2h8v1H4zM4 4h8v1H4zM4 6h8v1H4z" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Ol;
|
||||
@ -0,0 +1,13 @@
|
||||
import React from 'react';
|
||||
|
||||
const Quote = () => {
|
||||
return (
|
||||
<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#333740" fillRule="evenodd">
|
||||
<path d="M3 0C2.047 0 1.301.263.782.782.263 1.302 0 2.047 0 3v6h3.75V3H1.5c0-.54.115-.93.343-1.157C2.07 1.615 2.46 1.5 3 1.5M8.25 0c-.953 0-1.699.263-2.218.782-.519.52-.782 1.265-.782 2.218v6H9V3H6.75c0-.54.115-.93.343-1.157.227-.228.617-.343 1.157-.343" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Quote;
|
||||
@ -0,0 +1,33 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const Search = ({ fill, height, width, ...rest }) => {
|
||||
return (
|
||||
<svg
|
||||
{...rest}
|
||||
width={width}
|
||||
height={height}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15.875 13.446l-3.533-3.58a6.531 6.531 0 00.875-3.245C13.217 2.97 10.25 0 6.608 0 2.967 0 0 2.97 0 6.62s2.967 6.622 6.608 6.622c1.163 0 2.313-.321 3.338-.934l3.517 3.567a.422.422 0 00.608 0l1.804-1.825a.428.428 0 000-.604zM6.608 2.579a4.041 4.041 0 014.034 4.042 4.041 4.041 0 01-4.034 4.042A4.041 4.041 0 012.575 6.62a4.041 4.041 0 014.033-4.042z"
|
||||
fill={fill}
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
Search.defaultProps = {
|
||||
fill: '#b3b5b9',
|
||||
height: '16',
|
||||
width: '16',
|
||||
};
|
||||
|
||||
Search.propTypes = {
|
||||
fill: PropTypes.string,
|
||||
height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
};
|
||||
|
||||
export default Search;
|
||||
@ -0,0 +1,24 @@
|
||||
import React from 'react';
|
||||
|
||||
const Striked = () => {
|
||||
return (
|
||||
<svg width="19" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fillRule="evenodd">
|
||||
<text
|
||||
fontFamily="Lato-Semibold, Lato"
|
||||
fontSize="11"
|
||||
fontWeight="500"
|
||||
fill="#41464E"
|
||||
transform="translate(0 -2)"
|
||||
>
|
||||
<tspan x="1" y="11">
|
||||
abc
|
||||
</tspan>
|
||||
</text>
|
||||
<path d="M.5 6.5h18" stroke="#2C3039" strokeLinecap="square" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Striked;
|
||||
@ -0,0 +1,15 @@
|
||||
import React from 'react';
|
||||
|
||||
const Ul = () => {
|
||||
return (
|
||||
<svg width="13" height="7" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fillRule="evenodd">
|
||||
<path fill="#333740" d="M5 0h8v1H5zM5 2h8v1H5zM5 4h8v1H5zM5 6h8v1H5z" />
|
||||
<rect stroke="#333740" x=".5" y=".5" width="2" height="2" rx="1" />
|
||||
<rect stroke="#333740" x=".5" y="4.5" width="2" height="2" rx="1" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Ul;
|
||||
@ -0,0 +1,22 @@
|
||||
import React from 'react';
|
||||
|
||||
const Underline = () => {
|
||||
return (
|
||||
<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<text
|
||||
transform="translate(-10 -11)"
|
||||
fill="#101622"
|
||||
fillRule="evenodd"
|
||||
fontSize="13"
|
||||
fontFamily="Baskerville-SemiBold, Baskerville"
|
||||
fontWeight="500"
|
||||
>
|
||||
<tspan x="10" y="20">
|
||||
U
|
||||
</tspan>
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Underline;
|
||||