@dnanpm/ui-components 0.5.0 → 0.7.0

package/dist/components/Quote/Quote.css

@@ -0,0 +1,95 @@
+@layer dds-components {._quote_1dakr_1 {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--spacing-space-20);
+    width: 100%;
+    min-width: 0;
+    margin-block: var(--spacing-space-32);
+    margin-inline: 0;
+    padding: 0;
+    color: var(--color-semantic-foreground-default);
+    container-name: quote;
+    container-type: inline-size;
+}
+
+._quote__mark_1dakr_15 {
+    flex: 0 0 auto;
+    width: 35px;
+    height: 27px;
+    color: var(--color-semantic-foreground-primary-strong);
+    transform: rotate(180deg);
+}
+
+._quote__content_1dakr_23 {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: var(--spacing-space-20);
+    min-width: 0;
+}
+
+._quote__text_1dakr_32 {
+    width: 100%;
+    margin: 0;
+    font: var(--typography-heading-xs);
+    text-wrap: pretty;
+    overflow-wrap: anywhere;
+}
+
+._quote__text_1dakr_32 > *:not(dialog) {
+    margin: 0;
+}
+
+._quote__author_1dakr_44 {
+    width: 100%;
+    margin: 0;
+    font: var(--typography-body-sm);
+    font-style: normal;
+    text-align: right;
+    text-wrap: pretty;
+}
+
+@container quote (min-width: 321px) {
+    ._quote__mark_1dakr_15 {
+        width: 46px;
+        height: 36px;
+    }
+
+    ._quote__text_1dakr_32 {
+        font: var(--typography-heading-sm);
+    }
+
+    ._quote__author_1dakr_44 {
+        font: var(--typography-body-md);
+    }
+}
+
+@container quote (min-width: 641px) {
+    ._quote__mark_1dakr_15 {
+        width: 54px;
+        height: 42px;
+    }
+
+    ._quote__text_1dakr_32 {
+        font: var(--typography-heading-md);
+    }
+
+    ._quote__author_1dakr_44 {
+        font: var(--typography-body-lg);
+    }
+}
+
+@scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
+    ._quote_1dakr_1 {
+        color: var(--color-semantic-foreground-inverse);
+    }
+}
+
+@media (forced-colors: active) {
+    ._quote_1dakr_1,
+    ._quote__mark_1dakr_15 {
+        color: CanvasText;
+    }
+}
+}

package/dist/components/Quote/Quote.d.ts

@@ -0,0 +1,3 @@
+import { QuoteProps } from './Quote.types';
+export declare const Quote: ({ children, author, className, ref, ...props }: QuoteProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Quote.d.ts.map

package/dist/components/Quote/Quote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,gDAAgD,UAAU,4CAqB/E,CAAC"}

package/dist/components/Quote/Quote.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styles from "./Quote.module.css.js";
+import { cn } from "../../utils/cn/cn.js";
+const Quote = ({ children, author, className, ref, ...props }) => {
+  return /* @__PURE__ */ jsxs("blockquote", { ref, className: cn(styles.quote, className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: styles.quote__mark,
+        viewBox: "0 0 54 42",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.4516 20.134C11.9032 15.2105 14.9516 11.011 20.1774 7.53563C21.4839 6.52197 21.9194 5.50832 21.1936 4.34985L18.7258 1.01926C18 0.00560203 17.129 -0.284017 15.9677 0.295217C3.91935 6.81159 0 19.2651 0 25.7815C0 37.2213 6.09678 42 12.4839 42C18.871 42 23.6613 37.0765 23.6613 30.8498C23.6613 24.623 18.2903 18.9755 10.4516 20.134ZM40.7903 20.134C42.2419 15.2105 45.2903 11.011 50.5161 7.53563C51.8226 6.52197 52.2581 5.50832 51.5323 4.34985L49.0645 1.01926C48.3387 0.00560203 47.4678 -0.284017 46.3065 0.295217C34.2581 6.81159 30.3387 19.2651 30.3387 25.7815C30.3387 37.2213 36.4355 42 42.8226 42C49.2097 42 54 37.0765 54 30.8498C54 24.623 48.629 18.9755 40.7903 20.134Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles.quote__content, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.quote__text, children }),
+      author != null && /* @__PURE__ */ jsx("footer", { className: styles.quote__author, children: author })
+    ] })
+  ] });
+};
+export {
+  Quote
+};
+//# sourceMappingURL=Quote.js.map

