@pocketprep/ui-kit 2.0.40 → 3.0.0

package/lib/components/Icons/IconFullViewActive.md

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

package/lib/components/Icons/IconFullViewActive.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>icon/full view toggle active</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-50.000000, -9.000000)">
+                <g transform="translate(52.000000, 10.500000)">
+                    <g transform="translate(-1.714286, -1.745455)">
+                        <g fill="#FFCE74">
+                            <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="#FFEDCB" x="5.14285714" y="5.23636364" width="17.1428571" 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/IconHandle.md

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

package/lib/components/Icons/IconHandle.vue

@@ -0,0 +1,23 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="14px" height="7px" viewBox="0 0 14 7" 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" fill-opacity="1">
+            <g transform="translate(-16.000000, -16.000000)" fill="currentColor">
+                <g transform="translate(16.000000, 16.000000)">
+                    <path d="M13,5 C13.5522847,5 14,5.44771525 14,6 C14,6.55228475 13.5522847,7 13,7 L1,7 C0.44771525,7 6.76353751e-17,6.55228475 0,6 C-6.76353751e-17,5.44771525 0.44771525,5 1,5 L13,5 Z M13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 C14,1.55228475 13.5522847,2 13,2 L1,2 C0.44771525,2 6.76353751e-17,1.55228475 0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L13,0 Z"></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconHandle extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconHeart.md

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

package/lib/components/Icons/IconHeart.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="M13.4750698,4.00547822 C12.4173835,4.05996166 11.4663303,4.52001769 10.6341089,5.34869715 L10.4365131,5.55350184 L10.3369811,5.45450115 C9.34728798,4.50039766 8.28486211,4 7.15014342,4 C4.96813427,4 3.53019328,5.33756883 3.07187476,7.33577757 C2.7064361,8.9290423 3.7355096,11.1256156 6.13644417,14.070074 L6.57437466,14.5974772 L7.04075904,15.1405841 L7.53556964,15.6995711 C7.62040539,15.7940687 7.70642441,15.8892354 7.79362613,15.9850748 L8.33102419,16.5682131 L8.89677931,17.1676729 L9.49086383,17.7836309 C9.59223716,17.8876753 9.69478974,17.9924144 9.79852097,18.0978519 C10.172321,18.4778007 10.784224,18.4800301 11.1607826,18.102815 L11.4763559,17.7849676 L12.0852716,17.1611311 C12.2833012,16.9558079 12.4763869,16.7530987 12.6645245,16.5529778 L13.2140883,15.9603546 C13.3923252,15.7653847 13.5656095,15.5729777 13.733937,15.3831079 L14.2240446,14.8210845 C14.3032493,14.7286741 14.3812137,14.6368915 14.4579373,14.5457336 L14.9033842,14.0062577 C15.3339323,13.4742272 15.7197708,12.9644566 16.0607823,12.4762559 L16.3868472,11.9952195 C17.5794503,10.1786122 18.1127713,8.67558155 17.9801979,7.44725799 C17.659116,5.3340784 15.716403,4 13.6889823,4 L13.4750698,4.00547822 Z M13.6889823,5.9179035 C14.8435566,5.9179035 15.9207569,6.65762654 16.0787746,7.69461869 L16.0866384,7.80266675 C16.1220816,8.6943262 15.4790429,10.0619929 14.1483719,11.8502466 L13.7856358,12.3262518 C13.722578,12.407164 13.6582189,12.4888621 13.5925576,12.5713416 L13.1829585,13.0755591 C13.0412129,13.2467329 12.8942528,13.4209958 12.7420721,13.5983114 L12.2698625,14.13938 C12.1885486,14.2310722 12.1059281,14.3235186 12.0220002,14.4167145 L11.502738,14.9848474 L10.9520622,15.5707499 L10.4863786,16.0530646 L10.0539907,15.5994199 L9.53919636,15.0472816 L9.05173409,14.5117776 C8.97276631,14.4239243 8.89493604,14.3367725 8.81824265,14.2503262 L8.37171952,13.74015 L7.95244984,13.2471096 C7.88484094,13.1663754 7.81836629,13.0863635 7.75302523,13.0070781 L7.37457683,12.5401177 L7.02330331,12.0907947 L6.69917325,11.6593098 L6.40215522,11.2458635 C6.3549098,11.1784701 6.30879275,11.1118367 6.26380339,11.0459675 L6.00739448,10.6599553 C5.15729015,9.34124074 4.80392555,8.36320163 4.94123666,7.76454317 C5.21180207,6.58491341 5.9288649,5.9179035 7.15014342,5.9179035 C7.95488344,5.9179035 8.81141259,6.45889764 9.72072556,7.6464555 C10.122709,8.17144372 10.9228863,8.14165979 11.2847296,7.58824066 C12.0385581,6.43530208 12.8269744,5.9179035 13.6889823,5.9179035 Z" fill="currentColor" fill-rule="nonzero" transform="translate(10.500000, 11.192138) scale(-1, 1) translate(-10.500000, -11.192138) "></path>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconHeart extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconHelp.md

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

