@pocketprep/ui-kit 2.0.40 → 3.0.0

package/lib/components/Icons/IconMissedQuestions.vue

@@ -0,0 +1,22 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <rect fill-opacity="0.15" fill="currentColor" x="3" y="3" width="18" height="18" rx="4.5"></rect>
+            <g transform="translate(17.070711, 7.629289) rotate(45.000000) translate(-17.070711, -7.629289) translate(10.470711, 1.029289)" fill="currentColor" fill-rule="nonzero">
+                <path d="M6.6,-9.09494702e-13 C7.11283584,-9.09494702e-13 7.53550716,0.38604019 7.59327227,0.883378875 L7.6,1 L7.6,5.599 L12.2,5.6 C12.7522847,5.6 13.2,6.04771525 13.2,6.6 C13.2,7.11283584 12.8139598,7.53550716 12.3166211,7.59327227 L12.2,7.6 L7.6,7.599 L7.6,12.2 C7.6,12.7522847 7.15228475,13.2 6.6,13.2 C6.08716416,13.2 5.66449284,12.8139598 5.60672773,12.3166211 L5.6,12.2 L5.6,7.599 L1,7.6 C0.44771525,7.6 3.73950529e-13,7.15228475 3.73984347e-13,6.6 C3.74015749e-13,6.08716416 0.38604019,5.66449284 0.883378875,5.60672773 L1,5.6 L5.6,5.599 L5.6,1 C5.6,0.44771525 6.04771525,-9.09494702e-13 6.6,-9.09494702e-13 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconMissedQuestions extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconMoon.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="moon" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconMoon.vue

@@ -0,0 +1,25 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-1301.000000, -237.000000)" fill="currentColor">
+                <g transform="translate(1193.000000, 54.000000)">
+                    <g transform="translate(104.000000, 179.000000)">
+                        <path d="M9.03571442,8.47302879 C9.03571442,12.7828223 12.5294924,16.2766002 16.8392859,16.2766002 C17.3663217,16.2766002 17.8811547,16.2243531 18.3788877,16.1247556 C16.9765221,18.1990961 14.6028166,19.5623145 11.9107144,19.5623145 C7.60092093,19.5623145 4.10714299,16.0685366 4.10714299,11.7587431 C4.10714299,7.97621155 6.79835237,4.82224566 10.3704721,4.10714443 C9.52768674,5.35342031 9.03571442,6.85577141 9.03571442,8.47302879 Z" transform="translate(11.243015, 11.834729) rotate(-10.000000) translate(-11.243015, -11.834729) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-facing-decorator'
+
+@Component
+export default class IconMoon extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconPaginationArrow.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="paginationArrow" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconPaginationArrow.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(11.000000, 11.000000)" fill="currentColor" fill-rule="nonzero">
+                <g>
+                    <path d="M20,3.75 C20.6472087,3.75 21.1795339,4.24187466 21.2435464,4.87219476 L21.25,5 L21.25,21 C21.25,21.6903559 20.6903559,22.25 20,22.25 C19.3527913,22.25 18.8204661,21.7581253 18.7564536,21.1278052 L18.75,21 L18.75,6.25 L4,6.25 C3.35279131,6.25 2.8204661,5.75812534 2.75645361,5.12780524 L2.75,5 C2.75,4.35279131 3.24187466,3.8204661 3.87219476,3.75645361 L4,3.75 L20,3.75 Z" transform="translate(12.000000, 13.000000) rotate(45.000000) translate(-12.000000, -13.000000) "></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconPaginationArrow extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconPassage.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="passage" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconPassage.vue

@@ -0,0 +1,22 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="22px" height="21px" viewBox="0 0 22 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+            <line x1="3.5" y1="8" x2="16.5" y2="8" stroke="currentColor" stroke-width="1.75"></line>
+            <line x1="3.5" y1="3.5" x2="18.5" y2="3.5" stroke="currentColor" stroke-width="1.75"></line>
+            <line x1="3.5" y1="17" x2="10.5" y2="17" stroke="currentColor" stroke-width="1.75"></line>
+            <line x1="3.5" y1="12.5" x2="17.5" y2="12.5" stroke="currentColor" stroke-width="1.75"></line>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconPassage extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconPencil.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="pencil" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconPencil.vue

