@affinda/react 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/generated/components.d.ts +19 -24
  2. package/dist/generated/components.js +42 -31
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +3 -0
  5. package/package.json +2 -2
package/dist/generated/components.d.ts CHANGED
@@ -2,27 +2,22 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type AfButtonCustomEvent, type AfIconButtonCustomEvent } from "@affinda/wc";
6
- import { AfBadge as AfBadgeElement } from "@affinda/wc/dist/components/af-badge.js";
7
- import { AfButton as AfButtonElement } from "@affinda/wc/dist/components/af-button.js";
8
- import { AfCard as AfCardElement } from "@affinda/wc/dist/components/af-card.js";
9
- import { AfIconButton as AfIconButtonElement } from "@affinda/wc/dist/components/af-icon-button.js";
10
- import { AfInput as AfInputElement } from "@affinda/wc/dist/components/af-input.js";
11
- import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
12
- export type AfBadgeEvents = NonNullable<unknown>;
13
- export declare const AfBadge: StencilReactComponent<AfBadgeElement, AfBadgeEvents>;
14
- export type AfButtonEvents = {
15
- onAfClick: EventName<AfButtonCustomEvent<MouseEvent>>;
16
- };
17
- export declare const AfButton: StencilReactComponent<AfButtonElement, AfButtonEvents>;
18
- export type AfCardEvents = NonNullable<unknown>;
19
- export declare const AfCard: StencilReactComponent<AfCardElement, AfCardEvents>;
20
- export type AfIconButtonEvents = {
21
- onAfClick: EventName<AfIconButtonCustomEvent<MouseEvent>>;
22
- };
23
- export declare const AfIconButton: StencilReactComponent<AfIconButtonElement, AfIconButtonEvents>;
24
- export type AfInputEvents = {
25
- onAfInput: EventName<CustomEvent<string>>;
26
- onAfChange: EventName<CustomEvent<string>>;
27
- };
28
- export declare const AfInput: StencilReactComponent<AfInputElement, AfInputEvents>;
5
+ import { AfAspectRatio as AfAspectRatioElement } from "@affinda/wc/dist/components/af-aspect-ratio.js";
6
+ import { AfColorSwatch as AfColorSwatchElement } from "@affinda/wc/dist/components/af-color-swatch.js";
7
+ import { AfContainer as AfContainerElement } from "@affinda/wc/dist/components/af-container.js";
8
+ import { AfHeading as AfHeadingElement } from "@affinda/wc/dist/components/af-heading.js";
9
+ import { AfNavItem as AfNavItemElement } from "@affinda/wc/dist/components/af-nav-item.js";
10
+ import { AfText as AfTextElement } from "@affinda/wc/dist/components/af-text.js";
11
+ import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
12
+ export type AfAspectRatioEvents = NonNullable<unknown>;
13
+ export declare const AfAspectRatio: StencilReactComponent<AfAspectRatioElement, AfAspectRatioEvents>;
14
+ export type AfColorSwatchEvents = NonNullable<unknown>;
15
+ export declare const AfColorSwatch: StencilReactComponent<AfColorSwatchElement, AfColorSwatchEvents>;
16
+ export type AfContainerEvents = NonNullable<unknown>;
17
+ export declare const AfContainer: StencilReactComponent<AfContainerElement, AfContainerEvents>;
18
+ export type AfHeadingEvents = NonNullable<unknown>;
19
+ export declare const AfHeading: StencilReactComponent<AfHeadingElement, AfHeadingEvents>;
20
+ export type AfNavItemEvents = NonNullable<unknown>;
21
+ export declare const AfNavItem: StencilReactComponent<AfNavItemElement, AfNavItemEvents>;
22
+ export type AfTextEvents = NonNullable<unknown>;
23
+ export declare const AfText: StencilReactComponent<AfTextElement, AfTextEvents>;
package/dist/generated/components.js CHANGED
@@ -1,51 +1,62 @@
1
1
  'use client';
2
- import { AfBadge as AfBadgeElement, defineCustomElement as defineAfBadge } from "@affinda/wc/dist/components/af-badge.js";
3
- import { AfButton as AfButtonElement, defineCustomElement as defineAfButton } from "@affinda/wc/dist/components/af-button.js";
4
- import { AfCard as AfCardElement, defineCustomElement as defineAfCard } from "@affinda/wc/dist/components/af-card.js";
5
- import { AfIconButton as AfIconButtonElement, defineCustomElement as defineAfIconButton } from "@affinda/wc/dist/components/af-icon-button.js";
6
- import { AfInput as AfInputElement, defineCustomElement as defineAfInput } from "@affinda/wc/dist/components/af-input.js";
2
+ /**
3
+ * This file was automatically generated by the Stencil React Output Target.
4
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
5
+ */
6
+ /* eslint-disable */
7
+ import { AfAspectRatio as AfAspectRatioElement, defineCustomElement as defineAfAspectRatio } from "@affinda/wc/dist/components/af-aspect-ratio.js";
8
+ import { AfColorSwatch as AfColorSwatchElement, defineCustomElement as defineAfColorSwatch } from "@affinda/wc/dist/components/af-color-swatch.js";
9
+ import { AfContainer as AfContainerElement, defineCustomElement as defineAfContainer } from "@affinda/wc/dist/components/af-container.js";
10
+ import { AfHeading as AfHeadingElement, defineCustomElement as defineAfHeading } from "@affinda/wc/dist/components/af-heading.js";
11
+ import { AfNavItem as AfNavItemElement, defineCustomElement as defineAfNavItem } from "@affinda/wc/dist/components/af-nav-item.js";
12
+ import { AfText as AfTextElement, defineCustomElement as defineAfText } from "@affinda/wc/dist/components/af-text.js";
7
13
  import { createComponent } from '@stencil/react-output-target/runtime';