package/lib/components/Icons/IconHelp.vue

@@ -0,0 +1,25 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="19px" height="22px" viewBox="0 0 19 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="currentColor" fill-rule="evenodd">
+            <g transform="translate(-1477.000000, -275.000000)">
+                <g transform="translate(1454.000000, 258.000000)">
+                    <g transform="translate(20.000000, 14.000000)">
+                        <path d="M18.9980161,3 C20.6548704,3 21.9980161,4.34314575 21.9980161,6 L21.9980161,24.644525 C21.9980161,24.8373864 21.8416711,24.9937314 21.6488098,24.9937314 C21.6029698,24.9937314 21.5575784,24.9847062 21.5152251,24.9671707 L15.088,22.306 L6,22.3067944 C4.34314575,22.3067944 3,20.9636486 3,19.3067944 L3,6 C3,4.34314575 4.34314575,3 6,3 L18.9980161,3 Z M7.41492,15.1473101 C7.15617141,14.8616521 6.72668437,14.851142 6.45563386,15.1238351 C6.18458334,15.3965282 6.17461066,15.8491612 6.43335926,16.1348193 C7.9811941,17.8436264 10.3286378,18.7314621 12.8382583,18.7314621 C15.3296722,18.7314621 17.0827613,18.1312132 18.7746301,16.4147348 C19.0445925,16.1408456 19.0527631,15.6881724 18.7928795,15.4036611 C18.5329959,15.1191497 18.1034708,15.1105389 17.8335084,15.3844281 C16.4222809,16.8161829 15.0053611,17.3013292 12.8382583,17.3013292 C10.6749256,17.3013292 8.68394655,16.5483133 7.41492,15.1473101 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 IconHelp extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconHourglass.md

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

package/lib/components/Icons/IconHourglass.vue

