@pocketprep/ui-kit 2.0.40 → 3.0.0

package/lib/components/Icons/IconAddCircle.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 M10,4.5 C10.5522847,4.5 11,4.94771525 11,5.5 L11,9 L14.5,9 C15.0522847,9 15.5,9.44771525 15.5,10 C15.5,10.5522847 15.0522847,11 14.5,11 L11,11 L11,14.5 C11,15.0522847 10.5522847,15.5 10,15.5 C9.44771525,15.5 9,15.0522847 9,14.5 L9,11 L5.5,11 C4.94771525,11 4.5,10.5522847 4.5,10 C4.5,9.44771525 4.94771525,9 5.5,9 L9,9 L9,5.5 C9,4.94771525 9.44771525,4.5 10,4.5 Z" fill="currentColor" fill-rule="nonzero"></path>
+                <g transform="translate(4.000000, 4.500000)"></g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconAddCircle extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconArrow.md

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

package/lib/components/Icons/IconArrow.vue

@@ -0,0 +1,21 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="13px" height="10px" viewBox="0 0 13 10" 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, 0.000000)" fill="currentColor" fill-rule="nonzero">
+                <path d="M6.95352615,0.159907864 L7.03033009,0.227029227 L11.2729708,4.46966991 C11.5414562,4.73815536 11.56383,5.159555 11.3400921,5.45352615 L11.2729708,5.53033009 L7.03033009,9.77297077 C6.73743687,10.065864 6.26256313,10.065864 5.96966991,9.77297077 C5.70118446,9.50448532 5.67881068,9.08308569 5.90254855,8.78911454 L5.96966991,8.7123106 L8.931,5.74935931 L0,5.75 C-0.414213562,5.75 -0.75,5.41421356 -0.75,5 C-0.75,4.62030423 -0.467846118,4.30650904 -0.101770557,4.25684662 L0,4.25 L8.931,4.24935931 L5.96966991,1.2876894 C5.70118446,1.01920395 5.67881068,0.597804315 5.90254855,0.303833167 L5.96966991,0.227029227 C6.23815536,-0.0414562236 6.659555,-0.0638300111 6.95352615,0.159907864 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconArrow extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconBarChart.md

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

package/lib/components/Icons/IconBarChart.vue

@@ -0,0 +1,23 @@
+<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.750000, 4.000000)">
+                    <path d="M13.5,0 C14.3284271,0 15,0.671572875 15,1.5 L15,12.75 L16.5,12.75 C16.9142136,12.75 17.25,13.0857864 17.25,13.5 C17.25,13.8796958 16.9678461,14.193491 16.6017706,14.2431534 L16.5,14.25 L1.5,14.25 C1.08578644,14.25 0.75,13.9142136 0.75,13.5 C0.75,13.1203042 1.03215388,12.806509 1.39822944,12.7568466 L1.5,12.75 L3,12.75 L3,6.5 C3,5.67157288 3.67157288,5 4.5,5 L6.5,5 C7.32842712,5 8,5.67157288 8,6.5 L8,12.75 L10,12.75 L10,1.5 C10,0.671572875 10.6715729,0 11.5,0 L13.5,0 Z M13.5,1.5 L11.5,1.5 L11.5,12.5 L13.5,12.5 L13.5,1.5 Z M6.5,6.5 L4.5,6.5 L4.5,12.5 L6.5,12.5 L6.5,6.5 Z"></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconBarChart extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconCalendar.md

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

package/lib/components/Icons/IconCalendar.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="M7.25,2.5 L7.25,3.875 C7.25,4.45489899 7.68876095,4.93231986 8.25241886,4.99339865 L8.375,5 C8.95489899,5 9.43231986,4.56123905 9.49339865,3.99758114 L9.5,3.875 L9.5,3 C9.5,2.72385763 9.72385763,2.5 10,2.5 L10,2.5 L15,2.5 L15.0898756,2.50805567 C15.3231248,2.55039163 15.5,2.75454011 15.5,3 L15.5,3 L15.5,3.875 C15.5,4.45489899 15.9387609,4.93231986 16.5024189,4.99339865 L16.625,5 C17.204899,5 17.6823199,4.56123905 17.7433987,3.99758114 L17.75,3.875 L17.75,2.5 L18.5,2.5 C20.709139,2.5 22.5,4.290861 22.5,6.5 L22.5,14.5 C22.5,18.3659932 19.3659932,21.5 15.5,21.5 L6.5,21.5 C4.290861,21.5 2.5,19.709139 2.5,17.5 L2.5,6.5 C2.5,4.290861 4.290861,2.5 6.5,2.5 L7.25,2.5 Z M19.5,7.50076 L5.5,7.50076 C4.98716416,7.50076 4.56449284,7.88680019 4.50672773,8.38413887 L4.5,8.50076 L4.5,17.50076 C4.5,18.5551218 5.31587779,19.4189251 6.35073766,19.4952743 L6.5,19.50076 L12.4698151,19.5007501 C13.746089,19.1651469 14.2192818,17.7418213 13.8363547,14.8177019 L13.7952063,14.5202721 L13.6315951,13.395737 L14.7676698,13.4218507 C18.610374,13.5101784 20.3545993,12.6646756 20.5015087,10.9569322 L20.5,8.50076 C20.5,7.94847525 20.0522847,7.50076 19.5,7.50076 Z M20.4500439,14.2785852 L20.3240857,14.3506123 C19.297366,14.9163159 17.9102152,15.2396178 16.194552,15.3250777 L15.8218932,15.3397517 L15.8420794,15.6173591 C15.9417787,17.1917233 15.7665375,18.4802717 15.3115876,19.4458695 C17.9874048,19.0843991 20.1030928,16.9588755 20.4500439,14.2785852 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 IconCalendar extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconCheck.md

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

