@pocketprep/ui-kit 3.1.6 → 3.2.1

package/lib/components/Toasts/Toast.md

@@ -1,35 +0,0 @@
-```vue
-<template>
-    <div>
-        <Button @click="isDarkMode = !isDarkMode">{{ isDarkMode ? 'Disable' : 'Enable' }} Dark Mode</Button>
-        <Button @click="showToast1 = !showToast1">{{ showToast1 ? 'Hide' : 'Show' }} Toast 1</Button>
-        <Button @click="showToast2 = !showToast2">{{ showToast2 ? 'Hide' : 'Show' }} Toast 1</Button>
-        <Toast @close="showToast1 = false" :isDarkMode="isDarkMode" v-if="showToast1">
-            ATI TEAS exam added.
-        </Toast>
-        <Toast @close="showToast2 = false" :isDarkMode="isDarkMode" v-if="showToast2">
-            ATI TEAS exam added.
-            <template #subtext>
-                Edit and remove exams in Settings > Your Exams.
-            </template>
-        </Toast>
-    </div>
-</template>
-
-<script>
-import Button from '../Buttons/Button.vue'
-
-export default {
-    components: {
-        Button
-    },
-    data() {
-        return {
-            isDarkMode: false,
-            showToast1: false,
-            showToast2: false
-        }
-    }
-}
-</script>
-```

package/lib/components/Tooltips/OverflowTooltip.md

@@ -1,14 +0,0 @@
-```vue
-<template>
-    <div class="overflow-tooltip">
-        <OverflowTooltip>
-            Test overflow text
-        </OverflowTooltip>
-    </div>
-</template>
-<style>
-.overflow-tooltip {
-    width: 100px;
-}
-</style>
-```

package/lib/components/Tooltips/Tooltip.md

@@ -1,72 +0,0 @@
-```vue
-<template>
-    <div>
-        <Button @click="isDarkMode = !isDarkMode">{{ isDarkMode ? 'Disable' : 'Enable' }} Dark Mode</Button>
-        <div class="tooltips" :class="{ dark: isDarkMode }">
-            <div class="tooltip-container">
-                <Tooltip :isDarkMode="isDarkMode" v-if="showTooltip1">Regular Tooltip</Tooltip>
-                <Button @mouseover="showTooltip1 = true" @mouseout="showTooltip1 = false">Tooltip Regular</Button>
-            </div>
-            <div class="tooltip-container">
-                <Tooltip :isDarkMode="isDarkMode" theme="leftalign" v-if="showTooltip2">Left Aligned Tooltip</Tooltip>
-                <Button @mouseover="showTooltip2 = true" @mouseout="showTooltip2 = false">Tooltip Left</Button>
-            </div>
-            <div class="tooltip-container">
-                <Tooltip :isDarkMode="isDarkMode" theme="rightalign" v-if="showTooltip3">Right Aligned Tooltip</Tooltip>
-                <Button @mouseover="showTooltip3 = true" @mouseout="showTooltip3 = false">Tooltip Right</Button>
-            </div>
-            <div class="tooltip-container">
-                <Tooltip
-                    v-if="showTooltip4"
-                    :styles="{
-                        backgroundColor: '#14ca9e',
-                        color: '#1f3545'
-                    }"
-                >Custom Style Tooltip</Tooltip>
-                <Button @mouseover="showTooltip4 = true" @mouseout="showTooltip4 = false">Tooltip Custom</Button>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import Button from '../Buttons/Button.vue'
-
-export default {
-    components: {
-        Button
-    },
-    data () {
-        return {
-            isDarkMode: false,
-            showTooltip1: false,
-            showTooltip2: false,
-            showTooltip3: false,
-            showTooltip4: false,
-        }
-    },
-}
-</script>
-
-<style>
-.tooltips {
-    padding: 30px;
-}
-
-.dark {
-    background-color: #1f3545;
-}
-
-.tooltip-container {
-    position: relative;
-    display: inline-block;
-    margin: 0 10px;
-}
-
-.uikit-tooltip {
-    position: absolute;
-    left: 50%;
-    top: -100%;
-}
-</style>
-```