@@ -0,0 +1,22 @@
+<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">
+                <path d="M13.25,2.5 C13.6642136,2.5 14,2.83578644 14,3.25 C14,3.66421356 13.6642136,4 13.25,4 L11.918,4 L11.9187328,8.12100907 C11.9187328,9.10979121 11.1996059,10.1515302 9.79708194,11.3355871 L9.57373285,11.521 C11.0432655,12.8250915 11.8370338,14.1031493 11.9127516,15.3848364 L11.9187328,15.5872418 L11.918,19 L13.25,19 C13.6642136,19 14,19.3357864 14,19.75 C14,20.1642136 13.6642136,20.5 13.25,20.5 L0.75,20.5 C0.335786438,20.5 5.07265313e-17,20.1642136 0,19.75 C-5.07265313e-17,19.3357864 0.335786438,19 0.75,19 L2.249,19 L2.25,15.5872418 L2.25598124,15.3848364 C2.33169905,14.1031493 3.12546736,12.8250915 4.595,11.521 L4.595,11.521 L4.3716509,11.3355871 C2.96912698,10.1515302 2.25,9.10979121 2.25,8.12100907 L2.25,8.12100907 L2.249,4 L0.75,4 C0.335786438,4 5.07265313e-17,3.66421356 0,3.25 C-5.07265313e-17,2.83578644 0.335786438,2.5 0.75,2.5 L13.25,2.5 Z M10.418,4 L3.749,4 L3.75,8.12100907 L3.75501854,8.19937848 C3.82531982,8.76608747 4.63509704,9.71119388 6.23947484,10.8968306 C6.63853491,11.1917363 6.64635463,11.785925 6.25519353,12.0912303 C4.5565572,13.4170338 3.75,14.5970304 3.75,15.5872418 L3.75,15.5872418 L3.749,19 L10.418,19 L10.4187328,15.5872418 C10.4187328,14.5970304 9.61217565,13.4170338 7.91353932,12.0912303 C7.52237822,11.785925 7.53019794,11.1917363 7.92925801,10.8968306 C9.53363581,9.71119388 10.343413,8.76608747 10.4137143,8.19937848 L10.4187328,8.12100907 L10.418,4 Z M7.7929423,14.75 C8.57586259,14.75 9.25,15.9444137 9.25,16.3367596 L9.25,16.3367596 L9.25,18.1491712 L4.75,18.1491712 L4.75,18.1491712 L4.75,16.8206656 C4.75,15.9704161 6.0585468,14.75 7.7929423,14.75 Z"></path>
+            </g>
+            <g transform="translate(-620.000000, -648.000000)"></g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconHourglass extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconImage.md

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

package/lib/components/Icons/IconImage.vue

@@ -0,0 +1,21 @@
+<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">
+            <rect stroke="currentColor" stroke-width="1.75" x="3" y="4" width="16" height="13" rx="2"></rect>
+            <polyline stroke="currentColor" stroke-width="1.5" fill="#FFFFFF" stroke-linejoin="round" points="3.5 15.2517627 8.13771608 9.5 11.5 13.5 14.5 11.5 18.5 15.2517627"></polyline>
+            <circle stroke="currentColor" fill="#FFFFFF" cx="13.5" cy="8" r="1.5"></circle>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconImage extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconIncorrect.md

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

package/lib/components/Icons/IconIncorrect.vue

@@ -0,0 +1,21 @@
+<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(10.788582, 11.081475) rotate(45.000000) translate(-10.788582, -11.081475) translate(1.788582, 2.081475)" fill="currentColor">
+                <path d="M9,9.09494702e-13 C9.51283584,9.09494702e-13 9.93550716,0.38604019 9.99327227,0.883378875 L10,1 L9.999,8 L17,8 C17.5522847,8 18,8.44771525 18,9 C18,9.51283584 17.6139598,9.93550716 17.1166211,9.99327227 L17,10 L9.999,10 L10,17 C10,17.5522847 9.55228475,18 9,18 C8.48716416,18 8.06449284,17.6139598 8.00672773,17.1166211 L8,17 L7.999,10 L1,10 C0.44771525,10 -2.72845669e-12,9.55228475 -2.72842287e-12,9 C-2.72839147e-12,8.48716416 0.38604019,8.06449284 0.883378875,8.00672773 L1,8 L7.999,8 L8,1 C8,0.44771525 8.44771525,9.09494702e-13 9,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 IconIncorrect extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconInfo.md

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

package/lib/components/Icons/IconInfo.vue

@@ -0,0 +1,24 @@
+<template>
+    <!-- eslint-disable -->
+    <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">
+        <title>{{ title }}</title>
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-466.000000, -785.000000)"></g>
+            <g fill="currentColor" fill-rule="nonzero">
+                <g>
+                    <path d="M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M8,1.5 C4.41014913,1.5 1.5,4.41014913 1.5,8 C1.5,11.5898509 4.41014913,14.5 8,14.5 C11.5898509,14.5 14.5,11.5898509 14.5,8 C14.5,4.41014913 11.5898509,1.5 8,1.5 Z M8.07758621,6.14335664 C8.40517241,6.14335664 8.63362069,6.20839161 8.76293103,6.33846154 C8.89224138,6.46853147 8.92672414,6.68041958 8.86637931,6.97412587 L8.18103448,10.851049 C8.12931034,11.1195804 8.14008621,11.2916084 8.21336207,11.3671329 C8.28663793,11.4426573 8.375,11.4804196 8.47844828,11.4804196 C8.59051724,11.4804196 8.67887931,11.4657343 8.74353448,11.4363636 C8.80818966,11.406993 8.875,11.3923077 8.94396552,11.3923077 C9.03017241,11.3923077 9.09913793,11.4174825 9.15086207,11.4678322 C9.20258621,11.5181818 9.22844828,11.5937063 9.22844828,11.6944056 C9.22844828,11.8034965 9.19396552,11.9062937 9.125,12.0027972 C9.05603448,12.0993007 8.95905172,12.1832168 8.83405172,12.2545455 C8.70905172,12.3258741 8.56034483,12.3846154 8.38793103,12.4307692 C8.21551724,12.4769231 8.03017241,12.5 7.83189655,12.5 C7.625,12.5 7.44396552,12.4748252 7.2887931,12.4244755 C7.13362069,12.3741259 7.01077586,12.2923077 6.92025862,12.179021 C6.82974138,12.0657343 6.76724138,11.9188811 6.73275862,11.7384615 C6.69827586,11.558042 6.70689655,11.3335664 6.75862069,11.065035 L7.41810345,7.25104895 L6.8362069,7.13776224 C6.72413793,7.11258741 6.64008621,7.07482517 6.58405172,7.02447552 C6.52801724,6.97412587 6.5,6.9027972 6.5,6.81048951 C6.5,6.68461538 6.53663793,6.57972028 6.60991379,6.4958042 C6.68318966,6.41188811 6.81034483,6.34055944 6.99137931,6.28181818 C7.1637931,6.23146853 7.34267241,6.1958042 7.52801724,6.17482517 C7.71336207,6.15384615 7.89655172,6.14335664 8.07758621,6.14335664 Z M8.63362069,3.5 C8.89224138,3.5 9.1012931,3.57762238 9.26077586,3.73286713 C9.42025862,3.88811189 9.5,4.09160839 9.5,4.34335664 C9.5,4.62027972 9.40732759,4.84895105 9.22198276,5.02937063 C9.03663793,5.20979021 8.80603448,5.3 8.53017241,5.3 C8.27155172,5.3 8.06034483,5.22237762 7.89655172,5.06713287 C7.73275862,4.91188811 7.65086207,4.70839161 7.65086207,4.45664336 C7.65086207,4.17972028 7.74353448,3.95104895 7.92887931,3.77062937 C8.11422414,3.59020979 8.34913793,3.5 8.63362069,3.5 Z"></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconInfo extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconKeyboard.md

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

package/lib/components/Icons/IconKeyboard.vue