package/lib/components/Icons/IconCheck.vue

@@ -0,0 +1,21 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="20px" height="17px" viewBox="0 0 20 17" 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(-4.000000, -6.000000)" fill="currentColor" fill-rule="nonzero">
+                <path d="M11.4708596,18.6611167 L6.6388849,13.0238129 C6.09975168,12.3948242 5.1528017,12.3219819 4.52381294,12.8611151 C3.89482418,13.4002483 3.82198187,14.3471983 4.3611151,14.9761871 L10.3611151,21.9761871 C10.9696098,22.6860976 12.0722336,22.6723598 12.6628525,21.9475094 L23.6628525,8.44750943 C24.1861475,7.80528374 24.0897351,6.86044253 23.4475094,6.33714752 C22.8052837,5.81385252 21.8604425,5.91026488 21.3371475,6.55249057 L11.4708596,18.6611167 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconCheck extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconClose.md

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

package/lib/components/Icons/IconClose.vue

@@ -0,0 +1,23 @@
+<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 transform="translate(-3.000000, -2.000000)" fill="currentColor" fill-rule="nonzero">
+                <g transform="translate(12.982684, 12.606602) rotate(45.000000) translate(-12.982684, -12.606602) translate(4.482684, 4.106602)">
+                    <path d="M8.16789322,0.292893219 C8.68072906,0.292893219 9.10340038,0.678933409 9.16116549,1.17627209 L9.16789322,1.29289322 L9.16789322,7.16689322 L15.0428932,7.16789322 C15.595178,7.16789322 16.0428932,7.61560847 16.0428932,8.16789322 C16.0428932,8.68072906 15.656853,9.10340038 15.1595143,9.16116549 L15.0428932,9.16789322 L9.16789322,9.16689322 L9.16789322,15.0428932 C9.16789322,15.595178 8.72017797,16.0428932 8.16789322,16.0428932 C7.65505738,16.0428932 7.23238606,15.656853 7.17462095,15.1595143 L7.16789322,15.0428932 L7.16789322,9.16689322 L1.29289322,9.16789322 C0.740608469,9.16789322 0.292893219,8.72017797 0.292893219,8.16789322 C0.292893219,7.65505738 0.678933409,7.23238606 1.17627209,7.17462095 L1.29289322,7.16789322 L7.16789322,7.16689322 L7.16789322,1.29289322 C7.16789322,0.740608469 7.61560847,0.292893219 8.16789322,0.292893219 Z"></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconClose extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconCorrect.md

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

package/lib/components/Icons/IconCorrect.vue

@@ -0,0 +1,19 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="21px" height="22px" viewBox="0 0 21 22" 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="M15.9780855,5.01432103 C16.329177,4.58799573 16.9593977,4.52700663 17.385723,4.87809805 C17.7792541,5.20218244 17.8614927,5.76410485 17.5956733,6.18395319 L17.521946,6.28573554 L8.46312248,17.2857355 C8.09580084,17.731769 7.4364215,17.7694292 7.02056041,17.3920313 L6.93536982,17.3048049 L1.99419335,11.6011012 C1.63257019,11.183672 1.67780993,10.5521253 2.09523913,10.1905022 C2.48055839,9.85669616 3.04832098,9.86956625 3.41781548,10.2018408 L3.5058382,10.2915479 L7.67101577,15.1010283 L15.9780855,5.01432103 Z" fill="currentColor"></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconCorrect extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconEdit.md

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

package/lib/components/Icons/IconEdit.vue