8
14
  import React from 'react';
9
- export const AfBadge = /*@__PURE__*/ createComponent({
10
- tagName: 'af-badge',
11
- elementClass: AfBadgeElement,
15
+ export const AfAspectRatio = /*@__PURE__*/ createComponent({
16
+ tagName: 'af-aspect-ratio',
17
+ elementClass: AfAspectRatioElement,
12
18
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
13
19
  react: React,
14
20
  events: {},
15
- defineCustomElement: defineAfBadge
21
+ defineCustomElement: defineAfAspectRatio
16
22
  });
17
- export const AfButton = /*@__PURE__*/ createComponent({
18
- tagName: 'af-button',
19
- elementClass: AfButtonElement,
23
+ export const AfColorSwatch = /*@__PURE__*/ createComponent({
24
+ tagName: 'af-color-swatch',
25
+ elementClass: AfColorSwatchElement,
20
26
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
21
27
  react: React,
22
- events: { onAfClick: 'afClick' },
23
- defineCustomElement: defineAfButton
28
+ events: {},
29
+ defineCustomElement: defineAfColorSwatch
24
30
  });
25
- export const AfCard = /*@__PURE__*/ createComponent({
26
- tagName: 'af-card',
27
- elementClass: AfCardElement,
31
+ export const AfContainer = /*@__PURE__*/ createComponent({
32
+ tagName: 'af-container',
33
+ elementClass: AfContainerElement,
28
34
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
29
35
  react: React,
30
36
  events: {},
31
- defineCustomElement: defineAfCard
37
+ defineCustomElement: defineAfContainer
32
38
  });
33
- export const AfIconButton = /*@__PURE__*/ createComponent({
34
- tagName: 'af-icon-button',
35
- elementClass: AfIconButtonElement,
39
+ export const AfHeading = /*@__PURE__*/ createComponent({
40
+ tagName: 'af-heading',
41
+ elementClass: AfHeadingElement,
36
42
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
37
43
  react: React,
38
- events: { onAfClick: 'afClick' },
39
- defineCustomElement: defineAfIconButton
44
+ events: {},
45
+ defineCustomElement: defineAfHeading
40
46
  });
41
- export const AfInput = /*@__PURE__*/ createComponent({
42
- tagName: 'af-input',
43
- elementClass: AfInputElement,
47
+ export const AfNavItem = /*@__PURE__*/ createComponent({
48
+ tagName: 'af-nav-item',
49
+ elementClass: AfNavItemElement,
44
50
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
45
51
  react: React,
46
- events: {
47
- onAfInput: 'afInput',
48
- onAfChange: 'afChange'
49
- },
50
- defineCustomElement: defineAfInput
52
+ events: {},
53
+ defineCustomElement: defineAfNavItem
54
+ });
55
+ export const AfText = /*@__PURE__*/ createComponent({
56
+ tagName: 'af-text',
57
+ elementClass: AfTextElement,
58
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
59
+ react: React,
60
+ events: {},
61
+ defineCustomElement: defineAfText
51
62
  });
package/dist/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './generated/components.js';
2
2
  export * from '@affinda/wc/loader/index.js';
3
+ export { AfAspectRatio as AspectRatio, AfColorSwatch as ColorSwatch, AfContainer as Container, AfHeading as Heading, AfNavItem as NavItem, AfText as Text } from './generated/components.js';
package/dist/index.js CHANGED
@@ -1,2 +1,5 @@
1
+ // Export everything from generated components (includes Af-prefixed names)
1
2
  export * from './generated/components.js';
2
3
  export * from '@affinda/wc/loader/index.js';
4
+ // Re-export components without the 'Af' prefix for cleaner React usage
5
+ export { AfAspectRatio as AspectRatio, AfColorSwatch as ColorSwatch, AfContainer as Container, AfHeading as Heading, AfNavItem as NavItem, AfText as Text } from './generated/components.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@affinda/react",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "files": [
@@ -14,7 +14,7 @@
14
14
  "react-dom": ">=17.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@affinda/wc": "^0.0.1",
17
+ "@affinda/wc": "^0.0.2",
18
18
  "@stencil/react-output-target": "^1.2.0"
19
19
  },
20
20
  "scripts": {