@@ -0,0 +1,25 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="32px" height="20px" viewBox="0 0 32 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(-1275.000000, -10.000000)" fill="currentColor" fill-rule="nonzero">
+                <g transform="translate(1276.000000, 12.000000)">
+                    <g transform="translate(-0.769231, -1.538462)">
+                        <path d="M27.6923077,0.384615385 C29.6040626,0.384615385 31.1538462,1.93439894 31.1538462,3.84615385 L31.1538462,3.84615385 L31.1538462,15.3846154 C31.1538462,17.2963703 29.6040626,18.8461538 27.6923077,18.8461538 L27.6923077,18.8461538 L3.84615385,18.8461538 C1.93439894,18.8461538 0.384615385,17.2963703 0.384615385,15.3846154 L0.384615385,15.3846154 L0.384615385,3.84615385 C0.384615385,1.93439894 1.93439894,0.384615385 3.84615385,0.384615385 L3.84615385,0.384615385 Z M27.6923077,2.69230769 L3.84615385,2.69230769 C3.20890221,2.69230769 2.69230769,3.20890221 2.69230769,3.84615385 L2.69230769,3.84615385 L2.69230769,15.3846154 C2.69230769,16.021867 3.20890221,16.5384615 3.84615385,16.5384615 L3.84615385,16.5384615 L27.6923077,16.5384615 C28.3295593,16.5384615 28.8461538,16.021867 28.8461538,15.3846154 L28.8461538,15.3846154 L28.8461538,3.84615385 C28.8461538,3.20890221 28.3295593,2.69230769 27.6923077,2.69230769 L27.6923077,2.69230769 Z M7.46153846,12.3076923 C8.01382321,12.3076923 8.46153846,12.7554076 8.46153846,13.3076923 L8.46153846,13.6153846 C8.46153846,14.1676694 8.01382321,14.6153846 7.46153846,14.6153846 L5.61538462,14.6153846 C5.06309987,14.6153846 4.61538462,14.1676694 4.61538462,13.6153846 L4.61538462,13.3076923 C4.61538462,12.7554076 5.06309987,12.3076923 5.61538462,12.3076923 L7.46153846,12.3076923 Z M21.3076923,12.3076923 C21.8599771,12.3076923 22.3076923,12.7554076 22.3076923,13.3076923 L22.3076923,13.6153846 C22.3076923,14.1676694 21.8599771,14.6153846 21.3076923,14.6153846 L10.2307692,14.6153846 C9.67848448,14.6153846 9.23076923,14.1676694 9.23076923,13.6153846 L9.23076923,13.3076923 C9.23076923,12.7554076 9.67848448,12.3076923 10.2307692,12.3076923 L21.3076923,12.3076923 Z M25.9230769,12.3076923 C26.4753617,12.3076923 26.9230769,12.7554076 26.9230769,13.3076923 L26.9230769,13.6153846 C26.9230769,14.1676694 26.4753617,14.6153846 25.9230769,14.6153846 L24.0769231,14.6153846 C23.5246383,14.6153846 23.0769231,14.1676694 23.0769231,13.6153846 L23.0769231,13.3076923 C23.0769231,12.7554076 23.5246383,12.3076923 24.0769231,12.3076923 L25.9230769,12.3076923 Z M7.46153846,8.46153846 C8.01382321,8.46153846 8.46153846,8.90925371 8.46153846,9.46153846 L8.46153846,9.76923077 C8.46153846,10.3215155 8.01382321,10.7692308 7.46153846,10.7692308 L5.61538462,10.7692308 C5.06309987,10.7692308 4.61538462,10.3215155 4.61538462,9.76923077 L4.61538462,9.46153846 C4.61538462,8.90925371 5.06309987,8.46153846 5.61538462,8.46153846 L7.46153846,8.46153846 Z M16.6923077,8.46153846 C17.2445924,8.46153846 17.6923077,8.90925371 17.6923077,9.46153846 L17.6923077,9.76923077 C17.6923077,10.3215155 17.2445924,10.7692308 16.6923077,10.7692308 L14.8461538,10.7692308 C14.2938691,10.7692308 13.8461538,10.3215155 13.8461538,9.76923077 L13.8461538,9.46153846 C13.8461538,8.90925371 14.2938691,8.46153846 14.8461538,8.46153846 L16.6923077,8.46153846 Z M12.0769231,8.46153846 C12.6292078,8.46153846 13.0769231,8.90925371 13.0769231,9.46153846 L13.0769231,9.76923077 C13.0769231,10.3215155 12.6292078,10.7692308 12.0769231,10.7692308 L10.2307692,10.7692308 C9.67848448,10.7692308 9.23076923,10.3215155 9.23076923,9.76923077 L9.23076923,9.46153846 C9.23076923,8.90925371 9.67848448,8.46153846 10.2307692,8.46153846 L12.0769231,8.46153846 Z M21.3076923,8.46153846 C21.8599771,8.46153846 22.3076923,8.90925371 22.3076923,9.46153846 L22.3076923,9.76923077 C22.3076923,10.3215155 21.8599771,10.7692308 21.3076923,10.7692308 L19.4615385,10.7692308 C18.9092537,10.7692308 18.4615385,10.3215155 18.4615385,9.76923077 L18.4615385,9.46153846 C18.4615385,8.90925371 18.9092537,8.46153846 19.4615385,8.46153846 L21.3076923,8.46153846 Z M25.9230769,8.46153846 C26.4753617,8.46153846 26.9230769,8.90925371 26.9230769,9.46153846 L26.9230769,9.76923077 C26.9230769,10.3215155 26.4753617,10.7692308 25.9230769,10.7692308 L24.0769231,10.7692308 C23.5246383,10.7692308 23.0769231,10.3215155 23.0769231,9.76923077 L23.0769231,9.46153846 C23.0769231,8.90925371 23.5246383,8.46153846 24.0769231,8.46153846 L25.9230769,8.46153846 Z M7.46153846,4.61538462 C8.01382321,4.61538462 8.46153846,5.06309987 8.46153846,5.61538462 L8.46153846,5.92307692 C8.46153846,6.47536167 8.01382321,6.92307692 7.46153846,6.92307692 L5.61538462,6.92307692 C5.06309987,6.92307692 4.61538462,6.47536167 4.61538462,5.92307692 L4.61538462,5.61538462 C4.61538462,5.06309987 5.06309987,4.61538462 5.61538462,4.61538462 L7.46153846,4.61538462 Z M16.6923077,4.61538462 C17.2445924,4.61538462 17.6923077,5.06309987 17.6923077,5.61538462 L17.6923077,5.92307692 C17.6923077,6.47536167 17.2445924,6.92307692 16.6923077,6.92307692 L14.8461538,6.92307692 C14.2938691,6.92307692 13.8461538,6.47536167 13.8461538,5.92307692 L13.8461538,5.61538462 C13.8461538,5.06309987 14.2938691,4.61538462 14.8461538,4.61538462 L16.6923077,4.61538462 Z M12.0769231,4.61538462 C12.6292078,4.61538462 13.0769231,5.06309987 13.0769231,5.61538462 L13.0769231,5.92307692 C13.0769231,6.47536167 12.6292078,6.92307692 12.0769231,6.92307692 L10.2307692,6.92307692 C9.67848448,6.92307692 9.23076923,6.47536167 9.23076923,5.92307692 L9.23076923,5.61538462 C9.23076923,5.06309987 9.67848448,4.61538462 10.2307692,4.61538462 L12.0769231,4.61538462 Z M21.3076923,4.61538462 C21.8599771,4.61538462 22.3076923,5.06309987 22.3076923,5.61538462 L22.3076923,5.92307692 C22.3076923,6.47536167 21.8599771,6.92307692 21.3076923,6.92307692 L19.4615385,6.92307692 C18.9092537,6.92307692 18.4615385,6.47536167 18.4615385,5.92307692 L18.4615385,5.61538462 C18.4615385,5.06309987 18.9092537,4.61538462 19.4615385,4.61538462 L21.3076923,4.61538462 Z M25.9230769,4.61538462 C26.4753617,4.61538462 26.9230769,5.06309987 26.9230769,5.61538462 L26.9230769,5.92307692 C26.9230769,6.47536167 26.4753617,6.92307692 25.9230769,6.92307692 L24.0769231,6.92307692 C23.5246383,6.92307692 23.0769231,6.47536167 23.0769231,5.92307692 L23.0769231,5.61538462 C23.0769231,5.06309987 23.5246383,4.61538462 24.0769231,4.61538462 L25.9230769,4.61538462 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconKeyboard extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconLaunch.md

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

package/lib/components/Icons/IconLaunch.vue

@@ -0,0 +1,25 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="18px" height="18px" viewBox="0 0 18 18" 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(-2.9999999999972715 -3.0)">
+                    <g transform="translate(20.49999999999989 3.5) rotate(90.0)">
+                        <path d="M14.5715538,1.31450406e-13 C15.9127476,1.31450406e-13 17,1.39537923 17,3.11666673 L17,13.8833333 C17,15.6046208 15.9127476,17 14.5715538,17 L2.42932329,17 C1.0881295,17 0.000877109977,15.6046208 0.000877109977,13.8833333 L0,12.003 L1.799,12.003 L1.8,14.1577777 C1.8,14.6854142 2.08458103,15.1214734 2.45380565,15.1904857 L2.55645166,15.2 L14.4435483,15.2 C14.8265103,15.2 15.1430049,14.8079106 15.1930945,14.2992011 L15.2,14.1577777 L15.2,2.84222229 C15.2,2.31458577 14.915419,1.87852664 14.5461943,1.80951426 L14.4435483,1.8 L11.99,1.8 L11.9903414,0.00326228683 L7.548,0.003 L7.61289409,0.0070122777 C8.05666333,0.0625482213 8.4,0.441178823 8.4,0.9 C8.4,1.39705627 7.99705627,1.8 7.5,1.8 L3.084,1.799 L10.2752309,8.99081169 C10.6267027,9.34228355 10.6267027,9.91213203 10.2752309,10.2636039 C9.92375901,10.6150758 9.35391052,10.6150758 9.00243866,10.2636039 L1.8,3.061 L1.8,7.6 C1.8,8.09705627 1.39705627,8.5 0.9,8.5 C0.402943725,8.5 6.1598335e-16,8.09705627 0,7.6 L0,1.30562228e-13 L14.5715538,1.31450406e-13 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLaunch extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconLightning.md

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