@@ -0,0 +1,21 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="24px" height="24px" viewBox="0 0 24 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(11.750000, 12.735281) rotate(45.000000) translate(-11.750000, -12.735281) translate(8.250000, 2.235281)" fill="currentColor">
+                <path d="M4,-4.05719902e-12 C5.38071187,-4.05719902e-12 6.5,1.11928813 6.5,2.5 L6.5,2.5 L6.5,16.5337101 L4.2398483,20.3065929 C3.88507615,20.8988158 3.11738493,21.0913077 2.52516196,20.7365356 C2.33590305,20.6231597 2.18002216,20.4617133 2.07335275,20.268595 L2.07335275,20.268595 L6.36646291e-12,16.5149205 L6.36646291e-12,2.5 C6.36646291e-12,1.11928813 1.11928813,-4.05719902e-12 2.5,-4.05719902e-12 L2.5,-4.05719902e-12 Z M4,2 L2.5,2 C2.22385763,2 2,2.22385763 2,2.5 L2,2.5 L2,15.999 L2.60829534,17.0987821 C2.76579423,16.9952568 2.95429074,16.9350288 3.15685425,16.9350288 C3.39793093,16.9350288 3.61908302,17.0203361 3.79177045,17.1624107 L4.5,15.98 L4.5,5.426 L3.41941738,5.4267767 C3.00520382,5.4267767 2.66941738,5.09099026 2.66941738,4.6767767 C2.66941738,4.26256313 3.00520382,3.9267767 3.41941738,3.9267767 L4.5,3.926 L4.5,2.5 C4.5,2.2852226 4.36457996,2.10207424 4.1744662,2.03128126 L4.08987563,2.00805567 L4,2 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconEdit extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconExam.md

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

package/lib/components/Icons/IconExam.vue

@@ -0,0 +1,34 @@
+<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(3.500000, 1.500000)">
+                <g opacity="0.503208705" transform="translate(4.000000, 6.000000)" fill="currentColor" fill-rule="nonzero">
+                    <path d="M2.5,0 C2.77614237,0 3,0.223857625 3,0.5 L3,1.5 C3,1.77614237 2.77614237,2 2.5,2 L0.5,2 C0.223857625,2 0,1.77614237 0,1.5 L0,0.5 C0,0.223857625 0.223857625,0 0.5,0 L2.5,0 Z"></path>
+                    <path d="M6.5,0 C6.77614237,0 7,0.223857625 7,0.5 L7,1.5 C7,1.77614237 6.77614237,2 6.5,2 L4.5,2 C4.22385763,2 4,1.77614237 4,1.5 L4,0.5 C4,0.223857625 4.22385763,0 4.5,0 L6.5,0 Z"></path>
+                    <path d="M2.5,3 C2.77614237,3 3,3.22385763 3,3.5 L3,4.5 C3,4.77614237 2.77614237,5 2.5,5 L0.5,5 C0.223857625,5 0,4.77614237 0,4.5 L0,3.5 C0,3.22385763 0.223857625,3 0.5,3 L2.5,3 Z"></path>
+                    <path d="M6.5,3 C6.77614237,3 7,3.22385763 7,3.5 L7,4.5 C7,4.77614237 6.77614237,5 6.5,5 L4.5,5 C4.22385763,5 4,4.77614237 4,4.5 L4,3.5 C4,3.22385763 4.22385763,3 4.5,3 L6.5,3 Z"></path>
+                    <path d="M2.5,6 C2.77614237,6 3,6.22385763 3,6.5 L3,7.5 C3,7.77614237 2.77614237,8 2.5,8 L0.5,8 C0.223857625,8 0,7.77614237 0,7.5 L0,6.5 C0,6.22385763 0.223857625,6 0.5,6 L2.5,6 Z"></path>
+                    <path d="M6.5,6 C6.77614237,6 7,6.22385763 7,6.5 L7,7.5 C7,7.77614237 6.77614237,8 6.5,8 L4.5,8 C4.22385763,8 4,7.77614237 4,7.5 L4,6.5 C4,6.22385763 4.22385763,6 4.5,6 L6.5,6 Z"></path>
+                    <path d="M10.625,0 C10.8321068,0 11,0.223857625 11,0.5 L11,1.5 C11,1.77614237 10.8321068,2 10.625,2 L8.375,2 C8.16789322,2 8,1.77614237 8,1.5 L8,0.5 C8,0.223857625 8.16789322,0 8.375,0 L10.625,0 Z"></path>
+                    <path d="M10.625,3 C10.8321068,3 11,3.22385763 11,3.5 L11,4.5 C11,4.77614237 10.8321068,5 10.625,5 L8.375,5 C8.16789322,5 8,4.77614237 8,4.5 L8,3.5 C8,3.22385763 8.16789322,3 8.375,3 L10.625,3 Z"></path>
+                    <path d="M10.625,6 C10.8321068,6 11,6.22385763 11,6.5 L11,7.5 C11,7.77614237 10.8321068,8 10.625,8 L8.375,8 C8.16789322,8 8,7.77614237 8,7.5 L8,6.5 C8,6.22385763 8.16789322,6 8.375,6 L10.625,6 Z"></path>
+                    <path d="M2.5,9 C2.77614237,9 3,9.22385763 3,9.5 L3,10.5 C3,10.7761424 2.77614237,11 2.5,11 L0.5,11 C0.223857625,11 0,10.7761424 0,10.5 L0,9.5 C0,9.22385763 0.223857625,9 0.5,9 L2.5,9 Z"></path>
+                    <path d="M6.5,9 C6.77614237,9 7,9.22385763 7,9.5 L7,10.5 C7,10.7761424 6.77614237,11 6.5,11 L4.5,11 C4.22385763,11 4,10.7761424 4,10.5 L4,9.5 C4,9.22385763 4.22385763,9 4.5,9 L6.5,9 Z"></path>
+                </g>
+                <path d="M13,1 C14.1045695,1 15.1045695,1.44771525 15.8284271,2.17157288 C16.5522847,2.8954305 17,3.8954305 17,5 L17,5 L17,19 C17,19.2761424 16.8880712,19.5261424 16.7071068,19.7071068 C16.5261424,19.8880712 16.2761424,20 16,20 L16,20 L5,20 C3.8954305,20 2.8954305,19.5522847 2.17157288,18.8284271 C1.44771525,18.1045695 1,17.1045695 1,16 L1,16 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z" stroke="currentColor" stroke-width="2"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconExam extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconExternalLink.md

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