@@ -0,0 +1,19 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <path d="M21.0418957,1.53234289 L22.4561093,2.94655645 C23.6276822,4.11812932 23.6276822,6.01762426 22.4561093,7.18919714 L9.19393567,20.4513708 C8.93843035,20.7068761 8.61847733,20.888388 8.26807571,20.9766187 L2.86533997,22.3370197 C2.32977247,22.4718749 1.78628756,22.1470333 1.65143244,21.6114658 C1.61107341,21.4511828 1.61107341,21.2833952 1.65143244,21.1231122 L3.01183352,15.7203765 C3.10006414,15.3699749 3.2815761,15.0500218 3.53708142,14.7945165 L16.799255,1.53234289 C17.9708279,0.360770011 19.8703229,0.360770011 21.0418957,1.53234289 Z M4.99716317,16.1616632 L4.95129498,16.2087301 L3.9992081,19.9885717 L7.77972211,19.0371572 L7.82616317,18.9906632 L4.99716317,16.1616632 Z M15.4951632,5.66366323 L6.41216317,14.7476632 L7.47816317,15.8136632 L13.1464466,10.1464466 C13.3417088,9.95118446 13.6582912,9.95118446 13.8535534,10.1464466 C14.0271197,10.320013 14.0464049,10.5894374 13.9114088,10.7843055 L13.8535534,10.8535534 L8.18516317,16.5206632 L9.24016317,17.5756632 L18.3241632,8.49266323 L15.4951632,5.66366323 Z M18.3006894,2.86885008 L18.2134686,2.94655645 L16.9091632,4.24966323 L19.7381632,7.07866323 L21.0418957,5.77498357 C21.4045254,5.41235387 21.4304276,4.84050848 21.1196021,4.44799082 L21.0418957,4.36077001 L19.6276822,2.94655645 C19.2650525,2.58392675 18.6932071,2.55802463 18.3006894,2.86885008 Z" fill="currentColor" fill-rule="nonzero"></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconPencil extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconPeople.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="people" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconPeople.vue

@@ -0,0 +1,25 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="31px" height="23px" viewBox="0 0 31 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-55.000000, -598.000000)" fill="currentColor">
+                <g transform="translate(51.000000, 589.000000)">
+                    <g transform="translate(4.166667, 9.166667)">
+                        <path d="M22.5071671,10.625 C25.9934859,10.625 29.0892174,12.6013757 30.1444558,15.4741707 C30.3428159,16.0141887 30.0658474,16.6127624 29.5258293,16.8111225 C28.9858113,17.0094825 28.3872376,16.732514 28.1888775,16.192496 C27.4473484,14.1737475 25.1519708,12.7083333 22.5071671,12.7083333 C19.8458258,12.7083333 17.5603161,14.1499202 16.824992,16.1542368 C18.3639654,17.3546926 19.5441905,18.9830717 20.1575627,20.8750846 C20.3349781,21.4223414 20.0351623,22.0098042 19.4879055,22.1872196 C18.9406487,22.3646349 18.3531859,22.0648192 18.1757706,21.5175624 C17.1362039,18.3109063 13.9991057,16.0416667 10.4260735,16.0416667 C6.81306945,16.0416667 3.67530871,18.2972534 2.65991316,21.5102197 C2.48655305,22.0587746 1.90132531,22.3629301 1.35277042,22.18957 C0.804215533,22.0162099 0.500060067,21.4309821 0.673420175,20.8824273 C1.96499509,16.7955601 5.91187889,13.9583333 10.4260735,13.9583333 C12.0690284,13.9583333 13.6397942,14.3425314 15.035139,15.0301839 C16.2174486,12.3901428 19.1763753,10.625 22.5071671,10.625 Z M10.4166667,2.5 C13.1780904,2.5 15.4166667,4.73857625 15.4166667,7.5 C15.4166667,10.2614237 13.1780904,12.5 10.4166667,12.5 C7.65524292,12.5 5.41666667,10.2614237 5.41666667,7.5 C5.41666667,4.73857625 7.65524292,2.5 10.4166667,2.5 Z M10.4166667,4.375 C8.69077682,4.375 7.29166667,5.77411016 7.29166667,7.5 C7.29166667,9.22588984 8.69077682,10.625 10.4166667,10.625 C12.1425565,10.625 13.5416667,9.22588984 13.5416667,7.5 C13.5416667,5.77411016 12.1425565,4.375 10.4166667,4.375 Z M22.5,0 C25.0313051,0 27.0833333,2.05202823 27.0833333,4.58333333 C27.0833333,7.11463844 25.0313051,9.16666667 22.5,9.16666667 C19.9686949,9.16666667 17.9166667,7.11463844 17.9166667,4.58333333 C17.9166667,2.05202823 19.9686949,0 22.5,0 Z M22.5,1.875 C21.0042288,1.875 19.7916667,3.08756214 19.7916667,4.58333333 C19.7916667,6.07910453 21.0042288,7.29166667 22.5,7.29166667 C23.9957712,7.29166667 25.2083333,6.07910453 25.2083333,4.58333333 C25.2083333,3.08756214 23.9957712,1.875 22.5,1.875 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconPeople extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconQuestions.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="questions" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconQuestions.vue

