Merge pull request #582 from add2cal/dev

Dev
add2cal · Apr 4, 2024 · 08dc52d · 08dc52d
2 parents ad90f8f + df643c1
commit 08dc52d
Show file tree

Hide file tree

Showing 39 changed files with 312 additions and 345 deletions.
diff --git a/assets/css/atcb-3d.css b/assets/css/atcb-3d.css
@@ -5,7 +5,7 @@
  *
  * Style: 3D
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -431,7 +431,6 @@
 .atcb-list-item:focus-visible {
   background-color: var(--list-hover-background);
   color: var(--accent-color);
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb-3d.min.css b/assets/css/atcb-3d.min.css
diff --git a/assets/css/atcb-date.css b/assets/css/atcb-date.css
@@ -5,7 +5,7 @@
  *
  * Style: Date
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -244,7 +244,7 @@
 }
 
 .atcb-date-btn-left {
-  border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
+  border-radius: calc(var(--btn-border-radius) + 3px) 0 0 calc(var(--btn-border-radius) + 3px);
   align-self: stretch;
   background-color: var(--date-btn-cal-background);
   color: var(--date-btn-hover-background);
@@ -257,7 +257,7 @@
 }
 
 .atcb-rtl .atcb-date-btn-left {
-  border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
+  border-radius: 0 calc(var(--btn-border-radius) + 3px) calc(var(--btn-border-radius) + 3px) 0;
 }
 
 .atcb-button:hover .atcb-date-btn-left,