package/lib/components/Icons/IconExternalLink.vue

@@ -0,0 +1,30 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="10px" height="10px" viewBox="0 0 10 10" 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">
+            <g transform="translate(-1282.000000, -321.000000)" stroke="currentColor" stroke-width="2">
+                <g transform="translate(1012.000000, 203.000000)">
+                    <g transform="translate(12.000000, 113.000000)">
+                        <g transform="translate(257.121533, 5.000000)">
+                            <g transform="translate(6.000000, 5.000000) scale(-1, 1) rotate(45.000000) translate(-6.000000, -5.000000) ">
+                                <polyline stroke-linejoin="round" transform="translate(5.000000, 5.000000) rotate(-135.000000) translate(-5.000000, -5.000000) " points="2 2 8 2 8 8"></polyline>
+                                <line x1="2.5" y1="5" x2="11.5" y2="5"></line>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconExternalLink extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconEyeHide.md

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

package/lib/components/Icons/IconEyeHide.vue

@@ -0,0 +1,21 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="18px" height="16px" viewBox="0 0 18 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(-12.000000, -9.000000)" fill="currentColor" fill-rule="nonzero">
+                <path d="M27.66,8.86819193 L28.7206602,9.9288521 L13.52,25.1318081 L12.4593398,24.0711479 L15.4795073,21.0505385 C14.0951623,20.122522 12.9626647,18.8351994 12.2092977,17.318493 C13.7759431,14.1629851 16.98436,12 20.6877074,12 C21.8317445,12 22.9285496,12.2064167 23.944327,12.5847535 L27.66,8.86819193 Z M25.9964713,13.6541762 C27.3354034,14.5767955 28.4315401,15.8385909 29.166586,17.3188146 C27.5988319,20.4738099 24.3906856,22.6363636 20.6877074,22.6363636 C19.5897834,22.6363636 18.5353604,22.4462518 17.5543101,22.096519 L18.7565078,20.8951351 C19.2892419,21.0305932 19.8406255,21.1109688 20.4036617,21.1312525 L20.6877074,21.1363636 C23.4422663,21.1363636 25.9494267,19.6969763 27.4059016,17.3933448 L27.451,17.318 L27.4058921,17.2437906 C26.7591252,16.2203054 25.9049158,15.3673705 24.9137062,14.7354223 L25.9964713,13.6541762 Z M23.5008038,16.1509846 C23.6610905,16.5182023 23.75,16.9237182 23.75,17.35 C23.75,19.0068542 22.4068542,20.35 20.75,20.35 C20.3236383,20.35 19.9180502,20.2610572 19.550778,20.1007136 L23.5008038,16.1509846 Z M20.6877074,13.5 C17.9328144,13.5 15.4255637,14.9397142 13.9699238,17.2434669 L13.924,17.318 L13.9699523,17.3932512 C14.6390745,18.4518841 15.5301424,19.328009 16.5651886,19.965806 L17.9933101,18.5354385 C17.8367343,18.1718121 17.75,17.771035 17.75,17.35 C17.75,15.6931458 19.0931458,14.35 20.75,14.35 C21.1711616,14.35 21.5720531,14.4367865 21.9357665,14.5934514 L22.7524065,13.7764315 C22.1784899,13.6196627 21.5819796,13.5270972 20.9717822,13.5051122 L20.6877074,13.5 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-facing-decorator'
+
+@Component
+export default class IconEyeHide extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconEyeShow.md

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