package/lib/components/Icons/IconLightning.vue

@@ -0,0 +1,21 @@
+<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">
+                <path d="M1.37547683,12.4460547 L1.32865343,12.5497516 C1.02679831,13.3151938 1.62839676,14.1745813 2.47939441,14.0704094 L5.735,14.075 L5.70237179,21.5861106 C5.70236459,22.8336934 7.40386925,23.2182172 7.90020737,22.0516736 L13.5738775,9.76154888 L13.6141444,9.64018332 C13.8281279,8.87358237 13.2723087,8.15756019 12.5140709,8.15756019 L9.441,8.248 L9.44106295,1.38615136 C9.44106295,0.221245906 7.87778867,-0.172208243 7.30997143,0.793096665 L1.37547683,12.4460547 Z M7.941,2.853 L7.94106295,8.60400557 L7.94777254,8.73263562 C8.00988228,9.3224277 8.4959845,9.75874506 9.10436111,9.75874506 L11.963,9.674 L7.209,19.97 L7.2367989,13.7339927 L7.23006818,13.6102075 C7.167762,13.0395808 6.68019876,12.5759663 6.07350794,12.5759663 L2.992,12.575 L7.941,2.853 Z"></path>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLightning extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconList.md

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

package/lib/components/Icons/IconList.vue

@@ -0,0 +1,26 @@
+<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">
+            <g fill="currentColor" transform="translate(2.250000, 4.000000)">
+                <circle cx="1" cy="1" r="1"></circle>
+                <circle cx="1" cy="6.5" r="1"></circle>
+                <circle cx="1" cy="12" r="1"></circle>
+                <path d="M16.5,0 C17.0522847,0 17.5,0.44771525 17.5,1 C17.5,1.51283584 17.1139598,1.93550716 16.6166211,1.99327227 L16.5,2 L5.5,2 C4.94771525,2 4.5,1.55228475 4.5,1 C4.5,0.487164161 4.88604019,0.0644928393 5.38337887,0.00672773133 L5.5,0 L16.5,0 Z" fill-rule="nonzero"></path>
+                <path d="M16.5,5.5 C17.0522847,5.5 17.5,5.94771525 17.5,6.5 C17.5,7.01283584 17.1139598,7.43550716 16.6166211,7.49327227 L16.5,7.5 L5.5,7.5 C4.94771525,7.5 4.5,7.05228475 4.5,6.5 C4.5,5.98716416 4.88604019,5.56449284 5.38337887,5.50672773 L5.5,5.5 L16.5,5.5 Z" fill-rule="nonzero"></path>
+                <path d="M16.5,11 C17.0522847,11 17.5,11.4477153 17.5,12 C17.5,12.5128358 17.1139598,12.9355072 16.6166211,12.9932723 L16.5,13 L5.5,13 C4.94771525,13 4.5,12.5522847 4.5,12 C4.5,11.4871642 4.88604019,11.0644928 5.38337887,11.0067277 L5.5,11 L16.5,11 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 IconList extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconLoading.md

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

