@ds-gn/ui 0.0.0-stage → 0.5.0

package/dist/react/Divider.js

@@ -0,0 +1,13 @@
+// frameworks/react/Divider.ts
+import { Divider as DividerElement } from "@ds-gn/ui/divider";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Divider = createComponent({
+  react: React,
+  tagName: "dsgn-divider",
+  elementClass: DividerElement,
+  events: {}
+});
+export {
+  Divider
+};

package/dist/react/FeatureItem.d.ts

@@ -0,0 +1,6 @@
+import { FeatureItem as FeatureItemElement } from '@ds-gn/ui/feature-item';
+/**
+ * React wrapper for the `<dsgn-feature-item>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-feature-item>` tag on the server and upgrades on the client.
+ */
+export declare const FeatureItem: import("@lit/react").ReactWebComponent<FeatureItemElement, {}>;

package/dist/react/FeatureItem.js

@@ -0,0 +1,13 @@
+// frameworks/react/FeatureItem.ts
+import { FeatureItem as FeatureItemElement } from "@ds-gn/ui/feature-item";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var FeatureItem = createComponent({
+  react: React,
+  tagName: "dsgn-feature-item",
+  elementClass: FeatureItemElement,
+  events: {}
+});
+export {
+  FeatureItem
+};

package/dist/react/FeatureTabs.d.ts

@@ -0,0 +1,6 @@
+import { FeatureTabs as FeatureTabsElement } from '@ds-gn/ui/feature-tabs';
+/**
+ * React wrapper for the `<dsgn-feature-tabs>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-feature-tabs>` tag on the server and upgrades on the client.
+ */
+export declare const FeatureTabs: import("@lit/react").ReactWebComponent<FeatureTabsElement, {}>;

package/dist/react/FeatureTabs.js

@@ -0,0 +1,13 @@
+// frameworks/react/FeatureTabs.ts
+import { FeatureTabs as FeatureTabsElement } from "@ds-gn/ui/feature-tabs";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var FeatureTabs = createComponent({
+  react: React,
+  tagName: "dsgn-feature-tabs",
+  elementClass: FeatureTabsElement,
+  events: {}
+});
+export {
+  FeatureTabs
+};

package/dist/react/Footer.d.ts

@@ -0,0 +1,6 @@
+import { Footer as FooterElement } from '@ds-gn/ui/footer';
+/**
+ * React wrapper for the `<dsgn-footer>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-footer>` tag on the server and upgrades on the client.
+ */
+export declare const Footer: import("@lit/react").ReactWebComponent<FooterElement, {}>;

package/dist/react/Footer.js

@@ -0,0 +1,13 @@
+// frameworks/react/Footer.ts
+import { Footer as FooterElement } from "@ds-gn/ui/footer";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Footer = createComponent({
+  react: React,
+  tagName: "dsgn-footer",
+  elementClass: FooterElement,
+  events: {}
+});
+export {
+  Footer
+};

package/dist/react/FormBlock.d.ts

@@ -0,0 +1,6 @@
+import { FormBlock as FormBlockElement } from '@ds-gn/ui/form-block';
+/**
+ * React wrapper for the `<dsgn-form-block>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-form-block>` tag on the server and upgrades on the client.
+ */
+export declare const FormBlock: import("@lit/react").ReactWebComponent<FormBlockElement, {}>;

package/dist/react/FormBlock.js

@@ -0,0 +1,13 @@
+// frameworks/react/FormBlock.ts
+import { FormBlock as FormBlockElement } from "@ds-gn/ui/form-block";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var FormBlock = createComponent({
+  react: React,
+  tagName: "dsgn-form-block",
+  elementClass: FormBlockElement,
+  events: {}
+});
+export {
+  FormBlock
+};

package/dist/react/Grid.d.ts

@@ -0,0 +1,6 @@
+import { Grid as GridElement } from '@ds-gn/ui/grid';
+/**
+ * React wrapper for the `<dsgn-grid>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-grid>` tag on the server and upgrades on the client.
+ */
+export declare const Grid: import("@lit/react").ReactWebComponent<GridElement, {}>;

package/dist/react/Grid.js

@@ -0,0 +1,13 @@
+// frameworks/react/Grid.ts
+import { Grid as GridElement } from "@ds-gn/ui/grid";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Grid = createComponent({
+  react: React,
+  tagName: "dsgn-grid",
+  elementClass: GridElement,
+  events: {}
+});
+export {
+  Grid
+};