package/lib/components/Icons/IconEyeShow.vue

@@ -0,0 +1,21 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="18px" height="11px" viewBox="0 0 18 11" 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(-12.000000, -12.000000)" fill="currentColor" fill-rule="nonzero">
+                <path d="M20.7896965,12 C24.4930439,12 27.7014608,14.1629851 29.268575,17.3188146 C27.700821,20.4738099 24.4926747,22.6363636 20.7896965,22.6363636 C17.0867183,22.6363636 13.878572,20.4738099 12.3112868,17.318493 C13.8779322,14.1629851 17.0863491,12 20.7896965,12 Z M20.7896965,13.5 C18.0348034,13.5 15.5275528,14.9397142 14.0719128,17.2434669 L14.025989,17.318 L14.0719413,17.3932512 C15.4777992,19.6174898 17.8634149,21.0360645 20.5056508,21.1312525 L20.7896965,21.1363636 C23.5442554,21.1363636 26.0514157,19.6969763 27.5078907,17.3933448 L27.552989,17.318 L27.5078811,17.2437906 C26.1020949,15.0191849 23.7162759,13.6003198 21.0737712,13.5051122 L20.7896965,13.5 Z M20.851989,14.35 C22.5088433,14.35 23.851989,15.6931458 23.851989,17.35 C23.851989,19.0068542 22.5088433,20.35 20.851989,20.35 C19.1951348,20.35 17.851989,19.0068542 17.851989,17.35 C17.851989,15.6931458 19.1951348,14.35 20.851989,14.35 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconEyeShow extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconFilter.md

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

package/lib/components/Icons/IconFilter.vue

@@ -0,0 +1,19 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="24px" height="24px" viewBox="0 0 24 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="M13.75,16 C14.4403559,16 15,16.5596441 15,17.25 C15,17.9403559 14.4403559,18.5 13.75,18.5 L10.25,18.5 C9.55964406,18.5 9,17.9403559 9,17.25 C9,16.5596441 9.55964406,16 10.25,16 L13.75,16 Z M16.25,11 C16.9403559,11 17.5,11.5596441 17.5,12.25 C17.5,12.9403559 16.9403559,13.5 16.25,13.5 L7.75,13.5 C7.05964406,13.5 6.5,12.9403559 6.5,12.25 C6.5,11.5596441 7.05964406,11 7.75,11 L16.25,11 Z M19.25,6 C19.9403559,6 20.5,6.55964406 20.5,7.25 C20.5,7.94035594 19.9403559,8.5 19.25,8.5 L4.75,8.5 C4.05964406,8.5 3.5,7.94035594 3.5,7.25 C3.5,6.55964406 4.05964406,6 4.75,6 L19.25,6 Z" fill="currentColor"></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-facing-decorator'
+
+@Component
+export default class IconFilter extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconFilterActive.md

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

package/lib/components/Icons/IconFilterActive.vue

@@ -0,0 +1,20 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="24px" height="24px" viewBox="0 0 24 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="M13.75,16 C14.4403559,16 15,16.5596441 15,17.25 C15,17.9403559 14.4403559,18.5 13.75,18.5 L10.25,18.5 C9.55964406,18.5 9,17.9403559 9,17.25 C9,16.5596441 9.55964406,16 10.25,16 L13.75,16 Z M16.25,11 C16.9403559,11 17.5,11.5596441 17.5,12.25 C17.5,12.9403559 16.9403559,13.5 16.25,13.5 L7.75,13.5 C7.05964406,13.5 6.5,12.9403559 6.5,12.25 C6.5,11.5596441 7.05964406,11 7.75,11 L16.25,11 Z M15.1002591,5.9988136 C15.0345146,6.32229129 15,6.65711499 15,7 C15,7.52240146 15.0801151,8.02609103 15.2287292,8.49945254 L4.75,8.5 C4.05964406,8.5 3.5,7.94035594 3.5,7.25 C3.5,6.55964406 4.05964406,6 4.75,6 Z" fill="currentColor"></path>
+            <path d="M20,4 C18.3431458,4 17,5.34314575 17,7 C17,8.65685425 18.3431458,10 20,10 C21.6568542,10 23,8.65685425 23,7 C23,5.34314575 21.6568542,4 20,4 Z" fill="currentColor"></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-facing-decorator'
+
+@Component
+export default class IconFilterActive extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconFlag.md

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

