@kickstartds/ds-agency-premium 1.6.72--canary.43.2510.0 → 1.6.72--canary.56.2515.0

package/dist/components/hero/hero.css

@@ -8,36 +8,6 @@
 [ks-inverted=false] .dsa-hero {
   --dsa-hero--min-height: 18rem;
   --dsa-hero--min-height_small: 12rem;
-}
-@container hero (min-width: 640px) {
-  :root .dsa-hero,
-  [ks-inverted=true] .dsa-hero,
-  [ks-inverted=false] .dsa-hero {
-    --dsa-hero--min-height: 24rem;
-    --dsa-hero--min-height_small: 14rem;
-    --dsa-hero__textbox--max-width: 50vw;
-  }
-}
-@container hero (min-width: 960px) {
-  :root .dsa-hero,
-  [ks-inverted=true] .dsa-hero,
-  [ks-inverted=false] .dsa-hero {
-    --dsa-hero--min-height: 32rem;
-    --dsa-hero--min-height_small: 16rem;
-  }
-}
-@container hero (min-width: 1024px) {
-  :root .dsa-hero,
-  [ks-inverted=true] .dsa-hero,
-  [ks-inverted=false] .dsa-hero {
-    --dsa-hero--min-height: 36rem;
-    --dsa-hero--min-height_small: 20rem;
-    --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
-  }
-}
-:root .dsa-hero,
-[ks-inverted=true] .dsa-hero,
-[ks-inverted=false] .dsa-hero {
   --dsa-hero__headline--color: var(--dsa-headline--color);
   --dsa-hero__subheadline--color: var(--dsa-headline__subheadline--color);
   --dsa-hero_color-neutral__headline--color: var(--ks-text-color-default);
@@ -51,7 +21,7 @@
   --dsa-hero__textbox--box-shadow: none;
   --dsa-hero__textbox--border-radius: var(--ks-border-radius-card);
   --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
-  --dsa-hero__textbox--padding: var(--ks-spacing-inset-l);
+  --dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
   --dsa-hero_below__textbox--padding: var(--dsa-content--vertical-spacing);
   --dsa-hero_offset__textbox--padding: var(--dsa-content--vertical-spacing);
   --dsa-hero__skip-button--shadow: var(--dsa-overlay-text--shadow);
@@ -86,6 +56,32 @@
   );
   --dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
 }