package/lib/components/Icons/IconLoading.vue

@@ -0,0 +1,65 @@
+<template>
+    <!-- eslint-disable -->
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: none; display: block; shape-rendering: auto;" width="24px" height="24px" viewBox="20 20 60 60" preserveAspectRatio="xMidYMid">
+        <title>{{ title }}</title>
+        <g transform="rotate(0 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(30 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(60 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(90 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(120 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(150 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(180 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(210 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(240 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(270 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(300 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
+        </rect>
+        </g><g transform="rotate(330 50 50)">
+        <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
+            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
+        </rect>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLoading extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconLoading2.md

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

package/lib/components/Icons/IconLoading2.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="uikit-loading__container">
+        <div class="uikit-loading" :class="{ 'uikit-loading--dark': isDarkMode }" />
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLoading2 extends Vue {
+    @Prop() title!: string
+    @Prop({ default: false }) isDarkMode!: boolean
+}
+</script>
+
+<style lang="scss">
+@import '../../styles/colors';
+
+.uikit-loading {
+    height: 100%;
+    width: 100%;
+    border: 2px $brand-blue solid;
+    border-top: 2px rgba($brand-blue, 0.25) solid;
+    border-radius: 100%;
+    box-sizing: border-box;
+    animation: spin 1s infinite linear;
+
+    &--dark {
+        border-color: $banana-bread;
+        border-top-color: rgba($banana-bread, 0.25);
+    }
+
+    &__container {
+        position: relative;
+        width: 23px;
+        height: 23px;
+    }
+}
+
+@keyframes spin {
+    from {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+</style>

package/lib/components/Icons/IconLock.md

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

package/lib/components/Icons/IconLock.vue

@@ -0,0 +1,23 @@
+<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(3.500000, 2.400000)" fill="currentColor" fill-rule="nonzero">
+                <g>
+                    <path d="M7,0 C9.48528137,0 11.5,2.01471863 11.5,4.5 L11.5,4.9 C12.8807119,4.9 14,6.01928813 14,7.4 L14,13.4 C14,14.7807119 12.8807119,15.9 11.5,15.9 L2.5,15.9 C1.11928813,15.9 0,14.7807119 0,13.4 L0,7.4 C0,6.01928813 1.11928813,4.9 2.5,4.9 L2.5,4.5 C2.5,2.01471863 4.51471863,0 7,0 Z M11.5,6.7 L2.5,6.7 C2.14561729,6.7 1.85274177,6.96334362 1.80639017,7.30501415 L1.8,7.4 L1.8,13.4 C1.8,13.7543827 2.06334362,14.0472582 2.40501415,14.0936098 L2.5,14.1 L11.5,14.1 C11.8543827,14.1 12.1472582,13.8366564 12.1936098,13.4949859 L12.2,13.4 L12.2,7.4 C12.2,7.04561729 11.9366564,6.75274177 11.5949859,6.70639017 L11.5,6.7 Z M7,8.1 C7.82842712,8.1 8.5,8.77157288 8.5,9.6 C8.5,10.1890604 8.16044963,10.6988146 7.66639778,10.9442137 L7.66666667,12.1833333 C7.66666667,12.5515232 7.36818983,12.85 7,12.85 C6.63181017,12.85 6.33333333,12.5515232 6.33333333,12.1833333 L6.33360222,10.9442137 C5.83955037,10.6988146 5.5,10.1890604 5.5,9.6 C5.5,8.77157288 6.17157288,8.1 7,8.1 Z M7,1.8 C5.56618382,1.8 4.39340467,2.91763237 4.30531192,4.32924775 L4.3,4.5 L4.299,4.899 L9.7,4.899 L9.7,4.5 C9.7,3.06618382 8.58236763,1.89340467 7.17075225,1.80531192 L7,1.8 Z"></path>
+                </g>
+            </g>
+        </g>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLock extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconMissedQuestions.md

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