package/lib/components/Icons/IconFlag.vue

@@ -0,0 +1,25 @@
+<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(16.000000, 12.000000)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5">
+                <path d="M15.9850617,15.0157632 C4.51415089,15.0157632 11.8025946,11.0212042 0,11.0212042"></path>
+                <path d="M15.9850617,14.5234375 C15.9850617,9.29557292 15.9850617,5.78776042 15.9850617,4 C4.45209391,4 11.9359406,0 0,0 C0,3.58601263 0,11.5860126 0,24"></path>
+            </g>
+            <g transform="translate(14.750000, 10.750000)" fill="currentColor" fill-rule="nonzero">
+                <path d="M1.25,0 L2.01653485,0.0046495879 L2.7347236,0.0188509062 L3.40707095,0.0429827868 C3.51544787,0.04785336 3.6220191,0.0531534912 3.72683682,0.0588910729 L4.33511836,0.0986291068 C4.43313073,0.106148059 4.52949396,0.114120247 4.62426021,0.122553562 L5.17411149,0.178750121 C7.47737575,0.44679437 8.77163564,1.03723118 9.9740254,2.08877618 L10.4964893,2.56476656 L10.6028763,2.65605696 L10.6028763,2.65605696 L10.817842,2.82802876 L11.0384405,2.98621673 C11.8241873,3.51625912 12.7732012,3.80099597 14.5130146,3.92413426 L15.0321645,3.9549917 C15.1224566,3.95942584 15.2146774,3.96351161 15.3088947,3.96725807 L15.8986982,3.98573727 C16.0011724,3.9881626 16.1057787,3.99026668 16.2125847,3.99205856 L16.8803598,3.9991357 C16.9962359,3.99971491 17.1144473,4 17.2350617,4 C17.8822704,4 18.4145956,4.49187466 18.4786081,5.12219476 L18.4850617,5.25 L18.4850617,15.7734375 C18.4850617,15.8576442 18.4767352,15.9399062 18.4608608,16.019445 C18.4767352,16.0992945 18.4850617,16.1815564 18.4850617,16.2657632 C18.4850617,16.9561191 17.9254176,17.5157632 17.2350617,17.5157632 L16.8441885,17.5145214 L16.1014342,17.5044162 C15.9818535,17.5018661 15.8643385,17.4988768 15.7488289,17.4954388 L15.0793519,17.4693494 C11.7397291,17.3059465 10.2112425,16.6930359 8.69634166,15.3476563 L8.52126663,15.189018 C8.37347742,15.053252 8.22680647,14.9273484 8.07688566,14.8107617 L7.84902102,14.6428009 C7.07770748,14.1057689 6.17054592,13.7948358 4.58152219,13.6417915 L4.08381319,13.6005467 L3.54191638,13.568366 L2.95255566,13.54484 L2.5,13.533 L2.5,25.25 C2.5,25.8972087 2.00812534,26.4295339 1.37780524,26.4935464 L1.25,26.5 C0.602791309,26.5 0.0704661011,26.0081253 0.00645360909,25.3778052 L0,25.25 L0,1.25 C0,0.559644063 0.559644063,0 1.25,0 Z M2.5,2.511 L2.5,11.034 L2.57609968,11.0362452 C2.635632,11.037695 2.69466428,11.0392521 2.75320353,11.0409176 L3.43246026,11.0661716 C3.54187571,11.07127 3.64943167,11.0768188 3.75518445,11.0828265 L4.36851317,11.1244473 C7.23270343,11.352888 8.67509134,11.9815579 10.0685277,13.2178781 L10.2412479,13.3743105 C10.3167341,13.4436735 10.3916894,13.5103957 10.4667025,13.5745564 L10.6925045,13.7594336 C11.6011166,14.4688398 12.6028422,14.8208221 14.7150343,14.9524753 L15.2668058,14.9808778 L15.8683792,15.0005759 L15.985,15.002 L15.985,6.485 L15.7428019,6.47962699 C11.9168959,6.3658915 10.2954547,5.76215854 8.71396273,4.32459124 L8.5370047,4.1603111 C7.50440277,3.18858937 6.50190473,2.72308052 3.89180523,2.56492945 L3.28465492,2.53476334 L2.5,2.511 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconFlag extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconFlagFeedback.md