@@ -0,0 +1,25 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="18px" height="23px" viewBox="0 0 18 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g fill="currentColor" fill-rule="nonzero">
+                <g transform="translate(0.000000, 0.760000)">
+                    <path d="M7.79611416,0.539650881 L14.5881842,2.23310415 C16.4637626,2.70073836 17.6051269,4.60028746 17.1374926,6.47586583 L14.2344299,18.1194145 C13.9004055,19.4591134 12.5435847,20.2743736 11.2038858,19.9403491 L10.4015666,19.7398 L11.5,19.74 C12.8254834,19.74 13.9100387,18.7084641 13.9946823,17.4043757 L14,17.24 L13.9995666,12.8588 L15.6820491,6.11298298 C15.9371223,5.08994024 15.3544525,4.05441686 14.3688029,3.72998036 L14.2253014,3.68854774 L13.548346,3.51898673 C12.947413,2.4568698 11.8074235,1.74 10.5,1.74 L10.5,1.74 L5.01148231,1.7400333 C5.54926864,0.782036886 6.67864772,0.261035206 7.79611416,0.539650881 Z" opacity="0.6"></path>
+                    <path d="M10.5,1.74 C12.4329966,1.74 14,3.30700338 14,5.24 L14,17.24 C14,18.6207119 12.8807119,19.74 11.5,19.74 L2.5,19.74 C1.11928813,19.74 0,18.6207119 0,17.24 L0,4.24 C0,2.85928813 1.11928813,1.74 2.5,1.74 L10.5,1.74 Z M10.5,3.5 L2.5,3.5 C2.12536684,3.5 1.81575559,3.77839183 1.76675533,4.13958638 L1.76,4.24 L1.76,17.24 C1.76,17.6146332 2.03839183,17.9242444 2.39958638,17.9732447 L2.5,17.98 L11.5,17.98 C11.8746332,17.98 12.1842444,17.7016082 12.2332447,17.3404136 L12.24,17.24 L12.24,5.24 C12.24,4.32707331 11.5369304,3.57835733 10.6427071,3.50576805 L10.5,3.5 Z M6.74,13.464 C6.996,13.464 7.22,13.552 7.412,13.728 C7.604,13.904 7.7,14.12 7.7,14.376 C7.7,14.632 7.606,14.852 7.418,15.036 C7.23,15.22 7.004,15.312 6.74,15.312 C6.612,15.312 6.49,15.288 6.374,15.24 C6.258,15.192 6.156,15.128 6.068,15.048 C5.98,14.968 5.91,14.872 5.858,14.76 C5.806,14.648 5.78,14.528 5.78,14.4 C5.78,14.144 5.874,13.924 6.062,13.74 C6.25,13.556 6.476,13.464 6.74,13.464 Z M6.872,6.528 C7.216,6.528 7.542,6.578 7.85,6.678 C8.158,6.778 8.43,6.926 8.666,7.122 C8.902,7.318 9.088,7.56 9.224,7.848 C9.36,8.136 9.428,8.468 9.428,8.844 C9.428,9.1 9.4,9.324 9.344,9.516 C9.288,9.708 9.208,9.884 9.104,10.044 C9,10.204 8.874,10.358 8.726,10.506 C8.578,10.654 8.412,10.808 8.228,10.968 C8.068,11.104 7.938,11.224 7.838,11.328 C7.738,11.432 7.658,11.536 7.598,11.64 C7.538,11.744 7.496,11.856 7.472,11.976 C7.448,12.096 7.436,12.244 7.436,12.42 L7.436,12.42 L7.436,12.732 L6.02,12.732 L6.02,12.276 L6.02466667,12.0906667 C6.03088889,11.9715556 6.04333333,11.8613333 6.062,11.76 C6.09,11.608 6.134,11.464 6.194,11.328 C6.254,11.192 6.334,11.06 6.434,10.932 C6.534,10.804 6.66,10.668 6.812,10.524 L6.812,10.524 L7.352,10.008 L7.49666667,9.86666667 C7.58822222,9.76888889 7.67,9.664 7.742,9.552 C7.85,9.384 7.904,9.18 7.904,8.94 C7.904,8.628 7.806,8.366 7.61,8.154 C7.414,7.942 7.136,7.836 6.776,7.836 C6.592,7.836 6.426,7.87 6.278,7.938 C6.13,8.006 6.002,8.098 5.894,8.214 C5.786,8.33 5.704,8.464 5.648,8.616 C5.592,8.768 5.56,8.924 5.552,9.084 L5.552,9.084 L4.076,8.952 L4.11128,8.72664 C4.16696,8.43288 4.2572,8.166 4.382,7.926 C4.538,7.626 4.74,7.372 4.988,7.164 C5.236,6.956 5.52,6.798 5.84,6.69 C6.16,6.582 6.504,6.528 6.872,6.528 Z"></path>
+                </g>
+            </g>
+            <g transform="translate(-594.000000, -648.000000)"></g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconQuestions extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconQuick10.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="quick10" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconQuick10.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(1.000000, 1.000000)" fill="currentColor" fill-rule="nonzero">
+                <path d="M21,3 C22.6568542,3 24,4.34314575 24,6 L24,17.5 C24,19.9852814 21.9852814,22 19.5,22 L7,22 C5.34314575,22 4,20.6568542 4,19 L4,18 L6,18 L6,19 C6,19.5128358 6.38604019,19.9355072 6.88337887,19.9932723 L7,20 L19.5,20 C20.8254834,20 21.9100387,18.9684641 21.9946823,17.6643757 L22,17.5 L22,6 C22,5.48716416 21.6139598,5.06449284 21.1166211,5.00672773 L21,5 L20,5 L20,3 L20,3 L21,3 Z" fill-opacity="0.7"></path>
+                <path d="M17,0 C18.6568542,0 20,1.34314575 20,3 L20,15 C20,16.6568542 18.6568542,18 17,18 L3,18 C1.34314575,18 0,16.6568542 0,15 L0,3 C0,1.34314575 1.34314575,0 3,0 L17,0 Z M17,2 L3,2 C2.48716416,2 2.06449284,2.38604019 2.00672773,2.88337887 L2,3 L2,15 C2,15.5128358 2.38604019,15.9355072 2.88337887,15.9932723 L3,16 L17,16 C17.5128358,16 17.9355072,15.6139598 17.9932723,15.1166211 L18,15 L18,3 C18,2.48716416 17.6139598,2.06449284 17.1166211,2.00672773 L17,2 Z"></path>
+            </g>
+            <path d="M9.06,13.5 L9.06,7.128 L7.8,7.128 L5.721,8.883 L6.486,9.765 L7.764,8.64 L7.764,13.5 L9.06,13.5 Z M13.164,13.608 C13.638,13.608 14.028,13.5075 14.334,13.3065 C14.64,13.1055 14.8815,12.846 15.0585,12.528 C15.2355,12.21 15.3585,11.856 15.4275,11.466 C15.4965,11.076 15.531,10.692 15.531,10.314 C15.531,9.936 15.4965,9.552 15.4275,9.162 C15.3585,8.772 15.2355,8.418 15.0585,8.1 C14.8815,7.782 14.64,7.5225 14.334,7.3215 C14.028,7.1205 13.638,7.02 13.164,7.02 C12.69,7.02 12.3,7.1205 11.994,7.3215 C11.688,7.5225 11.4465,7.782 11.2695,8.1 C11.0925,8.418 10.9695,8.772 10.9005,9.162 C10.8315,9.552 10.797,9.936 10.797,10.314 C10.797,10.692 10.8315,11.076 10.9005,11.466 C10.9695,11.856 11.0925,12.21 11.2695,12.528 C11.4465,12.846 11.688,13.1055 11.994,13.3065 C12.3,13.5075 12.69,13.608 13.164,13.608 Z M13.164,12.366 C12.918,12.366 12.7275,12.291 12.5925,12.141 C12.4575,11.991 12.357,11.808 12.291,11.592 C12.225,11.376 12.1845,11.151 12.1695,10.917 C12.1545,10.683 12.147,10.482 12.147,10.314 C12.147,10.146 12.1545,9.945 12.1695,9.711 C12.1845,9.477 12.225,9.252 12.291,9.036 C12.357,8.82 12.4575,8.637 12.5925,8.487 C12.7275,8.337 12.918,8.262 13.164,8.262 C13.404,8.262 13.593,8.337 13.731,8.487 C13.869,8.637 13.971,8.82 14.037,9.036 C14.103,9.252 14.1435,9.477 14.1585,9.711 C14.1735,9.945 14.181,10.146 14.181,10.314 C14.181,10.482 14.1735,10.683 14.1585,10.917 C14.1435,11.151 14.103,11.376 14.037,11.592 C13.971,11.808 13.869,11.991 13.731,12.141 C13.593,12.291 13.404,12.366 13.164,12.366 Z" fill="currentColor" fill-rule="nonzero"></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconQuick10 extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconRemoveCircle.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="removeCircle" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconRemoveCircle.vue