+@container hero (min-width: 640px) {
+  :root .dsa-hero,
+  [ks-inverted=true] .dsa-hero,
+  [ks-inverted=false] .dsa-hero {
+    --dsa-hero--min-height: 24rem;
+    --dsa-hero--min-height_small: 14rem;
+    --dsa-hero__textbox--max-width: 50vw;
+  }
+}
+@container hero (min-width: 960px) {
+  :root .dsa-hero,
+  [ks-inverted=true] .dsa-hero,
+  [ks-inverted=false] .dsa-hero {
+    --dsa-hero--min-height: 32rem;
+    --dsa-hero--min-height_small: 16rem;
+  }
+}
+@container hero (min-width: 1024px) {
+  :root .dsa-hero,
+  [ks-inverted=true] .dsa-hero,
+  [ks-inverted=false] .dsa-hero {
+    --dsa-hero--min-height: 36rem;
+    --dsa-hero--min-height_small: 20rem;
+    --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
+  }
+}
 
 .l-container--hero {
   /* stylelint-disable-next-line property-no-unknown */
@@ -96,6 +92,7 @@
   --c-visual_overlay--background-size: 100%;
   --c-visual--min-height: var(--dsa-hero--min-height);
   --c-visual_overlay--background: transparent;
+  min-height: var(--dsa-hero--min-height);
 }
 .c-visual.dsa-hero .c-visual__box {
   --c-visual_box--background: var(
@@ -115,9 +112,6 @@
   --dsa-hero__headline--color: var(--dsa-hero_color-neutral__copy--color, var(--ks-text-color-default));
   --dsa-hero__subheadline--color: var(--dsa-hero_color-neutral__copy--color, var(--ks-text-color-default));
 }
-.c-visual.dsa-hero {
-  min-height: var(--dsa-hero--min-height);
-}
 .c-visual.dsa-hero.c-visual--small {
   --dsa-hero--min-height: var(--dsa-hero--min-height_small);
 }

package/dist/components/hero/index.js

@@ -6,7 +6,7 @@ import classnames from 'classnames';
 import { Container } from '@kickstartds/core/lib/container';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import { useButtonGroup } from '../button-group/index.js';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 import '@kickstartds/base/lib/button-group';
 
 const defaults = {

package/dist/components/html/index.js

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { Button } from '@kickstartds/base/lib/button';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import './Html.client.js';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 import '@kickstartds/core/lib/component';
 
 const defaults = {

package/dist/components/image-story/index.js

@@ -5,7 +5,7 @@ import { Storytelling } from '@kickstartds/content/lib/storytelling';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import classnames from 'classnames';
 import { useButtonGroup } from '../button-group/index.js';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 import '@kickstartds/base/lib/button-group';
 
 const defaults = {

package/dist/components/image-text/index.js

@@ -4,7 +4,7 @@ import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { TextMediaContextDefault, TextMediaContext } from '@kickstartds/base/lib/text-media';
 import { Container } from '@kickstartds/core/lib/container';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 
 const defaults = {
     "highlightText": false,

package/dist/components/logo/index.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { Picture } from '@kickstartds/base/lib/picture';
 import { Link } from '@kickstartds/base/lib/link';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 
 const defaults = {
     "homepageHref": "/"

package/dist/components/logos/index.js

@@ -6,7 +6,7 @@ import { LogoTiles } from '@kickstartds/content/lib/logo-tiles';
 import { Button } from '@kickstartds/base/lib/button';
 import { Link } from '@kickstartds/base/lib/link';
 import { Container } from '@kickstartds/core/lib/container';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 
 const defaults = {
     "logo": [],

package/dist/components/logos/logos.css

@@ -14,15 +14,15 @@
   --dsa-logos__grid_tablet--cols: 3;
 }
 
-.dsa-logos .c-logo-tiles {
-  --c-logo-tiles--cols: var(--dsa-logo-tiles--cols);
-  --c-logo-tiles--gutter: var(--dsa-logos__grid--gap-horizontal);
-}
 .dsa-logos {
   display: flex;
   flex-direction: column;
   gap: var(--dsa-logos-gap, var(--ks-spacing-stack-m));
 }
+.dsa-logos .c-logo-tiles {
+  --c-logo-tiles--cols: var(--dsa-logo-tiles--cols);
+  --c-logo-tiles--gutter: var(--dsa-logos__grid--gap-horizontal);
+}
 .dsa-logos__tagline {
   font: var(--dsa-logos__tagline--font, var(--ks-font-display-m));
   font-weight: var(--dsa-logos__tagline--font-weight, var(--dsa-headline--font-weight));
@@ -58,6 +58,8 @@
 }
 .dsa-logos .dsa-logo-tiles {
   --dsa-logo-tiles--cols: var(--dsa-logos__grid_mobile--cols, 2);
+  gap: var(--dsa-logos__grid--gap-vertical) var(--dsa-logos__grid--gap-horizontal);
+  margin: 0;
 }
 @container logo-tiles (min-width: 420px) {
   .dsa-logos .dsa-logo-tiles {
@@ -90,10 +92,6 @@
     --dsa-logo-tiles--cols: 8;
   }
 }
-.dsa-logos .dsa-logo-tiles {
-  gap: var(--dsa-logos__grid--gap-vertical) var(--dsa-logos__grid--gap-horizontal);
-  margin: 0;
-}
 .dsa-logos .dsa-logo-tiles .c-logo-tiles__col {
   margin: 0;
   aspect-ratio: 16/9;

package/dist/components/mosaic/index.js

@@ -2,7 +2,7 @@ import "./mosaic.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Storytelling } from '@kickstartds/content/lib/storytelling';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 
 const defaults = {
     "layout": "alternate",

package/dist/components/nav-dropdown/nav-dropdown.css

@@ -1,11 +1,6 @@
 .dsa-nav-dropdown {
   --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
   --dsa-nav-dropdown--background: var(--ks-background-color-default);
-}
-.dsa-nav-dropdown[ks-inverted=true] {
-  --dsa-nav-dropdown--background: var(--ks-color-fg-inverted);
-}
-.dsa-nav-dropdown {
   --dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
   --dsa-nav-dropdown--box-shadow: var(--ks-box-shadow-card);
   --dsa-nav-dropdown--border: 1px solid var(--ks-border-color-card);
@@ -23,6 +18,9 @@
   --dsa-nav-dropdown__label--padding: 0.45em 0.75em;
   --dsa-nav-dropdown__label_dimmed--opacity: 1;
 }
+.dsa-nav-dropdown[ks-inverted=true] {
+  --dsa-nav-dropdown--background: var(--ks-color-fg-inverted);
+}
 
 .dsa-nav-dropdown {
   --g-link--text-decoration: none;

package/dist/components/nav-flyout/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 import { forwardRef, createContext, useContext } from 'react';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 
 const defaults = {
     "items": [],

package/dist/components/nav-main/index.js

@@ -6,7 +6,7 @@ import './js/navMainEvents.client.js';
 import { NavToggle } from '../nav-toggle/index.js';
 import { NavTopbar } from '../nav-topbar/index.js';
 import { NavFlyout } from '../nav-flyout/index.js';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 import '@kickstartds/core/lib/component';
 import './js/body.client.js';
 import '@kickstartds/core/lib/core';

package/dist/components/nav-topbar/index.js

@@ -5,7 +5,7 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { NavDropdown } from '../nav-dropdown/index.js';
 import { forwardRef, createContext, useContext } from 'react';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import { d as deepMergeDefaults } from '../../helpers-DoO8Vy8R.js';
 
 const defaults = {
     "items": [],

package/dist/components/page-wrapper/index.js

@@ -1,12 +1,13 @@
+import "./tokens.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import Providers from '../providers/index.js';
 import '@kickstartds/base/lib/global/base';
-import '../../global-35f78d6d.js';
+import '../../global-DEsyKoU8.js';
 import '../button/index.js';
 import 'react';
 import 'classnames';
 import '@kickstartds/base/lib/button';
-import '../../helpers-12f48df8.js';
+import '../../helpers-DoO8Vy8R.js';
 import '../section/index.js';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
@@ -28,7 +29,7 @@ import '@bedrock-layout/spacing-constants';
 import '../button-group/index.js';
 import '@kickstartds/base/lib/button-group';
 
-var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
+var IconSprite = () => /*#__PURE__*/ jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     hidden: "hidden",
@@ -259,7 +260,7 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
                     d: "M16.7247 2.98188C17.0395 2.44505 17.5699 2 18.3195 2H21.0816C21.468 2 21.9576 2.13797 22.2661 2.60399C22.4111 2.81495 22.5 3.07042 22.5 3.35125C22.5 3.63001 22.4127 3.8675 22.3128 4.04876L22.3048 4.06326L16.541 13.7443L20.1015 19.9326L20.1026 19.9344C20.3367 20.3398 20.4003 20.8719 20.0991 21.3611L20.0833 21.3868L20.066 21.4114C19.753 21.8571 19.2782 22 18.8808 22H16.1416C15.3945 22 14.8413 21.581 14.5159 21.0046L10.9233 14.7451C10.5642 14.1195 10.5699 13.3489 10.9381 12.7285L16.7247 2.98188ZM18.446 4.00026L12.6579 13.7496L16.2454 20H17.8329L14.3855 14.0082V13.4553L20.0148 4L18.446 4.00026ZM18.3709 20.9351L18.3694 20.9326L18.3709 20.9351Z"
                 })]
         })]
-}));
+});
 
 const PageWrapper = ({ children }) => (jsxs(Providers, { children: [jsx(IconSprite, {}), children] }));