@datagouv/components-next 0.0.25 → 0.0.26

package/dist/{vue3-xml-viewer.common-BZLPbkUq.js → vue3-xml-viewer.common-YFdchaJI.js}

@@ -1,4 +1,4 @@
-import { g as Ke } from "./main-qCXX5fcf.js";
+import { g as Ke } from "./main-GTyyeszt.js";
 import We from "vue";
 function Fe(I, K) {
   for (var V = 0; V < K.length; V++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datagouv/components-next",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "private": false,
   "type": "module",
   "main": "./src/main.ts",

package/src/components/AnimatedLoader.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { RiLoader5Line } from '@remixicon/vue'
+
+withDefaults(defineProps<{
+  color?: 'primary' | 'white'
+}>(), {
+  color: 'primary',
+})
+</script>
+
+<template>
+  <RiLoader5Line
+    class=" text-7xl animate-spin"
+    :class="{
+      'text-primary': color === 'primary',
+      'text-white': color === 'white',
+    }"
+  />
+</template>

package/src/components/BrandedButton.vue

@@ -11,7 +11,7 @@
     :target="newTab ? '_blank' : undefined"
     :type
   >
-    <AdminLoader
+    <AnimatedLoader
       v-if="loading"
       size="16"
       :color="color === 'primary' ? 'white' : 'primary'"
@@ -51,6 +51,7 @@ import { RiExternalLinkLine } from '@remixicon/vue'
 import type { RouteLocation } from 'vue-router'
 import AppLink from './AppLink.vue'
 import { bannerActionTypeKey } from './BannerAction.vue'
+import AnimatedLoader from './AnimatedLoader.vue'
 
 type ColorType = 'primary' | 'primary-soft' | 'primary-softer' | 'secondary' | 'secondary-softer' | 'warning' | 'danger' | 'tertiary'
 

package/src/main.ts

@@ -16,6 +16,7 @@ import type { Site } from './types/site'
 import type { Weight, WellType } from './types/ui'
 import type { User } from './types/users'
 
+import AnimatedLoader from './components/AnimatedLoader.vue'
 import AppLink from './components/AppLink.vue'
 import Avatar from './components/Avatar.vue'
 import AvatarWithName from './components/AvatarWithName.vue'
@@ -123,6 +124,7 @@ const datagouv: Plugin<PluginConfig> = {
 export {
   datagouv,
   useComponentsConfig,
+  AnimatedLoader,
   AppLink,
   Avatar,
   AvatarWithName,

package/dist/Swagger.client-CzgEk61z.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./main-qCXX5fcf.js";
-export {
-  f as default
-};