@@ -0,0 +1,22 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g>
+                <path d="M10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z M10,2 C5.581722,2 2,5.581722 2,10 C2,14.418278 5.581722,18 10,18 C14.418278,18 18,14.418278 18,10 C18,5.581722 14.418278,2 10,2 Z M14.5,9 C15.0522847,9 15.5,9.44771525 15.5,10 C15.5,10.5522847 15.0522847,11 14.5,11 L5.5,11 C4.94771525,11 4.5,10.5522847 4.5,10 C4.5,9.44771525 4.94771525,9 5.5,9 L14.5,9 Z" fill="currentColor" fill-rule="nonzero"></path>
+                <g transform="translate(4.000000, 8.500000)"></g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconRemoveCircle extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconReviewFlag.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="review-flag" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconReviewFlag.vue

@@ -0,0 +1,32 @@
+<template>
+    <!-- eslint-disable -->
+        <svg version="1.1" width="10px" height="13px" viewBox="0 0 10.0 13.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+            <title>{{ title }}</title>
+            <defs>
+            <clipPath id="i0">
+            <path d="M0.888415942,1.04360964e-13 C2.95996508,1.04360964e-13 4.01909249,0.198218226 4.94011764,0.715689326 L5.20026506,0.872329919 C5.28623176,0.92750887 5.3717011,0.985688094 5.45742834,1.04697214 L5.70616811,1.22942571 L5.90061994,1.36199288 C6.41680306,1.69362956 6.93524023,1.85316582 7.96221082,1.91033521 L8.37215112,1.92711148 C8.44477703,1.92915318 8.51963661,1.93082906 8.59685345,1.93215615 L9.08943057,1.93606931 L9.1531561,1.93606931 C9.587448,1.93606931 9.94538463,2.24237167 9.99430266,2.63698348 L10,2.72951614 L10,8.1599743 C10,8.59818289 9.62085507,8.95342114 9.1531561,8.95342114 L9.115,8.951 L8.84150068,8.95007806 C6.81874363,8.92685582 5.8767416,8.66742215 4.92591382,8.01221503 L4.644013,7.80725883 C3.97768335,7.30233327 3.42926495,7.08718728 1.98981013,7.03126665 L1.693,7.023 L1.6936878,12.2352941 C1.6936878,12.6576295 1.31454287,13 0.846843901,13 C0.412551999,13 0.0546153676,12.7047928 0.00569733824,12.324475 L0,12.2352941 L0,0.764705882 C0,0.342370485 0.379144929,0 0.846843901,0 L0.888,0.003 Z M1.693,1.598 L1.693,5.436 L2.13035709,5.45134952 C3.82827684,5.53156873 4.69147564,5.83385742 5.58163463,6.47890353 L5.72965517,6.58899487 C6.35211824,7.06080553 6.84458568,7.27188049 8.04406192,7.33935049 L8.306,7.35 L8.30495844,3.5111427 C6.49014713,3.4516012 5.6150385,3.16070682 4.68332092,2.49422235 L4.53004202,2.38172307 C3.85232196,1.8751276 3.29289817,1.6587809 1.82985553,1.60251879 L1.693,1.598 Z">
+            </path>
+            </clipPath>
+            </defs>
+            <g transform="translate(-26.0 -3.0)">
+            <g transform="translate(1.0 0.0)">
+            <g transform="translate(25.0 3.0)">
+            <g clip-path="url(#i0)">
+            <polygon points="0,0 10,0 10,13 0,13 0,0" fill="currentColor" fill-rule="nonzero">
+            </polygon>
+            </g>
+            </g>
+            </g>
+            </g>
+        </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconReviewFlag extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconSearch.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="search" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconSearch.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g stroke="#88A3B6">
+                <line x1="11.4696699" y1="9.71966991" x2="11.4696699" y2="15.2196699" stroke-width="2.5" stroke-linecap="round" transform="translate(11.469670, 12.469670) rotate(-45.000000) translate(-11.469670, -12.469670) "></line>
+                <circle stroke-width="2" cx="6" cy="6.5" r="5"></circle>
+            </g>
+            <path d="M6,0.5 C9.3137085,0.5 12,3.1862915 12,6.5 C12,7.8333265 11.5650918,9.06507475 10.8293964,10.0611238 L14.298097,13.5303301 C14.7862524,14.0184855 14.7862524,14.8099417 14.298097,15.298097 C13.8404514,15.7557427 13.1162327,15.7843455 12.6252654,15.3839056 L12.5303301,15.298097 L8.95472589,11.7232341 C8.08251314,12.2176977 7.07422418,12.5 6,12.5 C2.6862915,12.5 0,9.8137085 0,6.5 C0,3.1862915 2.6862915,0.5 6,0.5 Z M6,2.5 C3.790861,2.5 2,4.290861 2,6.5 C2,8.709139 3.790861,10.5 6,10.5 C8.209139,10.5 10,8.709139 10,6.5 C10,4.290861 8.209139,2.5 6,2.5 Z" fill="currentColor" fill-rule="nonzero"></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconSearch extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconShare.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="share" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconShare.vue

