@ogds/elements 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/types/custom-element-jsx.d.ts

@@ -80,7 +80,7 @@ export type OgdsAccordionToggleProps = {
   "collapse-label"?: string;
 };
 
-export type UsaBannerProps = {
+export type OgdsBannerProps = {
   /** The element's language. */
   lang?: "en" | "es";
   /** The custom aria label users can override. */
@@ -93,11 +93,6 @@ export type UsaBannerProps = {
   isOpen?: boolean;
 };
 
-export type UsaLinkProps = {
-  /** The url for the link */
-  href?: string | undefined;
-};
-
 export type CustomElements = {
   /**
    * The ogds-accordion component.
@@ -132,7 +127,7 @@ export type CustomElements = {
   "ogds-accordion-toggle": Partial<OgdsAccordionToggleProps & BaseProps & BaseEvents>;
 
   /**
-   * The usa-banner component.
+   * The ogds-banner component.
    * ---
    *
    *
@@ -155,21 +150,5 @@ export type CustomElements = {
    * - **--ogds-banner-link-hover-color** - Sets the default link color. _(default: undefined)_
    * - **--ogds-banner-text-color** - Sets the default text color. _(default: undefined)_
    */
-  "usa-banner": Partial<UsaBannerProps & BaseProps & BaseEvents>;
-
-  /**
-   * The usa-link component.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - This element has a slot
-   *
-   * ### **CSS Properties:**
-   *  - **--theme-link-color** - Sets the link color _(default: undefined)_
-   * - **--theme-link-visited-color** - Sets the color for visited links _(default: undefined)_
-   * - **--theme-link-hover-color** - Sets the hover state link color _(default: undefined)_
-   * - **--theme-link-active-color** - Sets the active state link color _(default: undefined)_
-   */
-  "usa-link": Partial<UsaLinkProps & BaseProps & BaseEvents>;
+  "ogds-banner": Partial<OgdsBannerProps & BaseProps & BaseEvents>;
 };

package/dist/types/custom-element-solidjs.d.ts

@@ -86,7 +86,7 @@ type OgdsAccordionToggleProps = {
   JSX.OnAttributes<OgdsAccordionToggle> &
   JSX.OnCaptureAttributes<OgdsAccordionToggle>;
 
-type UsaBannerProps = {
+type OgdsBannerProps = {
   /** The element's language. */
   lang?: "en" | "es";
   /** The custom aria label users can override. */
@@ -97,16 +97,9 @@ type UsaBannerProps = {
   flagSrc?: string;
   /**  */
   isOpen?: boolean;
-} & JSX.DirectiveFunctionAttributes<UsaBanner> &
-  JSX.OnAttributes<UsaBanner> &
-  JSX.OnCaptureAttributes<UsaBanner>;
-
-type UsaLinkProps = {
-  /** The url for the link */
-  href?: string | undefined;
-} & JSX.DirectiveFunctionAttributes<UsaLink> &
-  JSX.OnAttributes<UsaLink> &
-  JSX.OnCaptureAttributes<UsaLink>;
+} & JSX.DirectiveFunctionAttributes<OgdsBanner> &
+  JSX.OnAttributes<OgdsBanner> &
+  JSX.OnCaptureAttributes<OgdsBanner>;
 
 export type CustomElements = {
   /**
@@ -142,7 +135,7 @@ export type CustomElements = {
   "ogds-accordion-toggle": Partial<OgdsAccordionToggleProps & BaseProps & BaseEvents>;
 
   /**
-   * The usa-banner component.
+   * The ogds-banner component.
    * ---
    *
    *
@@ -165,21 +158,5 @@ export type CustomElements = {
    * - **--ogds-banner-link-hover-color** - Sets the default link color. _(default: undefined)_
    * - **--ogds-banner-text-color** - Sets the default text color. _(default: undefined)_
    */
-  "usa-banner": Partial<UsaBannerProps & BaseProps & BaseEvents>;
-
-  /**
-   * The usa-link component.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - This element has a slot
-   *
-   * ### **CSS Properties:**
-   *  - **--theme-link-color** - Sets the link color _(default: undefined)_
-   * - **--theme-link-visited-color** - Sets the color for visited links _(default: undefined)_
-   * - **--theme-link-hover-color** - Sets the hover state link color _(default: undefined)_
-   * - **--theme-link-active-color** - Sets the active state link color _(default: undefined)_
-   */
-  "usa-link": Partial<UsaLinkProps & BaseProps & BaseEvents>;
+  "ogds-banner": Partial<OgdsBannerProps & BaseProps & BaseEvents>;
 };

package/dist/types/custom-element-svelte.d.ts

@@ -57,7 +57,7 @@ type OgdsAccordionToggleProps = {
   "collapse-label"?: string;
 };
 
-type UsaBannerProps = {
+type OgdsBannerProps = {
   /** The element's language. */
   lang?: "en" | "es";
   /** The custom aria label users can override. */
@@ -70,11 +70,6 @@ type UsaBannerProps = {
   isOpen?: boolean;
 };
 
-type UsaLinkProps = {
-  /** The url for the link */
-  href?: string | undefined;
-};
-
 export type CustomElements = {
   /**
    * The ogds-accordion component.
@@ -109,7 +104,7 @@ export type CustomElements = {
   "ogds-accordion-toggle": Partial<OgdsAccordionToggleProps & BaseProps & BaseEvents>;
 
   /**
-   * The usa-banner component.
+   * The ogds-banner component.
    * ---
    *
    *
@@ -132,23 +127,7 @@ export type CustomElements = {
    * - **--ogds-banner-link-hover-color** - Sets the default link color. _(default: undefined)_
    * - **--ogds-banner-text-color** - Sets the default text color. _(default: undefined)_
    */
-  "usa-banner": Partial<UsaBannerProps & BaseProps & BaseEvents>;
-
-  /**
-   * The usa-link component.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - This element has a slot
-   *
-   * ### **CSS Properties:**
-   *  - **--theme-link-color** - Sets the link color _(default: undefined)_
-   * - **--theme-link-visited-color** - Sets the color for visited links _(default: undefined)_
-   * - **--theme-link-hover-color** - Sets the hover state link color _(default: undefined)_
-   * - **--theme-link-active-color** - Sets the active state link color _(default: undefined)_
-   */
-  "usa-link": Partial<UsaLinkProps & BaseProps & BaseEvents>;
+  "ogds-banner": Partial<OgdsBannerProps & BaseProps & BaseEvents>;
 };
 
 declare namespace svelteHTML {

package/dist/types/custom-element-vuejs.d.ts

@@ -20,7 +20,7 @@ type OgdsAccordionToggleProps = {
   "collapse-label"?: string;
 };
 
-type UsaBannerProps = {
+type OgdsBannerProps = {
   /** The element's language. */
   lang?: "en" | "es";
   /** The custom aria label users can override. */
@@ -33,11 +33,6 @@ type UsaBannerProps = {
   isOpen?: boolean;
 };
 
-type UsaLinkProps = {
-  /** The url for the link */
-  href?: string | undefined;
-};
-
 export type CustomElements = {
   /**
    * The ogds-accordion component.
@@ -72,7 +67,7 @@ export type CustomElements = {
   "ogds-accordion-toggle": DefineComponent<OgdsAccordionToggleProps>;
 
   /**
-   * The usa-banner component.
+   * The ogds-banner component.
    * ---
    *
    *
@@ -95,23 +90,7 @@ export type CustomElements = {
    * - **--ogds-banner-link-hover-color** - Sets the default link color. _(default: undefined)_
    * - **--ogds-banner-text-color** - Sets the default text color. _(default: undefined)_
    */
-  "usa-banner": DefineComponent<UsaBannerProps>;
-
-  /**
-   * The usa-link component.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - This element has a slot
-   *
-   * ### **CSS Properties:**
-   *  - **--theme-link-color** - Sets the link color _(default: undefined)_
-   * - **--theme-link-visited-color** - Sets the color for visited links _(default: undefined)_
-   * - **--theme-link-hover-color** - Sets the hover state link color _(default: undefined)_
-   * - **--theme-link-active-color** - Sets the active state link color _(default: undefined)_
-   */
-  "usa-link": DefineComponent<UsaLinkProps>;
+  "ogds-banner": DefineComponent<OgdsBannerProps>;
 };
 
 declare module "vue" {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogds/elements",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "type": "module",
   "customElements": "custom-elements.json",
   "types": "./dist/index.d.ts",
@@ -69,17 +69,17 @@
     "@eslint/css": "^1.1.0",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.58.2",
-    "@storybook/addon-a11y": "^10.2.10",
-    "@storybook/addon-docs": "^10.2.10",
-    "@storybook/addon-links": "^10.2.10",
-    "@storybook/test-runner": "^0.24.2",
-    "@storybook/web-components-vite": "^10.2.10",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/test-runner": "^0.24.3",
+    "@storybook/web-components-vite": "^10.3.5",
     "@types/express": "^5.0.6",
-    "@types/node": "^25.3.3",
+    "@types/node": "^25.6.0",
     "@types/serve-static": "^2.2.0",
-    "@vitest/eslint-plugin": "^1.6.10",
+    "@vitest/eslint-plugin": "^1.6.16",
     "@vitest/ui": "^4.0.18",
-    "@wc-toolkit/storybook-helpers": "^10.2.0",
+    "@wc-toolkit/storybook-helpers": "^10.3.0",
     "axe-playwright": "^2.2.2",
     "browserslist": "^4.28.1",
     "concurrently": "^9.2.1",
@@ -89,22 +89,22 @@
     "custom-element-svelte-integration": "^1.2.0",
     "custom-element-vuejs-integration": "^1.4.0",
     "custom-elements-manifest": "^2.1.0",
-    "eslint": "^10.0.3",
+    "eslint": "^10.2.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "10.2.10",
+    "eslint-plugin-storybook": "10.3.5",
     "express": "^5.2.1",
     "husky": "^9.1.7",
     "jsdom": "^28.1.0",
     "lightningcss": "^1.31.1",
-    "prettier": "^3.8.1",
+    "prettier": "^3.8.3",
     "serve-static": "^2.2.1",
     "shadow-dom-testing-library": "^1.13.1",
     "storybook": "^10.0.7",
-    "storybook-addon-tag-badges": "^3.0.6",
-    "stylelint": "^17.4.0",
+    "storybook-addon-tag-badges": "^3.1.0",
+    "stylelint": "^17.8.0",
     "stylelint-config-standard": "^40.0.0",
-    "stylelint-order": "^8.0.0",
-    "typescript": "^5.9.3",
+    "stylelint-order": "^8.1.1",
+    "typescript": "^6.0.3",
     "vite": "^7.3.1",
     "vite-plugin-bundlesize": "^0.3.0",
     "vite-plugin-dts": "^4.5.4",

package/src/components/index.ts

@@ -1,5 +1,4 @@
-import { UsaLink } from "./usa-link";
-import { UsaBanner } from "./usa-banner";
+import { OgdsBanner } from "./ogds-banner";
 import { OgdsAccordion } from "./ogds-accordion";
 
-export { UsaLink, UsaBanner, OgdsAccordion };
+export { OgdsBanner, OgdsAccordion };

package/src/components/{usa-banner → ogds-banner}/docs.mdx

@@ -55,7 +55,7 @@ Listed below are additional variations of the component.
 
 ### About
 
-This version of `usa-banner` (i.e. using web components) became available in [USWDS v3.13.0](https://github.com/uswds/uswds/releases/tag/v3.13.0). It is now part of the `@uswds/uswds-elements` package
+This version of `ogds-banner` (i.e. using web components) first became available as `usa-banner` in [USWDS v3.13.0](https://github.com/uswds/uswds/releases/tag/v3.13.0) and is part of the `@uswds/uswds-elements` package. This is a direct port/fork of that component.
 
 ### When to use the default banner
 
@@ -97,12 +97,3 @@ Some `.gov` websites don’t represent the federal level of the U.S. government.
 Some `.mil` websites don’t belong to an official U.S. Department of War organization. These sites should adapt the Official websites use `.mil` section to use more technically accurate language: “A .mil website operates under the approval of the U.S. Department of War.”
 
 The banner should directly follow the `skipnav` component.
-
-<SiteNote>
-  <strong>Note:</strong> As this is the first Web Component shipping in USWDS,
-  we are still working on the best way to document its usage. We want to hear
-  from users about challenges with adding this component to your projects.
-  Please let us know what works, what doesn’t, and what additional documentation
-  might be helpful in this [discussion
-  thread](https://github.com/uswds/uswds/discussions/6477).
-</SiteNote>

package/src/components/{usa-banner → ogds-banner}/index.ts

@@ -5,7 +5,7 @@ import { classMap } from "lit/directives/class-map.js";
 import colorTokens from "@ogds/tokens/styles/css/colors.css";
 import spacingTokens from "@ogds/tokens/styles/css/spacing.css";
 import breakpointTokens from "@ogds/tokens/styles/css/breakpoints.css";
-import styles from "./usa-banner.css";
+import styles from "./ogds-banner.css";
 
 import usFlagSmall from "@uswds/uswds/img/us_flag_small.png";
 import iconDotGov from "@uswds/uswds/img/icon-dot-gov.svg";
@@ -15,7 +15,7 @@ import iconExpandMore from "../../shared/icons/expand_more.svg";
 import iconExpandLess from "../../shared/icons/expand_less.svg";
 import { defineCustomElement } from "../../utils";
 
-interface UsaBannerTranslations {
+interface OgdsBannerTranslations {
   banner: {
     label: string;
     text: string;
@@ -37,9 +37,9 @@ interface UsaBannerTranslations {
 
 type SupportedLanguage = "en" | "es";
 
-const USA_BANNER_TRANSLATIONS: Record<
+const OGDS_BANNER_TRANSLATIONS: Record<
   SupportedLanguage,
-  UsaBannerTranslations
+  OgdsBannerTranslations
 > = {
   en: {
     banner: {
@@ -88,7 +88,7 @@ const USA_BANNER_TRANSLATIONS: Record<
 };
 
 /**
- * @summary The usa-banner component.
+ * @summary The ogds-banner component.
  *
  * @attribute {string} lang - The element's language.
  * @attribute {string} label - The custom aria label users can override.
@@ -111,9 +111,9 @@ const USA_BANNER_TRANSLATIONS: Record<
  * @slot https-heading - Heading for HTTPs section.
  * @slot https-text - Body text for HTTPs section.
  *
- * @element usa-banner
+ * @element ogds-banner
  */
-export class UsaBanner extends LitElement {
+export class OgdsBanner extends LitElement {
   static properties = {
     flagSrc: { type: String },
     lang: { type: String, reflect: true },
@@ -148,7 +148,9 @@ export class UsaBanner extends LitElement {
   // Get English or Spanish strings. Default to English if an unknown `lang` is passed.
   // Ex: <usa-banner lang="zy"></usa-banner>
   protected get _bannerText() {
-    return USA_BANNER_TRANSLATIONS[this.lang] || USA_BANNER_TRANSLATIONS["en"];
+    return (
+      OGDS_BANNER_TRANSLATIONS[this.lang] || OGDS_BANNER_TRANSLATIONS["en"]
+    );
   }
 
   // Get the action text and use for both mobile & desktop buttons.
@@ -287,4 +289,4 @@ export class UsaBanner extends LitElement {
   }
 }
 
-defineCustomElement("usa-banner", UsaBanner);
+defineCustomElement("ogds-banner", OgdsBanner);

package/src/components/{usa-banner/usa-banner.spec.ts → ogds-banner/ogds-banner.spec.ts}

@@ -3,7 +3,7 @@ import { beforeEach, describe, expect, it } from "vitest";
 import "./index.js";
 
 function getInsideBanner(): ShadowRoot {
-  const banner = document.body.querySelector("usa-banner");
+  const banner = document.body.querySelector("ogds-banner");
   if (!banner) {
     throw new Error("USA Banner element not found");
   }
@@ -23,7 +23,7 @@ function getBannerButton(): HTMLButtonElement {
 
 describe("USA Banner component", async () => {
   beforeEach(async () => {
-    document.body.innerHTML = "<usa-banner></usa-banner>";
+    document.body.innerHTML = "<ogds-banner></ogds-banner>";
   });
 
   it("renders correctly", () => {
@@ -53,7 +53,7 @@ describe("USA Banner component", async () => {
 
 describe("Spanish variant", async () => {
   beforeEach(async () => {
-    document.body.innerHTML = `<usa-banner lang="es"></usa-banner>`;
+    document.body.innerHTML = `<ogds-banner lang="es"></ogds-banner>`;
   });
 
   it("renders correctly", () => {
@@ -65,7 +65,7 @@ describe("Spanish variant", async () => {
 
 describe("MIL variant", async () => {
   beforeEach(async () => {
-    document.body.innerHTML = `<usa-banner tld="mil"></usa-banner>`;
+    document.body.innerHTML = `<ogds-banner tld="mil"></ogds-banner>`;
   });
 
   it("renders correctly", () => {

package/src/components/{usa-banner/usa-banner.stories.ts → ogds-banner/ogds-banner.stories.ts}

@@ -5,7 +5,7 @@ import { within } from "shadow-dom-testing-library";
 import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
 import type { Args, ArgTypes } from "storybook/internal/csf";
 
-const { argTypes, args, template } = getStorybookHelpers("usa-banner");
+const { argTypes, args, template } = getStorybookHelpers("ogds-banner");
 
 const filteredArgTypes = (argTypes: ArgTypes) => {
   const filtered: ArgTypes = {};
@@ -30,7 +30,7 @@ const filteredArgTypes = (argTypes: ArgTypes) => {
 
 export default {
   title: "Components/Banner",
-  component: "usa-banner",
+  component: "ogds-banner",
   tags: ["beta"],
   args: {
     ...args,

package/src/components/usa-header/index.ts

@@ -1,10 +1,9 @@
-import { html } from "lit";
-import { OgdsElement } from "../../core/OgdsElement";
+import { LitElement, html } from "lit";
 import { defineCustomElement } from "../../utils";
 
 import styles from "./usa-header.css";
 
-export class UsaHeader extends OgdsElement {
+export class UsaHeader extends LitElement {
   constructor() {
     super();
   }

package/src/declaration.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="vite/client" />
 
+declare module "*.mdx" {
+  const content: unknown;
+  export default content;
+}
+
 import type { CSSResultGroup } from "lit";
 
 // Asset imports

package/storybook/contributing.mdx

@@ -7,7 +7,7 @@ import Contributing from "../CONTRIBUTING.md?raw";
 
 ## Overview
 
-This information is for USWDS Core team members contribute to the USWDS Elements project.
+This information is for OGDS Core team members contribute to the OGDS Elements project.
 
 ## Project setup
 
@@ -19,7 +19,7 @@ npm install
 
 ### Installing Playwright (for E2E testing)
 
-If you plan to run or write end-to-end tests, please see the [Playwright documentation](https://playwright.dev/docs/intro) for installation instructions and the [README.md file in the `e2e` directory](https://github.com/uswds/uswds-elements/tree/develop/e2e).
+If you plan to run or write end-to-end tests, please see the [Playwright documentation](https://playwright.dev/docs/intro) for installation instructions and the [README.md file in the `e2e` directory](https://github.com/open-government-design-system/ogds-elements/tree/develop/e2e).
 
 ## Development Workflow
 
@@ -94,7 +94,7 @@ This project uses [Husky](https://typicode.github.io/husky/) for Git hooks. Hook
 
 ## Publishing and Releases
 
-The package is published as `@uswds/elements` on npm. The current version can be found in `package.json`
+The package is published as `@ogds/elements` on npm. The current version can be found in `package.json`
 
 Component maturity levels:
 
@@ -112,4 +112,4 @@ Check the README for current component status.
 - [Lit Documentation](https://lit.dev)
 - [Storybook Documentation](https://storybook.js.org)
 - [Playwright Documentation](https://playwright.dev)
-- [E2E Testing Guide](https://github.com/uswds/uswds-elements/tree/develop/e2e) (detailed testing documentation)
+- [E2E Testing Guide](https://github.com/open-government-design-system/ogds-elements/tree/develop/e2e) (detailed testing documentation)

package/storybook/framework-guidance.mdx

@@ -11,24 +11,24 @@ import VueExample from "../examples/with-vue/src/App.vue?raw";
 
 # Framework-specific Guidance
 
-We've made every effort to make using USWDS Elements in your project as easy as possible. Since many projects use modern front-end libraries and frameworks, we've included an [examples directory](https://github.com/uswds/uswds-elements/tree/develop/examples) in this repository that shows how to import and use USWDS Elements with a variety of popular front-end technologies. The goal is to provide an experience that involves minimal configuration to get up and running with your framework or library of choice.
+We've made every effort to make using OGDS Elements in your project as easy as possible. Since many projects use modern front-end libraries and frameworks, we've included an [examples directory](https://github.com/open-government-design-system/ogds-elements/tree/develop/examples) in this repository that shows how to import and use OGDS Elements with a variety of popular front-end technologies. The goal is to provide an experience that involves minimal configuration to get up and running with your framework or library of choice.
 
 In all cases, install the project from the npm package registry.
 
 ```bash
-$ npm install @uswds/elements
+$ npm install @ogds/elements
 ```
 
 ## Examples
 
 ### HTML
 
-To use a specific element directly in an HTML page, use the code snippet below. This example also applies if you're using USWDS Elements in a CMS that has its own templating engine (e.g. Drupal, WordPress, etc.).
+To use a specific element directly in an HTML page, use the code snippet below. This example also applies if you're using OGDS Elements in a CMS that has its own templating engine (e.g. Drupal, WordPress, etc.).
 
 ```html
 <!-- importing directly into an HTML page -->
 <script type="module">
-  import { UsaBanner } from "@uswds/elements";
+  import { OgdsBanner } from "@ogds/elements";
 </script>
 <usa-banner></usa-banner>
 ```
@@ -41,7 +41,7 @@ This is a minimal example of implementation in [Astro](https://astro.build/). Th
 
 ### React
 
-This is a minimal example of implementation in [React](https://react.dev/). Do note that USWDS Elements includes a wrapper for React components, and the `import` path is different from the other frameworks in this document.
+This is a minimal example of implementation in [React](https://react.dev/). Do note that OGDS Elements includes a wrapper for React components, and the `import` path is different from the other frameworks in this document.
 
 <Source code={ReactExample} language="jsx" />
 

package/dist/components/usa-banner/usa-banner.stories.d.ts

@@ -1,95 +0,0 @@
-import { default as ComponentDocs } from './docs.mdx';
-import { Args, ArgTypes } from 'storybook/internal/csf';
-declare const _default: {
-    title: string;
-    component: string;
-    tags: string[];
-    args: {
-        label: string;
-        tld: string;
-        lang: string;
-    };
-    parameters: {
-        docs: {
-            page: typeof ComponentDocs;
-        };
-    };
-    argTypes: ArgTypes<Args>;
-    render: (args: Args) => import('lit-html').TemplateResult;
-};
-export default _default;
-export declare const Default: {};
-export declare const CustomContent: {
-    argTypes: {
-        tld: {
-            table: {
-                disable: boolean;
-            };
-        };
-        lang: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        label: string;
-        /**
-         * The `getStorybookHelpers` function from @wc-toolkit/storybook-helpers`
-         * automatically appends the `slot` attribute to avoid collisions with other props.
-         *
-         * To set the content for this story, the key should have the suffix `-slot`,
-         * even though the slot name in the component is `banner-text`, `banner-action`, etc.
-         */
-        "banner-text-slot": string;
-        "banner-action-slot": string;
-        "domain-heading-slot": string;
-        "domain-text-slot": string;
-        "https-heading-slot": string;
-        "https-text-slot": string;
-    };
-};
-export declare const Mil: {
-    args: {
-        tld: string;
-    };
-};
-export declare const EspañolGov: {
-    args: {
-        lang: string;
-    };
-};
-export declare const EspañolMil: {
-    args: {
-        lang: string;
-        tld: string;
-    };
-};
-export declare const CustomThemeExample: {
-    parameters: {
-        docs: {
-            disable: boolean;
-        };
-    };
-    args: {
-        "--ogds-banner-background-color": string;
-        "--ogds-banner-button-close-background-color": string;
-        "--ogds-banner-focus-outline-color": string;
-        "--ogds-banner-font-family": string;
-        "--ogds-banner-link-hover-color": string;
-        "--ogds-banner-text-color": string;
-        "--ogds-banner-link-color": string;
-        "--ogds-banner-icon-gov-color": string;
-        "--ogds-banner-icon-https-color": string;
-    };
-};
-export declare const ToggleBannerTest: {
-    parameters: {
-        docs: {
-            disable: boolean;
-        };
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};