package/dist/react/Heading.d.ts

@@ -0,0 +1,6 @@
+import { Heading as HeadingElement } from '@ds-gn/ui/heading';
+/**
+ * React wrapper for the `<dsgn-heading>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-heading>` tag on the server and upgrades on the client.
+ */
+export declare const Heading: import("@lit/react").ReactWebComponent<HeadingElement, {}>;

package/dist/react/Heading.js

@@ -0,0 +1,13 @@
+// frameworks/react/Heading.ts
+import { Heading as HeadingElement } from "@ds-gn/ui/heading";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Heading = createComponent({
+  react: React,
+  tagName: "dsgn-heading",
+  elementClass: HeadingElement,
+  events: {}
+});
+export {
+  Heading
+};

package/dist/react/HeadingBlock.d.ts

@@ -0,0 +1,6 @@
+import { HeadingBlock as HeadingBlockElement } from '@ds-gn/ui/heading-block';
+/**
+ * React wrapper for the `<dsgn-heading-block>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-heading-block>` tag on the server and upgrades on the client.
+ */
+export declare const HeadingBlock: import("@lit/react").ReactWebComponent<HeadingBlockElement, {}>;

package/dist/react/HeadingBlock.js

@@ -0,0 +1,13 @@
+// frameworks/react/HeadingBlock.ts
+import { HeadingBlock as HeadingBlockElement } from "@ds-gn/ui/heading-block";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var HeadingBlock = createComponent({
+  react: React,
+  tagName: "dsgn-heading-block",
+  elementClass: HeadingBlockElement,
+  events: {}
+});
+export {
+  HeadingBlock
+};

package/dist/react/Hero.d.ts

@@ -0,0 +1,6 @@
+import { Hero as HeroElement } from '@ds-gn/ui/hero';
+/**
+ * React wrapper for the `<dsgn-hero>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-hero>` tag on the server and upgrades on the client.
+ */
+export declare const Hero: import("@lit/react").ReactWebComponent<HeroElement, {}>;

package/dist/react/Hero.js

@@ -0,0 +1,13 @@
+// frameworks/react/Hero.ts
+import { Hero as HeroElement } from "@ds-gn/ui/hero";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Hero = createComponent({
+  react: React,
+  tagName: "dsgn-hero",
+  elementClass: HeroElement,
+  events: {}
+});
+export {
+  Hero
+};

package/dist/react/Icon.d.ts

@@ -0,0 +1,6 @@
+import { Icon as IconElement } from '@ds-gn/ui/icon';
+/**
+ * React wrapper for the `<dsgn-icon>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-icon>` tag on the server and upgrades on the client.
+ */
+export declare const Icon: import("@lit/react").ReactWebComponent<IconElement, {}>;

package/dist/react/Icon.js

@@ -0,0 +1,13 @@
+// frameworks/react/Icon.ts
+import { Icon as IconElement } from "@ds-gn/ui/icon";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Icon = createComponent({
+  react: React,
+  tagName: "dsgn-icon",
+  elementClass: IconElement,
+  events: {}
+});
+export {
+  Icon
+};

package/dist/react/Image.d.ts

@@ -0,0 +1,8 @@
+import { Image as ImageElement } from '@ds-gn/ui/image';
+/**
+ * React wrapper for the `<dsgn-image>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-image>` tag on the server and upgrades on the client.
+ */
+export declare const Image: import("@lit/react").ReactWebComponent<ImageElement, {
+    onDsgnImageError: string;
+}>;

package/dist/react/Image.js

@@ -0,0 +1,13 @@
+// frameworks/react/Image.ts
+import { Image as ImageElement } from "@ds-gn/ui/image";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Image = createComponent({
+  react: React,
+  tagName: "dsgn-image",
+  elementClass: ImageElement,
+  events: { onDsgnImageError: "dsgn-image-error" }
+});
+export {
+  Image
+};

package/dist/react/Input.d.ts

@@ -0,0 +1,8 @@
+import { Input as InputElement } from '@ds-gn/ui/input';
+/**
+ * React wrapper for the `<dsgn-input>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-input>` tag on the server and upgrades on the client.
+ */
+export declare const Input: import("@lit/react").ReactWebComponent<InputElement, {
+    onDsgnInput: string;
+}>;

package/dist/react/Input.js