@@ -0,0 +1,31 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="18px" height="25px" viewBox="0 0 18 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-294.000000, -596.000000)" fill="currentColor">
+                <g transform="translate(0.000000, 582.000000)">
+                    <g transform="translate(283.000000, 7.000000)">
+                        <g transform="translate(11.250000, 6.666667)">
+                            <path d="M15,10.2083333 C16.3807119,10.2083333 17.5,11.3276215 17.5,12.7083333 L17.5,21.875 C17.5,23.2557119 16.3807119,24.375 15,24.375 L2.5,24.375 C1.11928813,24.375 0,23.2557119 0,21.875 L0,12.7083333 C0,11.3276215 1.11928813,10.2083333 2.5,10.2083333 L5,10.2083333 L5,12.2073333 L2.5,12.2083333 C2.25147186,12.2083333 2.04529437,12.389658 2.00654416,12.6272307 L2,12.7083333 L2,21.875 C2,22.1235281 2.18132468,22.3297056 2.4188974,22.3684558 L2.5,22.375 L15,22.375 C15.2485281,22.375 15.4547056,22.1936753 15.4934558,21.9561026 L15.5,21.875 L15.5,12.7083333 C15.5,12.4598052 15.3186753,12.2536277 15.0811026,12.2148775 L15,12.2083333 L12.5,12.2073333 L12.5,10.2083333 L15,10.2083333 Z"></path>
+                            <g transform="translate(2.916667, 0.000000)">
+                                <path d="M8.75,2.46425565 C9.32529661,2.46425565 9.79166667,2.9306257 9.79166667,3.50592232 C9.79166667,4.04526289 9.38177111,4.48886723 8.85650437,4.54221098 L8.75,4.54758898 L3.95833333,4.5475 L3.95833333,9.33925565 C3.95833333,9.87859623 3.54843778,10.3222006 3.02317103,10.3755443 L2.91666667,10.3809223 C2.37732609,10.3809223 1.93372175,9.97102676 1.88037801,9.44576002 L1.875,9.33925565 L1.875,2.46425565 L8.75,2.46425565 Z" transform="translate(5.833333, 6.422589) rotate(45.000000) translate(-5.833333, -6.422589) "></path>
+                                <rect x="4.79166667" y="3.54779943" width="2.08333333" height="12.5" rx="1.04166667"></rect>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-facing-decorator'
+
+@Component
+export default class IconShare extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconSideBar.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="sideBar" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconSideBar.vue

