@kickstartds/ds-agency-premium 1.5.30 → 1.5.32

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
+import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/gallery/gallery.css

@@ -37,22 +37,4 @@
 .dsa-gallery__image--landscape img {
   aspect-ratio: var(--dsa-gallery--image-ratio-landscape);
   object-fit: cover;
-}
-
-.pswp .pswp__img {
-  object-fit: contain;
-}
-.pswp .pswp__caption {
-  background-color: var(--ks-color-bg-alpha-3);
-  color: var(--dsa-text-color-on-primary);
-}
-
-:root, [ks-inverted], [ks-theme] {
-  --c-lightbox--bg: var(--ks-background-color-default) !important;
-  --c-lightbox--placeholder-bg: var(--ks-color-fg-to-bg-1) !important;
-  --c-lightbox--root-z-index: var(--ks-depth-modal) !important;
-  --c-lightbox--icon-color: var(--dsa-text-color-on-primary) !important;
-  --c-lightbox--icon-color-secondary: var(--ks-color-fg-inverted) !important;
-  --c-lightbox--stroke-width: 0px !important;
-  --c-lightbox--error-text-color: var(--ks-color-error) !important;
 }

package/dist/components/index/index.d.ts

@@ -24,7 +24,7 @@ interface SettingsProps {
      */
     seo: SeoProps;
 }
-export * from "../../BlogPostProps-d9decb7c.js";
+export * from "../../BlogPostProps-6b3cff22.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { SettingsProps };

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:43 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:49 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/slider/slider.css

@@ -5,6 +5,7 @@
   --dsa-slider__bullet--border-color: var(--ks-border-color-primary);
   --dsa-slider__bullet--border-color_hover: var(--ks-border-color-primary);
   --dsa-slider__bullet--border-color_active: var(--ks-border-color-primary);
+  --dsa-slider__bullet--size: 1rem;
   --dsa-slider__bullet--background-color: transparent;
   --dsa-slider__bullet--background-color_hover: var(--ks-color-primary-alpha-8);
   --dsa-slider__bullet--background-color_active: var(--ks-color-primary);
@@ -27,6 +28,7 @@
   --c-slider_bullet--background: var(--dsa-slider__bullet--background-color, transparent);
   --c-slider_bullet--background-color-hover: var(--dsa-slider__bullet--background-color_hover, transparent);
   --c-slider_bullet--background-color-active: var(--dsa-slider__bullet--background-color_active, transparent);
+  --c-slider_bullet--size: var(--dsa-slider__bullet--size);
   --c-slider_arrow--background: var(
     --dsa-slider__arrow--background-color,
     var(--ks-background-color-interface-interactive)
@@ -44,6 +46,9 @@
 .dsa-slider.c-slider__nav {
   margin-top: var(--ks-spacing-stack-m);
 }
+.dsa-slider.c-slider .c-slider__nav {
+  margin-top: var(--ks-spacing-stack-m);
+}
 .dsa-slider.c-slider .c-slider__nav-item:hover .c-slider__bullet {
   border-color: var(--c-slider_bullet--outline-color-hover);
   background-color: var(--c-slider_bullet--background-color-hover);

package/dist/global.css

@@ -507,18 +507,37 @@ h3 {
   color: var(--dsa-form-field__placeholder--color, var(--ks-color-fg-alpha-5));
 }
 
-.dsa-divider {
-  --dsa-divider--background: var(--ks-border-color-default);
-  --dsa-divider--background_accent: var(--ks-border-color-accent);
-  --dsa-divider--height: var(--ks-border-width-default);
-}
-
-hr.c-divider {
-  --c-divider--background: var(--dsa-divider--background, var(--ks-border-color-default));
-  --c-divider--height: var(--dsa-divider--height, var(--ks-border-width-default));
-}
-hr.c-divider--accent {
-  --c-divider--background: var(--dsa-divider--background_accent, var(--ks-border-color-accent));
+:root {
+  --dsa-lightbox--background-color: var(--ks-background-color-default);
+  --dsa-lightbox__placeholder--background: var(--ks-color-fg-to-bg-1);
+  --dsa-lightbox--root-z-index: var(--ks-depth-modal);
+  --dsa-lightbox__button--color: var(--dsa-text-color-on-primary);
+  --dsa-lightbox__counter--shadow: var(--ks-color-fg-inverted);
+  --dsa-lightbox__counter--font: var(--ks-font-interface-s);
+  --dsa-lightbox__counter--color: var(--ks-color-fg);
+}
+
+.pswp .pswp__img {
+  object-fit: contain;
+}
+.pswp .pswp__caption {
+  background-color: var(--das-lightbox__caption--background-color, var(--ks-color-bg-alpha-5));
+  color: var(--dsa-lightbox__caption-color, var(--ks-color-fg));
+}
+.pswp .pswp__counter {
+  font: var(--dsa-lightbox__counter--font);
+  color: var(--dsa-lightbox__counter--color);
+  opacity: 1;
+}
+
+:root {
+  --c-lightbox--bg: var(--dsa-lightbox--background-color, var(--ks-background-color-default)) !important;
+  --c-lightbox--placeholder-bg: var(--dsa-lightbox__placeholder--background, var(--ks-color-fg-to-bg-1)) !important;
+  --c-lightbox--root-z-index: var(--dsa-lightbox--root-z-index, var(--ks-depth-modal)) !important;
+  --c-lightbox--icon-color: var(--dsa-lightbox__button--color, var(--dsa-text-color-on-primary)) !important;
+  --c-lightbox--icon-color-secondary: var(--dsa-lightbox__counter--shadow, var(--ks-color-fg-inverted)) !important;
+  --c-lightbox--stroke-width: 0px !important;
+  --c-lightbox--error-text-color: var(--ks-color-error) !important;
 }
 
 @font-face {

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:45 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:52 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:49 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:56 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:47 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:54 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:51 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:58 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:43 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:49 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Oct 2024 12:10:43 GMT
+ * Generated on Wed, 09 Oct 2024 12:55:49 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.5.30",
+  "version": "1.5.32",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {