@milaboratories/uikit 2.2.52 → 2.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.52",
+  "version": "2.2.53",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",

package/src/components/PlSplash/PlSplash.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import style from './pl-splash.module.scss';
+import { PlLoaderCircular } from '@/components/PlLoaderCircular';
+
+withDefaults(defineProps<{
+  /**
+   * Optional string that sets size for PlLoaderCircular.
+   */
+  size?: '16' | '24' | '48' | string;
+  /**
+   * Optional string that sets text that will be shown below the PlLoaderCircular.
+   */
+  text?: string;
+
+}>(), { size: '48', text: 'Loading' });
+</script>
+
+<template>
+  <div :class="style.container">
+    <PlLoaderCircular :size="size" />
+    <h3 :class="style.text">{{ text }}</h3>
+  </div>
+</template>

package/src/components/PlSplash/index.ts

@@ -0,0 +1 @@
+export { default as PlSplash } from './PlSplash.vue';

package/src/components/PlSplash/pl-splash.module.scss

@@ -0,0 +1,9 @@
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+.text {
+    margin-top: 24px;
+    color: var(--txt-mask);
+  }

package/src/index.ts

@@ -51,6 +51,7 @@ export * from './components/PlSectionSeparator';
 export * from './components/PlAccordion';
 export * from './components/PlStatusTag';
 export * from './components/PlLoaderCircular';
+export * from './components/PlSplash';
 export * from './components/PlProgressCell';
 
 export * from './components/PlFileDialog';