@@ -0,0 +1,26 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-8.000000, -8.000000)" fill="currentColor">
+                <g transform="translate(10.000000, 10.000000)">
+                    <g transform="translate(-1.714286, -1.745455)" fill-rule="nonzero">
+                        <path d="M23.1428571,0.436363636 C25.2730983,0.436363636 27,2.19466353 27,4.36363636 L27,4.36363636 L27,15.7090909 C27,17.8780637 25.2730983,19.6363636 23.1428571,19.6363636 L23.1428571,19.6363636 L4.28571429,19.6363636 C2.15547311,19.6363636 0.428571429,17.8780637 0.428571429,15.7090909 L0.428571429,15.7090909 L0.428571429,4.36363636 C0.428571429,2.19466353 2.15547311,0.436363636 4.28571429,0.436363636 L4.28571429,0.436363636 Z M8.99957143,3.05436364 L4.28571429,3.05454545 C3.57563389,3.05454545 3,3.64064542 3,4.36363636 L3,4.36363636 L3,15.7090909 C3,16.4320819 3.57563389,17.0181818 4.28571429,17.0181818 L4.28571429,17.0181818 L8.99957143,17.0173636 L8.99957143,3.05436364 Z M23.1428571,3.05454545 L11.5705714,3.05436364 L11.5705714,17.0173636 L23.1428571,17.0181818 C23.8085575,17.0181818 24.356092,16.5030549 24.4219334,15.8429378 L24.4285714,15.7090909 L24.4285714,4.36363636 C24.4285714,3.64064542 23.8529375,3.05454545 23.1428571,3.05454545 L23.1428571,3.05454545 Z"></path>
+                    </g>
+                    <rect fill-opacity="0.8039602" x="12" y="3.49090909" width="8.57142857" height="9.6" rx="1"></rect>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconSideBar extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconSideBarActive.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="sideBarActive" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconSideBarActive.vue

@@ -0,0 +1,28 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-8.000000, -8.000000)">
+                <g transform="translate(2.000000, 0.000000)">
+                    <g transform="translate(8.000000, 10.000000)">
+                        <g transform="translate(-1.714286, -1.745455)" fill="#FFCE74" fill-rule="nonzero">
+                            <path d="M23.1428571,0.436363636 C25.2730983,0.436363636 27,2.19466353 27,4.36363636 L27,4.36363636 L27,15.7090909 C27,17.8780637 25.2730983,19.6363636 23.1428571,19.6363636 L23.1428571,19.6363636 L4.28571429,19.6363636 C2.15547311,19.6363636 0.428571429,17.8780637 0.428571429,15.7090909 L0.428571429,15.7090909 L0.428571429,4.36363636 C0.428571429,2.19466353 2.15547311,0.436363636 4.28571429,0.436363636 L4.28571429,0.436363636 Z M8.99957143,3.05436364 L4.28571429,3.05454545 C3.57563389,3.05454545 3,3.64064542 3,4.36363636 L3,4.36363636 L3,15.7090909 C3,16.4320819 3.57563389,17.0181818 4.28571429,17.0181818 L4.28571429,17.0181818 L8.99957143,17.0173636 L8.99957143,3.05436364 Z M23.1428571,3.05454545 L11.5705714,3.05436364 L11.5705714,17.0173636 L23.1428571,17.0181818 C23.8085575,17.0181818 24.356092,16.5030549 24.4219334,15.8429378 L24.4285714,15.7090909 L24.4285714,4.36363636 C24.4285714,3.64064542 23.8529375,3.05454545 23.1428571,3.05454545 L23.1428571,3.05454545 Z"></path>
+                        </g>
+                        <rect fill="#FFEDCB" x="12" y="3.49090909" width="8.57142857" height="9.6" rx="1"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconFullViewActive extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconStopwatch.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="stopwatch" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconStopwatch.vue