@@ -0,0 +1,13 @@
+// frameworks/react/Input.ts
+import { Input as InputElement } from "@ds-gn/ui/input";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Input = createComponent({
+  react: React,
+  tagName: "dsgn-input",
+  elementClass: InputElement,
+  events: { onDsgnInput: "dsgn-input" }
+});
+export {
+  Input
+};

package/dist/react/Modal.d.ts

@@ -0,0 +1,10 @@
+import { Modal as ModalElement } from '@ds-gn/ui/modal';
+/**
+ * React wrapper for the `<dsgn-modal>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-modal>` tag on the server and upgrades on the client.
+ */
+export declare const Modal: import("@lit/react").ReactWebComponent<ModalElement, {
+    onDsgnModalOpen: string;
+    onDsgnModalRequestClose: string;
+    onDsgnModalClose: string;
+}>;

package/dist/react/Modal.js

@@ -0,0 +1,17 @@
+// frameworks/react/Modal.ts
+import { Modal as ModalElement } from "@ds-gn/ui/modal";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Modal = createComponent({
+  react: React,
+  tagName: "dsgn-modal",
+  elementClass: ModalElement,
+  events: {
+    onDsgnModalOpen: "dsgn-modal-open",
+    onDsgnModalRequestClose: "dsgn-modal-request-close",
+    onDsgnModalClose: "dsgn-modal-close"
+  }
+});
+export {
+  Modal
+};

package/dist/react/Nav.d.ts

@@ -0,0 +1,6 @@
+import { Nav as NavElement } from '@ds-gn/ui/nav';
+/**
+ * React wrapper for the `<dsgn-nav>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-nav>` tag on the server and upgrades on the client.
+ */
+export declare const Nav: import("@lit/react").ReactWebComponent<NavElement, {}>;

package/dist/react/Nav.js

@@ -0,0 +1,13 @@
+// frameworks/react/Nav.ts
+import { Nav as NavElement } from "@ds-gn/ui/nav";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Nav = createComponent({
+  react: React,
+  tagName: "dsgn-nav",
+  elementClass: NavElement,
+  events: {}
+});
+export {
+  Nav
+};

package/dist/react/NavDropdownColumn.d.ts

@@ -0,0 +1,6 @@
+import { NavDropdownColumn as NavDropdownColumnElement } from '@ds-gn/ui/nav-dropdown-column';
+/**
+ * React wrapper for the `<dsgn-nav-dropdown-column>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-nav-dropdown-column>` tag on the server and upgrades on the client.
+ */
+export declare const NavDropdownColumn: import("@lit/react").ReactWebComponent<NavDropdownColumnElement, {}>;

package/dist/react/NavDropdownColumn.js

@@ -0,0 +1,13 @@
+// frameworks/react/NavDropdownColumn.ts
+import { NavDropdownColumn as NavDropdownColumnElement } from "@ds-gn/ui/nav-dropdown-column";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var NavDropdownColumn = createComponent({
+  react: React,
+  tagName: "dsgn-nav-dropdown-column",
+  elementClass: NavDropdownColumnElement,
+  events: {}
+});
+export {
+  NavDropdownColumn
+};

package/dist/react/NavLink.d.ts

@@ -0,0 +1,8 @@
+import { NavLink as NavLinkElement } from '@ds-gn/ui/nav-link';
+/**
+ * React wrapper for the `<dsgn-nav-link>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-nav-link>` tag on the server and upgrades on the client.
+ */
+export declare const NavLink: import("@lit/react").ReactWebComponent<NavLinkElement, {
+    onDsgnNavLinkToggle: string;
+}>;

package/dist/react/NavLink.js

@@ -0,0 +1,13 @@
+// frameworks/react/NavLink.ts
+import { NavLink as NavLinkElement } from "@ds-gn/ui/nav-link";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var NavLink = createComponent({
+  react: React,
+  tagName: "dsgn-nav-link",
+  elementClass: NavLinkElement,
+  events: { onDsgnNavLinkToggle: "dsgn-nav-link-toggle" }
+});
+export {
+  NavLink
+};

package/dist/react/Stack.d.ts

@@ -0,0 +1,6 @@
+import { Stack as StackElement } from '@ds-gn/ui/stack';
+/**
+ * React wrapper for the `<dsgn-stack>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-stack>` tag on the server and upgrades on the client.
+ */
+export declare const Stack: import("@lit/react").ReactWebComponent<StackElement, {}>;

package/dist/react/Stack.js