@@ -0,0 +1,11 @@
+```vue
+<template>
+    <div>
+        <Icon type="flagFeedback" />
+        <Icon type="flagFeedback" :style="{ color: '#CE8500'}"/>
+        <Icon type="flagFeedback" :style="{ color: '#CE8500'}" secondary-color="#FFCE74" />
+        <Icon type="flagFeedback" :style="{ color: '#FFBD47', backgroundColor: '#1f3545'}"/>
+        <Icon type="flagFeedback" :style="{ color: '#FFBD47', backgroundColor: '#1f3545' }" secondary-color="#FFCE74" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconFlagFeedback.vue

@@ -0,0 +1,24 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="21px" height="22px" viewBox="0 0 21 22" 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.250000, 2.400000)"></g>
+            <g transform="translate(5.303364, 2.300000)">
+                <path d="M0.696636032,1.2 C0.696636032,5.53333333 0.696636032,7.7 0.696636032,7.7 C0.696636032,7.7 3.8633027,8.36666667 10.196636,9.7 L10.196636,3.2 L0.696636032,1.2 Z" :fill="secondaryColor" opacity="0.4"></path>
+                <path d="M0.996636032,1.13686838e-13 C3.32052557,1.13686838e-13 4.50866784,0.237328207 5.54188528,0.856900335 L5.8337219,1.04444732 C5.9301604,1.11051351 6.02604097,1.18017194 6.12221086,1.2535478 L6.40125021,1.47200087 L6.6193887,1.63072455 C7.19844932,2.0277957 7.78003858,2.21880969 8.93210693,2.28725904 L9.39198305,2.3073454 C9.4734557,2.30978994 9.5574341,2.31179649 9.64405691,2.31338542 L10.196636,2.31807067 C10.2197193,2.31898371 10.2438151,2.31807067 10.2681241,2.31807067 C10.7553182,2.31807067 11.1568559,2.68480886 11.2117328,3.15728061 L11.2181241,3.26807067 L11.2181241,9.77 C11.2181241,10.2946705 10.7927946,10.72 10.2681241,10.72 L10.233,10.718 L9.94817173,10.7163439 C7.65854018,10.6908852 6.59723929,10.380982 5.52595126,9.59308669 L5.20971143,9.34769106 C4.46221455,8.7431398 3.84699199,8.48554385 2.2321937,8.41858965 L1.9,8.409 L1.9,15.2 C1.9,15.7246705 1.47467051,16.15 0.95,16.15 C0.462805953,16.15 0.0612681973,15.7832618 0.00639134476,15.3107901 L0,15.2 L0,0.95 C0,0.425329488 0.425329488,0 0.95,0 L0.996,0.003 L0.996636032,1.13686838e-13 Z M1.9,1.914 L1.9,6.509 L2.38986102,6.52694272 C4.29460848,6.62298979 5.2629556,6.98492237 6.26154701,7.75724103 L6.42759829,7.88905424 C7.12588509,8.45395678 7.67834118,8.70667844 9.02392851,8.7874608 L9.318,8.8 L9.3171998,4.20393897 C7.28091867,4.13269644 6.29912159,3.78441624 5.25380754,2.98635161 L5.08185736,2.85165536 C4.32158259,2.2451047 3.69401404,1.98607113 2.05275464,1.91870808 L1.9,1.914 Z" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconFlagFeedback extends Vue {
+    @Prop() title!: string
+    @Prop({ default: 'currentColor' }) secondaryColor!: string
+}
+</script>

package/lib/components/Icons/IconFlagFilled.md

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

package/lib/components/Icons/IconFlagFilled.vue

@@ -0,0 +1,22 @@
+<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(14.750000, 10.750000)" fill="currentColor">
+                <path d="M17.2350617,15.7734375 C17.2350617,10.5455729 17.2350617,7.03776042 17.2350617,5.25 C5.70209391,5.25 13.1859406,1.25 1.25,1.25 C1.25,4.83601263 1.25,8.50267929 1.25,12.25 L5.75,12.25 L11.75,15.75 L17.2350617,15.7734375 Z" fill-opacity="0.4"></path>
+                <path d="M1.25,0 L2.01653485,0.0046495879 L2.7347236,0.0188509062 L3.40707095,0.0429827868 C3.51544787,0.04785336 3.6220191,0.0531534912 3.72683682,0.0588910729 L4.33511836,0.0986291068 C4.43313073,0.106148059 4.52949396,0.114120247 4.62426021,0.122553562 L5.17411149,0.178750121 C7.47737575,0.44679437 8.77163564,1.03723118 9.9740254,2.08877618 L10.4964893,2.56476656 L10.6028763,2.65605696 L10.6028763,2.65605696 L10.817842,2.82802876 L11.0384405,2.98621673 C11.8241873,3.51625912 12.7732012,3.80099597 14.5130146,3.92413426 L15.0321645,3.9549917 C15.1224566,3.95942584 15.2146774,3.96351161 15.3088947,3.96725807 L15.8986982,3.98573727 C16.0011724,3.9881626 16.1057787,3.99026668 16.2125847,3.99205856 L16.8803598,3.9991357 C16.9962359,3.99971491 17.1144473,4 17.2350617,4 C17.8822704,4 18.4145956,4.49187466 18.4786081,5.12219476 L18.4850617,5.25 L18.4850617,15.7734375 C18.4850617,15.8576442 18.4767352,15.9399062 18.4608608,16.019445 C18.4767352,16.0992945 18.4850617,16.1815564 18.4850617,16.2657632 C18.4850617,16.9561191 17.9254176,17.5157632 17.2350617,17.5157632 L16.8441885,17.5145214 L16.1014342,17.5044162 C15.9818535,17.5018661 15.8643385,17.4988768 15.7488289,17.4954388 L15.0793519,17.4693494 C11.7397291,17.3059465 10.2112425,16.6930359 8.69634166,15.3476563 L8.52126663,15.189018 C8.37347742,15.053252 8.22680647,14.9273484 8.07688566,14.8107617 L7.84902102,14.6428009 C7.07770748,14.1057689 6.17054592,13.7948358 4.58152219,13.6417915 L4.08381319,13.6005467 L3.54191638,13.568366 L2.95255566,13.54484 L2.5,13.533 L2.5,25.25 C2.5,25.8972087 2.00812534,26.4295339 1.37780524,26.4935464 L1.25,26.5 C0.602791309,26.5 0.0704661011,26.0081253 0.00645360909,25.3778052 L0,25.25 L0,1.25 C0,0.559644063 0.559644063,0 1.25,0 Z M2.5,2.511 L2.5,11.034 L2.57609968,11.0362452 C2.635632,11.037695 2.69466428,11.0392521 2.75320353,11.0409176 L3.43246026,11.0661716 C3.54187571,11.07127 3.64943167,11.0768188 3.75518445,11.0828265 L4.36851317,11.1244473 C7.23270343,11.352888 8.67509134,11.9815579 10.0685277,13.2178781 L10.2412479,13.3743105 C10.3167341,13.4436735 10.3916894,13.5103957 10.4667025,13.5745564 L10.6925045,13.7594336 C11.6011166,14.4688398 12.6028422,14.8208221 14.7150343,14.9524753 L15.2668058,14.9808778 L15.8683792,15.0005759 L15.985,15.002 L15.985,6.485 L15.7428019,6.47962699 C11.9168959,6.3658915 10.2954547,5.76215854 8.71396273,4.32459124 L8.5370047,4.1603111 C7.50440277,3.18858937 6.50190473,2.72308052 3.89180523,2.56492945 L3.28465492,2.53476334 L2.5,2.511 Z" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconFlagFilled extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconFullView.md

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

package/lib/components/Icons/IconFullView.vue

@@ -0,0 +1,30 @@
+<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(-50.000000, -9.000000)" fill="currentColor">
+                <g transform="translate(2.000000, 0.000000)">
+                    <g transform="translate(50.000000, 10.500000)">
+                        <g transform="translate(-1.714286, -1.745455)">
+                            <g fill-rule="nonzero">
+                                <path d="M23.1428571,0.436363636 L4.28571429,0.436363636 C2.15547311,0.436363636 0.428571429,2.19466353 0.428571429,4.36363636 L0.428571429,15.7090909 C0.428571429,17.8780637 2.15547311,19.6363636 4.28571429,19.6363636 L23.1428571,19.6363636 C25.2730983,19.6363636 27,17.8780637 27,15.7090909 L27,4.36363636 C27,2.19466353 25.2730983,0.436363636 23.1428571,0.436363636 Z M4.28571429,3.05454545 L23.1428571,3.05454545 C23.8529375,3.05454545 24.4285714,3.64064542 24.4285714,4.36363636 L24.4285714,15.7090909 C24.4285714,16.4320819 23.8529375,17.0181818 23.1428571,17.0181818 L4.28571429,17.0181818 C3.57563389,17.0181818 3,16.4320819 3,15.7090909 L3,4.36363636 C3,3.64064542 3.57563389,3.05454545 4.28571429,3.05454545 Z"></path>
+                            </g>
+                            <rect fill-opacity="0.8039602" x="5.14285714" y="5.23636364" width="17.1428571" height="9.6" rx="1"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconFullView extends Vue {
+    @Prop() title!: string
+}
+</script>