@@ -0,0 +1,22 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(2.250000, 0.000000)" fill="currentColor">
+                <path d="M13.5,0 C14.0522847,0 14.5,0.44771525 14.5,1 C14.5,1.51283584 14.1139598,1.93550716 13.6166211,1.99327227 L13.5,2 L11,2 L11.0010997,4.04948449 C15.962674,4.54265111 19.8571562,8.66231745 19.9961582,13.7200952 L20,14 C20,19.5228475 15.5228475,24 10,24 C4.4771525,24 0,19.5228475 0,14 C0,8.81468642 3.94662476,4.55115644 8.99989907,4.04938526 L9,2 L6.5,2 C5.94771525,2 5.5,1.55228475 5.5,1 C5.5,0.487164161 5.88604019,0.0644928393 6.38337887,0.00672773133 L6.5,0 L13.5,0 Z M10,6 C5.581722,6 2,9.581722 2,14 C2,18.418278 5.581722,22 10,22 C14.418278,22 18,18.418278 18,14 C18,9.581722 14.418278,6 10,6 Z M14.8737047,9.66781808 C15.0367793,9.85127709 15.0402101,10.121369 14.8940039,10.3079737 L14.8321819,10.3737047 L11.3898247,13.4346898 C11.460861,13.6091573 11.5,13.8000079 11.5,14 C11.5,14.8284271 10.8284271,15.5 10,15.5 C9.17157288,15.5 8.5,14.8284271 8.5,14 C8.5,13.1715729 9.17157288,12.5 10,12.5 C10.2626519,12.5 10.5095368,12.5675065 10.7242507,12.6861155 L14.1678181,9.62629534 C14.3742095,9.44283633 14.6902457,9.4614267 14.8737047,9.66781808 Z M19.7617627,4.35199704 L19.8320503,4.4452998 L21.8320503,7.4452998 C22.1384028,7.90482849 22.0142289,8.52569784 21.5547002,8.83205029 C21.127995,9.11652043 20.5621746,9.02977145 20.2382373,8.64800296 L20.1679497,8.5547002 L18.1679497,5.5547002 C17.8615972,5.09517151 17.9857711,4.47430216 18.4452998,4.16794971 C18.872005,3.88347957 19.4378254,3.97022855 19.7617627,4.35199704 Z"></path>
+                <path d="M10,18 C10.2454599,18 10.4496084,18.1768752 10.4919443,18.4101244 L10.5,18.5 L10.5,20 C10.5,20.2761424 10.2761424,20.5 10,20.5 C9.75454011,20.5 9.55039163,20.3231248 9.50805567,20.0898756 L9.5,20 L9.5,18.5 C9.5,18.2238576 9.72385763,18 10,18 Z M5.5,13.5 C5.77614237,13.5 6,13.7238576 6,14 C6,14.2454599 5.82312484,14.4496084 5.58987563,14.4919443 L5.5,14.5 L4,14.5 C3.72385763,14.5 3.5,14.2761424 3.5,14 C3.5,13.7545401 3.67687516,13.5503916 3.91012437,13.5080557 L4,13.5 L5.5,13.5 Z M16,13.5 C16.2761424,13.5 16.5,13.7238576 16.5,14 C16.5,14.2454599 16.3231248,14.4496084 16.0898756,14.4919443 L16,14.5 L14.5,14.5 C14.2238576,14.5 14,14.2761424 14,14 C14,13.7545401 14.1768752,13.5503916 14.4101244,13.5080557 L14.5,13.5 L16,13.5 Z M10,7.5 C10.2454599,7.5 10.4496084,7.67687516 10.4919443,7.91012437 L10.5,8 L10.5,9.5 C10.5,9.77614237 10.2761424,10 10,10 C9.75454011,10 9.55039163,9.82312484 9.50805567,9.58987563 L9.5,9.5 L9.5,8 C9.5,7.72385763 9.72385763,7.5 10,7.5 Z" fill-rule="nonzero" opacity="0.5"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-facing-decorator'
+
+@Component
+export default class IconStopwatch extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconStrike.md

@@ -0,0 +1,60 @@
+```vue
+<template>
+    <div class="icon-strike">
+        <div class="icon-strike__normal">
+            <Icon type="strike" />
+        </div>
+        <div class="icon-strike__hover">
+            <Icon type="strike" />
+        </div>
+        <div class="icon-strike__focus">
+            <Icon type="strike" />
+        </div>
+        <div class="icon-strike__selected">
+            <Icon type="strike" />
+        </div>
+    </div>
+</template>
+
+<style>
+.icon-strike {
+    display: flex;
+    align-items: center;
+    color: #587183;
+}
+
+/* stylelint-disable-next-line */
+.icon-strike >div {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 22px;
+    margin-right: 20px;
+}
+
+.icon-strike__normal {
+    background-color: #f4f5f9;
+    border-radius: 2px;
+}
+
+.icon-strike__hover {
+    background-color: rgba(207, 225, 255, 0.674);
+    border-radius: 2px;
+    color: #0064ff;
+}
+
+.icon-strike__focus {
+    color: #0064ff;
+    background-color: #f4f5f9;
+    border: 1px solid #0064ff;
+    border-radius: 2px;
+}
+
+.icon-strike__selected {
+    background-color: #0064ff;
+    border-radius: 2px;
+    color: white;
+}
+</style>
+```