@@ -0,0 +1,13 @@
+// frameworks/react/Stack.ts
+import { Stack as StackElement } from "@ds-gn/ui/stack";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Stack = createComponent({
+  react: React,
+  tagName: "dsgn-stack",
+  elementClass: StackElement,
+  events: {}
+});
+export {
+  Stack
+};

package/dist/react/Text.d.ts

@@ -0,0 +1,6 @@
+import { Text as TextElement } from '@ds-gn/ui/text';
+/**
+ * React wrapper for the `<dsgn-text>` element. Import-safe under Node SSR: emits an
+ * inert `<dsgn-text>` tag on the server and upgrades on the client.
+ */
+export declare const Text: import("@lit/react").ReactWebComponent<TextElement, {}>;

package/dist/react/Text.js

@@ -0,0 +1,13 @@
+// frameworks/react/Text.ts
+import { Text as TextElement } from "@ds-gn/ui/text";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+var Text = createComponent({
+  react: React,
+  tagName: "dsgn-text",
+  elementClass: TextElement,
+  events: {}
+});
+export {
+  Text
+};

package/dist/react/index.d.ts

@@ -0,0 +1,24 @@
+export { Background } from './Background.js';
+export { Badge } from './Badge.js';
+export { Button } from './Button.js';
+export { Card } from './Card.js';
+export { CodeBlock } from './CodeBlock.js';
+export { Container } from './Container.js';
+export { Divider } from './Divider.js';
+export { FeatureItem } from './FeatureItem.js';
+export { FeatureTabs } from './FeatureTabs.js';
+export { Footer } from './Footer.js';
+export { FormBlock } from './FormBlock.js';
+export { Grid } from './Grid.js';
+export { Heading } from './Heading.js';
+export { HeadingBlock } from './HeadingBlock.js';
+export { Hero } from './Hero.js';
+export { Icon } from './Icon.js';
+export { Image } from './Image.js';
+export { Input } from './Input.js';
+export { Modal } from './Modal.js';
+export { Nav } from './Nav.js';
+export { NavDropdownColumn } from './NavDropdownColumn.js';
+export { NavLink } from './NavLink.js';
+export { Stack } from './Stack.js';
+export { Text } from './Text.js';

package/dist/react/index.js

@@ -0,0 +1,25 @@
+// AUTO-GENERATED by build/generate-react.ts from custom-elements.json. Do not edit.
+export { Background } from './Background.js';
+export { Badge } from './Badge.js';
+export { Button } from './Button.js';
+export { Card } from './Card.js';
+export { CodeBlock } from './CodeBlock.js';
+export { Container } from './Container.js';
+export { Divider } from './Divider.js';
+export { FeatureItem } from './FeatureItem.js';
+export { FeatureTabs } from './FeatureTabs.js';
+export { Footer } from './Footer.js';
+export { FormBlock } from './FormBlock.js';
+export { Grid } from './Grid.js';
+export { Heading } from './Heading.js';
+export { HeadingBlock } from './HeadingBlock.js';
+export { Hero } from './Hero.js';
+export { Icon } from './Icon.js';
+export { Image } from './Image.js';
+export { Input } from './Input.js';
+export { Modal } from './Modal.js';
+export { Nav } from './Nav.js';
+export { NavDropdownColumn } from './NavDropdownColumn.js';
+export { NavLink } from './NavLink.js';
+export { Stack } from './Stack.js';
+export { Text } from './Text.js';

package/dist/surface/surface.props.js

@@ -0,0 +1,33 @@
+// common/helpers/enum-validator.ts
+var enumValidator = (propName, enumSet, candidateValue) => {
+  if (!enumSet.has(candidateValue)) {
+    throw new Error(`Invalid prop ${propName} of value ${candidateValue}. Expected one of: ${Array.from(enumSet).join(", ")}`);
+  }
+};
+
+// common/helpers/enum-creator.ts
+var enumCreator = (acceptableValues, propName, type, other = {}) => {
+  const acceptableValuesSet = new Set(acceptableValues);
+  return {
+    type,
+    hasChanged(newValue, oldValue) {
+      if (newValue !== oldValue) {
+        enumValidator(propName, acceptableValuesSet, newValue);
+        return true;
+      }
+      return false;
+    },
+    ...other
+  };
+};
+
+// common/props/surface/surface.props.ts
+var surfaceValues = {
+  LIGHT: "light",
+  DARK: "dark"
+};
+var surfaceProps = enumCreator(Object.values(surfaceValues), "surface", String, { reflect: true });
+export {
+  surfaceProps,
+  surfaceValues
+};