@@ -495,7 +495,6 @@
 .atcb-list-item:focus-visible {
   background-color: var(--list-hover-background);
   color: var(--accent-color);
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb-date.min.css b/assets/css/atcb-date.min.css
diff --git a/assets/css/atcb-flat.css b/assets/css/atcb-flat.css
@@ -5,7 +5,7 @@
  *
  * Style: Flat
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -394,7 +394,6 @@
 .atcb-list-item:focus-visible {
   background-color: var(--list-hover-background);
   color: var(--accent-color);
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb-flat.min.css b/assets/css/atcb-flat.min.css
diff --git a/assets/css/atcb-neumorphism.css b/assets/css/atcb-neumorphism.css
@@ -5,7 +5,7 @@
  *
  * Style: Neumorphism
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -371,7 +371,6 @@
   margin: -0.2em;
   position: relative;
   z-index: 15000010;
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb-neumorphism.min.css b/assets/css/atcb-neumorphism.min.css
diff --git a/assets/css/atcb-round.css b/assets/css/atcb-round.css
@@ -5,7 +5,7 @@
  *
  * Style: Round
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -457,7 +457,6 @@
 .atcb-list-item:focus-visible {
   background-color: var(--list-hover-background);
   color: var(--accent-color);
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb-round.min.css b/assets/css/atcb-round.min.css
diff --git a/assets/css/atcb-text.css b/assets/css/atcb-text.css
@@ -5,7 +5,7 @@
  *
  * Style: Text
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -463,7 +463,6 @@
 .atcb-list-item:focus-visible {
   background-color: var(--list-hover-background);
   color: var(--accent-color);
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb-text.min.css b/assets/css/atcb-text.min.css
diff --git a/assets/css/atcb.css b/assets/css/atcb.css
@@ -5,7 +5,7 @@
  *
  * Style: Default
  *
- * Version: 2.6.9
+ * Version: 2.6.10
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -369,7 +369,6 @@
 .atcb-list-item:focus-visible {
   background-color: var(--list-hover-background);
   color: var(--accent-color);
-  font-weight: 600;
   outline: none;
 }
 

diff --git a/assets/css/atcb.min.css b/assets/css/atcb.min.css
diff --git a/demo/components/footer.vue b/demo/components/footer.vue
@@ -71,7 +71,7 @@ function topFunction() {
             </span>
             <div class="mt-6 text-xs sm:mt-5 md:mt-3">
               <span class="font-semibold text-zinc-500 dark:text-zinc-400"> &copy; {{new Date().getFullYear()}} </span>
-              <span class="lowercase text-zinc-400 dark:text-zinc-500"> , Current Version: 2.6.9 </span>
+              <span class="lowercase text-zinc-400 dark:text-zinc-500"> , Current Version: 2.6.10 </span>
             </div>
           </div>
           <div class="hidden self-center sm:block">

diff --git a/demo/components/hero.vue b/demo/components/hero.vue
@@ -56,14 +56,12 @@ const localePath = useLocalePath();
       </div>
     </div>
     <div>
-      <DelayHydration>
-        <ClientOnly>
-          <StatsBar />
-          <template #fallback>
-            <StatsBarPlaceholder />
-          </template>
-        </ClientOnly>
-      </DelayHydration>
+      <ClientOnly>
+        <StatsBar />
+        <template #fallback>
+          <StatsBarPlaceholder />
+        </template>
+      </ClientOnly>
     </div>
   </div>
   <div :class="view.atTopOfPage ? 'top-[-80px]' : 'top-0'" class="fixed z-50 w-full bg-gradient-to-tr from-primary to-primary-light py-3 shadow-xl transition-all dark:from-primary-darkest dark:to-primary-darker lg:hidden">

diff --git a/demo/components/integration/integrationGuidesOverview.vue b/demo/components/integration/integrationGuidesOverview.vue
@@ -31,7 +31,7 @@ const localePath = useLocalePath();
           <NextJS class="self-center p-4 group-hover:drop-shadow-light-xl" />
           <div class="self-center p-4 pt-0">Next.js</div>
         </NuxtLink>
-        <NuxtLink class="tech-stack-button hover:border-nuxt hover:from-nuxt hover:to-nuxt dark:hover:border-nuxt dark:hover:from-nuxt dark:hover:to-nuxt group h-32 w-32 hover:text-white dark:hover:text-white xs:h-36 xs:w-40" :to="localePath('use-with-nuxt')">
+        <NuxtLink class="tech-stack-button group h-32 w-32 hover:border-nuxt hover:from-nuxt hover:to-nuxt hover:text-white dark:hover:border-nuxt dark:hover:from-nuxt dark:hover:to-nuxt dark:hover:text-white xs:h-36 xs:w-40" :to="localePath('use-with-nuxt')">
           <Nuxt class="self-center p-4" />
           <div class="self-center p-4 pt-0">Nuxt 3</div>
         </NuxtLink>

diff --git a/demo/components/playground/attrs/layoutAttrs.vue b/demo/components/playground/attrs/layoutAttrs.vue
@@ -78,7 +78,7 @@ function onHideTextOptionsUpdate(options: string[]) {
   <div class="grid">
     <Select v-model="internalValue[LayoutAttrsKey.OPTIONS]" multiselect :label="t(`labels.inputs.${[LayoutAttrsKey.OPTIONS]}`.toLocaleLowerCase())" :options="Object.values(Option)" class="mb-3 border-b border-zinc-400 pb-4 dark:border-zinc-600" />
 
-    <div class="mb-3 flex items-center justify-between">
+    <div class="z-0 mb-3 flex items-center justify-between">
       <Select v-model="internalValue[LayoutAttrsKey.BUTTON_STYLE]" :label="t(`labels.inputs.${[LayoutAttrsKey.BUTTON_STYLE]}`.toLocaleLowerCase())" :options="Object.values(ButtonStyle)" class="mr-5 flex-1" />
       <Switch v-model="internalValue[LayoutAttrsKey.IS_BUTTONS_LIST]" :label="t(`labels.inputs.${[LayoutAttrsKey.IS_BUTTONS_LIST]}`.toLocaleLowerCase())" class="pb-0 pt-6" />
     </div>

diff --git a/demo/nuxt.config.ts b/demo/nuxt.config.ts
@@ -5,7 +5,7 @@ const baseUrl = process.env.NUXT_PUBLIC_SITE_URL || 'https://add-to-calendar-but
 const robots = process.env.NUXT_PUBLIC_ROBOTS || 'index, follow';
 
 export default defineNuxtConfig({
-  modules: ['@nuxtjs/i18n', '@nuxtjs/tailwindcss', 'nuxt-headlessui', 'nuxt-security', 'nuxt-schema-org', '@nuxt/image', '@vite-pwa/nuxt', '@nuxtjs/sitemap', 'nuxt-delay-hydration'],
+  modules: ['@nuxtjs/i18n', '@nuxtjs/tailwindcss', 'nuxt-headlessui', 'nuxt-security', 'nuxt-schema-org', '@nuxt/image', '@vite-pwa/nuxt', '@nuxtjs/sitemap'],
   vue: {
     compilerOptions: {
       isCustomElement: (tag) => tag === 'add-to-calendar-button',
@@ -29,10 +29,6 @@ export default defineNuxtConfig({
   experimental: {
     payloadExtraction: true,
   },
-  delayHydration: {
-    mode: 'manual',
-    debug: process.env.NODE_ENV === 'development',
-  },
   security: {
     enabled: process.env.NODE_ENV === 'development' ? false : true,
     removeLoggers: false,