package/dist/components/Quote/Quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.js","sources":["../../../src/components/Quote/Quote.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport styles from './Quote.module.css';\nimport type { QuoteProps } from './Quote.types';\n\nexport const Quote = ({ children, author, className, ref, ...props }: QuoteProps) => {\n    return (\n        <blockquote ref={ref} className={cn(styles.quote, className)} {...props}>\n            <svg\n                className={styles.quote__mark}\n                viewBox=\"0 0 54 42\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\"\n            >\n                <path\n                    d=\"M10.4516 20.134C11.9032 15.2105 14.9516 11.011 20.1774 7.53563C21.4839 6.52197 21.9194 5.50832 21.1936 4.34985L18.7258 1.01926C18 0.00560203 17.129 -0.284017 15.9677 0.295217C3.91935 6.81159 0 19.2651 0 25.7815C0 37.2213 6.09678 42 12.4839 42C18.871 42 23.6613 37.0765 23.6613 30.8498C23.6613 24.623 18.2903 18.9755 10.4516 20.134ZM40.7903 20.134C42.2419 15.2105 45.2903 11.011 50.5161 7.53563C51.8226 6.52197 52.2581 5.50832 51.5323 4.34985L49.0645 1.01926C48.3387 0.00560203 47.4678 -0.284017 46.3065 0.295217C34.2581 6.81159 30.3387 19.2651 30.3387 25.7815C30.3387 37.2213 36.4355 42 42.8226 42C49.2097 42 54 37.0765 54 30.8498C54 24.623 48.629 18.9755 40.7903 20.134Z\"\n                    fill=\"currentColor\"\n                />\n            </svg>\n            <div className={styles.quote__content}>\n                <div className={styles.quote__text}>{children}</div>\n                {author != null && <footer className={styles.quote__author}>{author}</footer>}\n            </div>\n        </blockquote>\n    );\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,WAAW,KAAK,GAAG,YAAwB;AACjF,SACI,qBAAC,cAAA,EAAW,KAAU,WAAW,GAAG,OAAO,OAAO,SAAS,GAAI,GAAG,OAC9D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAW,OAAO,gBACnB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,aAAc,UAAS;AAAA,MAC7C,UAAU,QAAQ,oBAAC,YAAO,WAAW,OAAO,eAAgB,UAAA,OAAA,CAAO;AAAA,IAAA,EAAA,CACxE;AAAA,EAAA,GACJ;AAER;"}

package/dist/components/Quote/Quote.module.css.cjs

@@ -0,0 +1,22 @@
+require('./Quote.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const quote = "_quote_1dakr_1";
+const quote__mark = "_quote__mark_1dakr_15";
+const quote__content = "_quote__content_1dakr_23";
+const quote__text = "_quote__text_1dakr_32";
+const quote__author = "_quote__author_1dakr_44";
+const styles = {
+  quote,
+  quote__mark,
+  quote__content,
+  quote__text,
+  quote__author
+};
+exports.default = styles;
+exports.quote = quote;
+exports.quote__author = quote__author;
+exports.quote__content = quote__content;
+exports.quote__mark = quote__mark;
+exports.quote__text = quote__text;
+//# sourceMappingURL=Quote.module.css.cjs.map

package/dist/components/Quote/Quote.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Quote/Quote.module.css.js

@@ -0,0 +1,22 @@
+import './Quote.css';
+const quote = "_quote_1dakr_1";
+const quote__mark = "_quote__mark_1dakr_15";
+const quote__content = "_quote__content_1dakr_23";
+const quote__text = "_quote__text_1dakr_32";
+const quote__author = "_quote__author_1dakr_44";
+const styles = {
+  quote,
+  quote__mark,
+  quote__content,
+  quote__text,
+  quote__author
+};
+export {
+  styles as default,
+  quote,
+  quote__author,
+  quote__content,
+  quote__mark,
+  quote__text
+};
+//# sourceMappingURL=Quote.module.css.js.map

package/dist/components/Quote/Quote.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/components/Quote/Quote.types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface QuoteProps extends Omit<ComponentPropsWithRef<'blockquote'>, 'children'> {
+    /**
+     * Main quote content.
+     */
+    readonly children: ReactNode;
+    /**
+     * Quote attribution shown below the content.
+     */
+    readonly author?: string;
+}
+//# sourceMappingURL=Quote.types.d.ts.map

package/dist/components/Quote/Quote.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.types.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC5B"}

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

@@ -0,0 +1,3 @@
+export { Quote } from './Quote';
+export type { QuoteProps } from './Quote.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.cjs

@@ -6,12 +6,15 @@ const AccordionItem = require("./components/AccordionItem/AccordionItem.cjs");
 const Breadcrumb = require("./components/Breadcrumb/Breadcrumb.cjs");
 const Button = require("./components/Button/Button.cjs");
 const ColorScheme = require("./components/ColorScheme/ColorScheme.cjs");
+const Footer = require("./components/Footer/Footer.cjs");
 const Hero = require("./components/Hero/Hero.cjs");
 const IconButton = require("./components/IconButton/IconButton.cjs");
 const Label = require("./components/Label/Label.cjs");
+const MainNavigation = require("./components/MainNavigation/MainNavigation.cjs");
 const Notification = require("./components/Notification/Notification.cjs");
 const Pictograph = require("./components/Pictograph/Pictograph.cjs");
 const PictographItem = require("./components/Pictograph/PictographItem.cjs");
+const Quote = require("./components/Quote/Quote.cjs");
 const Spinner = require("./components/Spinner/Spinner.cjs");
 const cn = require("./utils/cn/cn.cjs");
 exports.Accordion = Accordion.Accordion;
@@ -19,12 +22,15 @@ exports.AccordionItem = AccordionItem.AccordionItem;
 exports.Breadcrumb = Breadcrumb.Breadcrumb;
 exports.Button = Button.Button;
 exports.ColorScheme = ColorScheme.ColorScheme;
+exports.Footer = Footer.Footer;
 exports.Hero = Hero.Hero;
 exports.IconButton = IconButton.IconButton;
 exports.Label = Label.Label;
+exports.MainNavigation = MainNavigation.MainNavigation;
 exports.Notification = Notification.Notification;
 exports.Pictograph = Pictograph.Pictograph;
 exports.PictographItem = PictographItem.PictographItem;
+exports.Quote = Quote.Quote;
 exports.Spinner = Spinner.Spinner;
 exports.cn = cn.cn;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -3,10 +3,13 @@ export { AccordionItem } from './components/AccordionItem';
 export { Breadcrumb } from './components/Breadcrumb';
 export { Button } from './components/Button';
 export { ColorScheme } from './components/ColorScheme';
+export { Footer } from './components/Footer';
 export { Hero } from './components/Hero';
+export { MainNavigation } from './components/MainNavigation';
 export { Notification } from './components/Notification';
 export { Label } from './components/Label';
 export { Pictograph, PictographItem } from './components/Pictograph';
+export { Quote } from './components/Quote';
 export { Spinner } from './components/Spinner';
 export { IconButton } from './components/IconButton';
 export type { AccordionProps } from './components/Accordion';
@@ -14,12 +17,15 @@ export type { AccordionItemProps } from './components/AccordionItem';
 export type { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps } from './components/Breadcrumb';
 export type { ButtonProps, ButtonLinkProps, ButtonVariant, ButtonSize } from './components/Button';
 export type { ColorSchemeProps, ColorSchemeValue } from './components/ColorScheme';
+export type { FooterAppLink, FooterAppLinks, FooterLanguage, FooterLink, FooterLinkMeta, FooterLinkProps, FooterMandatoryLink, FooterNavigationGroup, FooterOrganization, FooterProps, FooterRenderLink, FooterSocialLink, FooterSocialPlatform, FooterTopSectionGroup, FooterTopSectionLink, } from './components/Footer';
 export type { HeroProps, HeroHeadingLevel, HeroCommonImageProps, HeroImageComponent, } from './components/Hero';
+export type { MainNavigationItem, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationSubmenuColumn, } from './components/MainNavigation';
 export type { NotificationProps, NotificationVariant } from './components/Notification';
 export type { LabelProps, LabelVariant } from './components/Label';
 export type { PictographItemProps, PictographProps } from './components/Pictograph';
+export type { QuoteProps } from './components/Quote';
 export type { SpinnerColor, SpinnerProps, SpinnerSize } from './components/Spinner';
-export type { Icon, IconPosition, IconButtonLinkProps, IconButtonProps, IconButtonSize, IconButtonVariant, } from './components/IconButton';
+export type { Icon, IconPosition, IconButtonLinkProps, IconButtonProps, IconButtonSize, } from './components/IconButton';
 export { cn } from './utils';
 export type { CnDictionary, CnInput } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACnF,YAAY,EACR,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACxF,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpF,YAAY,EACR,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,iBAAiB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACnF,YAAY,EACR,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACR,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACxF,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpF,YAAY,EACR,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,GACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -4,12 +4,15 @@ import { AccordionItem } from "./components/AccordionItem/AccordionItem.js";
 import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
 import { Button } from "./components/Button/Button.js";
 import { ColorScheme } from "./components/ColorScheme/ColorScheme.js";
+import { Footer } from "./components/Footer/Footer.js";
 import { Hero } from "./components/Hero/Hero.js";
 import { IconButton } from "./components/IconButton/IconButton.js";
 import { Label } from "./components/Label/Label.js";
+import { MainNavigation } from "./components/MainNavigation/MainNavigation.js";
 import { Notification } from "./components/Notification/Notification.js";
 import { Pictograph } from "./components/Pictograph/Pictograph.js";
 import { PictographItem } from "./components/Pictograph/PictographItem.js";
+import { Quote } from "./components/Quote/Quote.js";
 import { Spinner } from "./components/Spinner/Spinner.js";
 import { cn } from "./utils/cn/cn.js";
 export {
@@ -18,12 +21,15 @@ export {
   Breadcrumb,
   Button,
   ColorScheme,
+  Footer,
   Hero,
   IconButton,
   Label,
+  MainNavigation,
   Notification,
   Pictograph,
   PictographItem,
+  Quote,
   Spinner,
   cn
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/styles/utils/elevation.css

@@ -1,26 +1,29 @@
-@layer dds-components {/* 
- * TODO: Replace local variables (_elevation-semantic-low, high and extra-high) 
- * with official design tokens once elevation tokens are added to the design token set
- */
-
-._elevationLow_4gnft_6 {
-    --_elevation-semantic-low: 0px 2px 16px 0px rgba(18, 18, 18, 0.06);
-    --_elevation-style: var(--_elevation-semantic-low);
+@layer dds-components {._elevationLow_dspr0_1 {
+    --_elevation-style: var(--elevation-semantic-elevation-low-offset-x)
+        var(--elevation-semantic-elevation-low-offset-y)
+        var(--elevation-semantic-elevation-low-blur) var(--elevation-semantic-elevation-low-spread)
+        var(--elevation-semantic-elevation-low-color);
 }
 
-._elevationHigh_4gnft_11 {
-    --_elevation-semantic-high: 0px 4px 24px 0px rgba(18, 18, 18, 0.08);
-    --_elevation-style: var(--_elevation-semantic-high);
+._elevationMedium_dspr0_8 {
+    --_elevation-style: var(--elevation-semantic-elevation-medium-offset-x)
+        var(--elevation-semantic-elevation-medium-offset-y)
+        var(--elevation-semantic-elevation-medium-blur)
+        var(--elevation-semantic-elevation-medium-spread)
+        var(--elevation-semantic-elevation-medium-color);
 }
 
-._elevationExtraHigh_4gnft_16 {
-    --_elevation-semantic-extra-high: 0px 8px 64px 0px rgba(18, 18, 18, 0.16);
-    --_elevation-style: var(--_elevation-semantic-extra-high);
+._elevationHigh_dspr0_16 {
+    --_elevation-style: var(--elevation-semantic-elevation-high-offset-x)
+        var(--elevation-semantic-elevation-high-offset-y)
+        var(--elevation-semantic-elevation-high-blur)
+        var(--elevation-semantic-elevation-high-spread)
+        var(--elevation-semantic-elevation-high-color);
 }
 
-._elevationLow_4gnft_6,
-._elevationHigh_4gnft_11,
-._elevationExtraHigh_4gnft_16 {
+._elevationLow_dspr0_1,
+._elevationMedium_dspr0_8,
+._elevationHigh_dspr0_16 {
     border: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
     box-shadow: var(--_elevation-style);
     border-radius: var(--radius-semantic-md);

package/dist/styles/utils/elevation.module.css.cjs

@@ -1,13 +1,13 @@
 require('./elevation.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const elevationLow = "_elevationLow_4gnft_6";
-const elevationExtraHigh = "_elevationExtraHigh_4gnft_16";
+const elevationLow = "_elevationLow_dspr0_1";
+const elevationHigh = "_elevationHigh_dspr0_16";
 const elevationStyles = {
   elevationLow,
-  elevationExtraHigh
+  elevationHigh
 };
 exports.default = elevationStyles;
-exports.elevationExtraHigh = elevationExtraHigh;
+exports.elevationHigh = elevationHigh;
 exports.elevationLow = elevationLow;
 //# sourceMappingURL=elevation.module.css.cjs.map

package/dist/styles/utils/elevation.module.css.js

@@ -1,13 +1,13 @@
 import './elevation.css';
-const elevationLow = "_elevationLow_4gnft_6";
-const elevationExtraHigh = "_elevationExtraHigh_4gnft_16";
+const elevationLow = "_elevationLow_dspr0_1";
+const elevationHigh = "_elevationHigh_dspr0_16";
 const elevationStyles = {
   elevationLow,
-  elevationExtraHigh
+  elevationHigh
 };
 export {
   elevationStyles as default,
-  elevationExtraHigh,
+  elevationHigh,
   elevationLow
 };
 //# sourceMappingURL=elevation.module.css.js.map

package/dist/styles/utils/focus.css

@@ -1,12 +1,12 @@
-@layer dds-components {._focusable_ikczm_1 {
+@layer dds-components {._focusable_1dunk_1 {
     /* Marker class for shared focus treatment */
 }
 
-._focusable_ikczm_1:focus {
+._focusable_1dunk_1:focus {
     outline-color: transparent;
 }
 
-._focusable_ikczm_1:focus-visible {
+._focusable_1dunk_1:focus-visible {
     /* Transparent outline ensures a visible ring fallback in forced colors. */
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -15,22 +15,31 @@
         0 0 0 4px var(--color-semantic-utility-focus-strong);
 }
 
+._focusableRadiusSm_1dunk_18 {
+    /* Adds small border radius to focus ring surface without changing focus colors/shadows */
+}
+
+._focusableRadiusSm_1dunk_18:focus,
+._focusableRadiusSm_1dunk_18:focus-visible {
+    border-radius: var(--radius-semantic-sm);
+}
+
 @media (forced-colors: active) {
-    ._focusable_ikczm_1:focus-visible {
+    ._focusable_1dunk_1:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
 }
 
-._focusableInset_ikczm_25 {
+._focusableInset_1dunk_34 {
     /* Marker class for inset focus treatment (ring stays inside the element boundary) */
 }
 
-._focusableInset_ikczm_25:focus {
+._focusableInset_1dunk_34:focus {
     outline-color: transparent;
 }
 
-._focusableInset_ikczm_25:focus-visible {
+._focusableInset_1dunk_34:focus-visible {
     outline: 2px solid transparent;
     box-shadow:
         inset 0 0 0 2px var(--color-semantic-utility-focus-strong),
@@ -38,34 +47,34 @@
 }
 
 @media (forced-colors: active) {
-    ._focusableInset_ikczm_25:focus-visible {
+    ._focusableInset_1dunk_34:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
 }
 
 @scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
-    ._focusable_ikczm_1:focus-visible {
+    ._focusable_1dunk_1:focus-visible {
         box-shadow:
             0 0 0 2px var(--color-semantic-utility-focus-strong),
             0 0 0 4px var(--color-semantic-utility-focus-soft);
     }
 
-    ._focusableInset_ikczm_25:focus-visible {
+    ._focusableInset_1dunk_34:focus-visible {
         box-shadow:
             inset 0 0 0 2px var(--color-semantic-utility-focus-soft),
             inset 0 0 0 4px var(--color-semantic-utility-focus-strong);
     }
 
     @media (forced-colors: active) {
-        ._focusable_ikczm_1:focus-visible,
-        ._focusableInset_ikczm_25:focus-visible {
+        ._focusable_1dunk_1:focus-visible,
+        ._focusableInset_1dunk_34:focus-visible {
             box-shadow: none;
         }
     }
 }
 
-._focusClipGuard_ikczm_68 {
+._focusClipGuard_1dunk_77 {
     /*
      * Prevents focus rings from being clipped when the container uses overflow: hidden.
      *
@@ -73,7 +82,7 @@
      * - Apply this class to the clipping container.
      * - Override --focus-clip-guard-bleed-inline when a component needs a custom bleed amount.
      */
-    --focus-clip-guard-bleed-inline: var(--spacing-ui-xxs);
+    --focus-clip-guard-bleed-inline: var(--spacing-space-4);
     margin-inline: calc(var(--focus-clip-guard-bleed-inline) * -1);
     padding-inline: var(--focus-clip-guard-bleed-inline);
 }

package/dist/styles/utils/focus.module.css.cjs

@@ -1,11 +1,13 @@
 require('./focus.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const focusable = "_focusable_ikczm_1";
-const focusableInset = "_focusableInset_ikczm_25";
-const focusClipGuard = "_focusClipGuard_ikczm_68";
+const focusable = "_focusable_1dunk_1";
+const focusableRadiusSm = "_focusableRadiusSm_1dunk_18";
+const focusableInset = "_focusableInset_1dunk_34";
+const focusClipGuard = "_focusClipGuard_1dunk_77";
 const focusStyles = {
   focusable,
+  focusableRadiusSm,
   focusableInset,
   focusClipGuard
 };
@@ -13,4 +15,5 @@ exports.default = focusStyles;
 exports.focusClipGuard = focusClipGuard;
 exports.focusable = focusable;
 exports.focusableInset = focusableInset;
+exports.focusableRadiusSm = focusableRadiusSm;
 //# sourceMappingURL=focus.module.css.cjs.map

package/dist/styles/utils/focus.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"focus.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/styles/utils/focus.module.css.js

@@ -1,9 +1,11 @@
 import './focus.css';
-const focusable = "_focusable_ikczm_1";
-const focusableInset = "_focusableInset_ikczm_25";
-const focusClipGuard = "_focusClipGuard_ikczm_68";
+const focusable = "_focusable_1dunk_1";
+const focusableRadiusSm = "_focusableRadiusSm_1dunk_18";
+const focusableInset = "_focusableInset_1dunk_34";
+const focusClipGuard = "_focusClipGuard_1dunk_77";
 const focusStyles = {
   focusable,
+  focusableRadiusSm,
   focusableInset,
   focusClipGuard
 };
@@ -11,6 +13,7 @@ export {
   focusStyles as default,
   focusClipGuard,
   focusable,
-  focusableInset
+  focusableInset,
+  focusableRadiusSm
 };
 //# sourceMappingURL=focus.module.css.js.map

package/dist/styles/utils/focus.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"focus.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/styles/utils/overlay.css

@@ -0,0 +1,37 @@
+@layer dds-components {._overlayStrong_1w2h3_1::before,
+._overlaySoft_1w2h3_2::before {
+    content: '';
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 5;
+    opacity: 1;
+    transition: opacity 0.2s ease;
+}
+
+@starting-style {
+    ._overlayStrong_1w2h3_1::before,
+    ._overlaySoft_1w2h3_2::before {
+        opacity: 0;
+    }
+}
+
+._overlayClosing_1w2h3_19::before {
+    opacity: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    ._overlayStrong_1w2h3_1::before,
+    ._overlaySoft_1w2h3_2::before {
+        transition: none;
+    }
+}
+
+._overlayStrong_1w2h3_1::before {
+    background: var(--color-semantic-utility-overlay-strong);
+}
+
+._overlaySoft_1w2h3_2::before {
+    background: var(--color-semantic-utility-overlay-soft);
+}
+}

package/dist/styles/utils/overlay.module.css.cjs

@@ -0,0 +1,13 @@
+require('./overlay.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const overlayStrong = "_overlayStrong_1w2h3_1";
+const overlayClosing = "_overlayClosing_1w2h3_19";
+const overlayStyles = {
+  overlayStrong,
+  overlayClosing
+};
+exports.default = overlayStyles;
+exports.overlayClosing = overlayClosing;
+exports.overlayStrong = overlayStrong;
+//# sourceMappingURL=overlay.module.css.cjs.map

package/dist/styles/utils/overlay.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}