package/lib/components/Icons/IconStrike.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="10px" height="12px" viewBox="0 0 10 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-5.000000, -5.000000)" fill="currentColor" fill-rule="nonzero">
+                <g>
+                    <path d="M10.59,5.77 C11.18,5.77 11.665,5.82 12.045,5.92 C12.425,6.02 12.68,6.13 12.81,6.25 C12.85,6.29 12.8825,6.3325 12.9075,6.3775 C12.9325,6.4225 12.955,6.4825 12.975,6.5575 C12.995,6.6325 13.0075,6.725 13.0125,6.835 C13.0175,6.945 13.02,7.08 13.02,7.24 L13.02,7.24 L13.02,7.8475 L13.0190625,7.94265625 C13.0171875,8.04671875 13.0125,8.1775 13.005,8.335 C12.985,8.495 12.94,8.6075 12.87,8.6725 C12.8,8.7375 12.705,8.77 12.585,8.77 C12.465,8.77 12.37,8.7375 12.3,8.6725 C12.23,8.6075 12.17,8.495 12.12,8.335 L12.12,8.335 L11.79,7.06 L11.6833333,7.00333333 C11.6077778,6.96777778 11.5233333,6.93666667 11.43,6.91 C11.29,6.88 11.1225,6.85 10.9275,6.82 C10.7325,6.79 10.495,6.775 10.215,6.775 C9.605,6.775 9.14,6.915 8.82,7.195 C8.5,7.475 8.34,7.815 8.34,8.215 C8.34,8.645 8.465,8.9825 8.715,9.2275 C8.965,9.4725 9.2775,9.68 9.6525,9.85 C9.76545573,9.9012066 9.88090655,9.95150589 9.99885247,10.0008979 L15,10 L15,11 L12.2349861,11.000464 C12.5357966,11.208543 12.7899679,11.4650549 12.9975,11.77 C13.2425,12.13 13.365,12.61 13.365,13.21 C13.365,13.63 13.2875,14.02 13.1325,14.38 C12.9775,14.74 12.745,15.05 12.435,15.31 C12.125,15.57 11.735,15.7725 11.265,15.9175 C10.795,16.0625 10.25,16.135 9.63,16.135 C8.96,16.135 8.4225,16.0825 8.0175,15.9775 C7.6125,15.8725 7.35,15.755 7.23,15.625 C7.19,15.585 7.155,15.5425 7.125,15.4975 C7.095,15.4525 7.0725,15.395 7.0575,15.325 C7.0425,15.255 7.0325,15.165 7.0275,15.055 C7.02416667,14.9816667 7.02194444,14.895 7.02083333,14.795 L7.02083333,14.795 L7.0209375,13.8873437 C7.0228125,13.7832812 7.0275,13.6525 7.035,13.495 C7.045,13.335 7.085,13.2225 7.155,13.1575 C7.225,13.0925 7.32,13.06 7.44,13.06 C7.67,13.06 7.825,13.205 7.905,13.495 L7.905,13.495 L8.265,14.815 L8.345625,14.8646875 C8.431875,14.9115625 8.535,14.95 8.655,14.98 C8.805,15.03 8.9875,15.0675 9.2025,15.0925 C9.4175,15.1175 9.68,15.13 9.99,15.13 C10.64,15.13 11.135,14.975 11.475,14.665 C11.815,14.355 11.985,13.965 11.985,13.495 C11.985,13.155 11.915,12.8725 11.775,12.6475 C11.635,12.4225 11.4475,12.2275 11.2125,12.0625 C10.9775,11.8975 10.7075,11.7575 10.4025,11.6425 C10.0975,11.5275 9.7875,11.41 9.4725,11.29 C9.1575,11.17 8.85,11.0375 8.55,10.8925 L8.781,11 L5,11 L5,10 L7.42169239,10.0017292 C7.32959681,9.8768509 7.24819935,9.74127451 7.1775,9.595 C7.0325,9.295 6.96,8.93 6.96,8.5 C6.96,8.11 7.035,7.75 7.185,7.42 C7.335,7.09 7.56,6.8025 7.86,6.5575 C8.16,6.3125 8.535,6.12 8.985,5.98 C9.435,5.84 9.97,5.77 10.59,5.77 Z"></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconStrike extends Vue {
+    @Prop() title!: string
+}
+</script>