@affinda/react 0.0.5 → 0.0.7

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.
@@ -3,21 +3,39 @@
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
5
  import { AfAspectRatio as AfAspectRatioElement } from "@affinda/wc/dist/components/af-aspect-ratio.js";
6
+ import { AfButtonGroup as AfButtonGroupElement } from "@affinda/wc/dist/components/af-button-group.js";
7
+ import { AfButton as AfButtonElement } from "@affinda/wc/dist/components/af-button.js";
6
8
  import { AfColorSwatch as AfColorSwatchElement } from "@affinda/wc/dist/components/af-color-swatch.js";
7
9
  import { AfContainer as AfContainerElement } from "@affinda/wc/dist/components/af-container.js";
8
10
  import { AfHeading as AfHeadingElement } from "@affinda/wc/dist/components/af-heading.js";
11
+ import { AfIconButton as AfIconButtonElement } from "@affinda/wc/dist/components/af-icon-button.js";
12
+ import { AfLogo as AfLogoElement } from "@affinda/wc/dist/components/af-logo.js";
9
13
  import { AfNavItem as AfNavItemElement } from "@affinda/wc/dist/components/af-nav-item.js";
14
+ import { AfNavbar as AfNavbarElement } from "@affinda/wc/dist/components/af-navbar.js";
10
15
  import { AfText as AfTextElement } from "@affinda/wc/dist/components/af-text.js";
16
+ import { AfTypographyLockup as AfTypographyLockupElement } from "@affinda/wc/dist/components/af-typography-lockup.js";
11
17
  import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
12
18
  export type AfAspectRatioEvents = NonNullable<unknown>;
13
19
  export declare const AfAspectRatio: StencilReactComponent<AfAspectRatioElement, AfAspectRatioEvents>;
20
+ export type AfButtonEvents = NonNullable<unknown>;
21
+ export declare const AfButton: StencilReactComponent<AfButtonElement, AfButtonEvents>;
22
+ export type AfButtonGroupEvents = NonNullable<unknown>;
23
+ export declare const AfButtonGroup: StencilReactComponent<AfButtonGroupElement, AfButtonGroupEvents>;
14
24
  export type AfColorSwatchEvents = NonNullable<unknown>;
15
25
  export declare const AfColorSwatch: StencilReactComponent<AfColorSwatchElement, AfColorSwatchEvents>;
16
26
  export type AfContainerEvents = NonNullable<unknown>;
17
27
  export declare const AfContainer: StencilReactComponent<AfContainerElement, AfContainerEvents>;
18
28
  export type AfHeadingEvents = NonNullable<unknown>;
19
29
  export declare const AfHeading: StencilReactComponent<AfHeadingElement, AfHeadingEvents>;
30
+ export type AfIconButtonEvents = NonNullable<unknown>;
31
+ export declare const AfIconButton: StencilReactComponent<AfIconButtonElement, AfIconButtonEvents>;
32
+ export type AfLogoEvents = NonNullable<unknown>;
33
+ export declare const AfLogo: StencilReactComponent<AfLogoElement, AfLogoEvents>;
20
34
  export type AfNavItemEvents = NonNullable<unknown>;
21
35
  export declare const AfNavItem: StencilReactComponent<AfNavItemElement, AfNavItemEvents>;
36
+ export type AfNavbarEvents = NonNullable<unknown>;
37
+ export declare const AfNavbar: StencilReactComponent<AfNavbarElement, AfNavbarEvents>;
22
38
  export type AfTextEvents = NonNullable<unknown>;
23
39
  export declare const AfText: StencilReactComponent<AfTextElement, AfTextEvents>;
40
+ export type AfTypographyLockupEvents = NonNullable<unknown>;
41
+ export declare const AfTypographyLockup: StencilReactComponent<AfTypographyLockupElement, AfTypographyLockupEvents>;
@@ -5,11 +5,17 @@
5
5
  */
6
6
  /* eslint-disable */
7
7
  import { AfAspectRatio as AfAspectRatioElement, defineCustomElement as defineAfAspectRatio } from "@affinda/wc/dist/components/af-aspect-ratio.js";
8
+ import { AfButtonGroup as AfButtonGroupElement, defineCustomElement as defineAfButtonGroup } from "@affinda/wc/dist/components/af-button-group.js";
9
+ import { AfButton as AfButtonElement, defineCustomElement as defineAfButton } from "@affinda/wc/dist/components/af-button.js";
8
10
  import { AfColorSwatch as AfColorSwatchElement, defineCustomElement as defineAfColorSwatch } from "@affinda/wc/dist/components/af-color-swatch.js";
9
11
  import { AfContainer as AfContainerElement, defineCustomElement as defineAfContainer } from "@affinda/wc/dist/components/af-container.js";
10
12
  import { AfHeading as AfHeadingElement, defineCustomElement as defineAfHeading } from "@affinda/wc/dist/components/af-heading.js";
13
+ import { AfIconButton as AfIconButtonElement, defineCustomElement as defineAfIconButton } from "@affinda/wc/dist/components/af-icon-button.js";
14
+ import { AfLogo as AfLogoElement, defineCustomElement as defineAfLogo } from "@affinda/wc/dist/components/af-logo.js";
11
15
  import { AfNavItem as AfNavItemElement, defineCustomElement as defineAfNavItem } from "@affinda/wc/dist/components/af-nav-item.js";
16
+ import { AfNavbar as AfNavbarElement, defineCustomElement as defineAfNavbar } from "@affinda/wc/dist/components/af-navbar.js";
12
17
  import { AfText as AfTextElement, defineCustomElement as defineAfText } from "@affinda/wc/dist/components/af-text.js";
18
+ import { AfTypographyLockup as AfTypographyLockupElement, defineCustomElement as defineAfTypographyLockup } from "@affinda/wc/dist/components/af-typography-lockup.js";
13
19
  import { createComponent } from '@stencil/react-output-target/runtime';
14
20
  import React from 'react';
15
21
  export const AfAspectRatio = /*@__PURE__*/ createComponent({
@@ -20,6 +26,22 @@ export const AfAspectRatio = /*@__PURE__*/ createComponent({
20
26
  events: {},
21
27
  defineCustomElement: defineAfAspectRatio
22
28
  });
29
+ export const AfButton = /*@__PURE__*/ createComponent({
30
+ tagName: 'af-button',
31
+ elementClass: AfButtonElement,
32
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
33
+ react: React,
34
+ events: {},
35
+ defineCustomElement: defineAfButton
36
+ });
37
+ export const AfButtonGroup = /*@__PURE__*/ createComponent({
38
+ tagName: 'af-button-group',
39
+ elementClass: AfButtonGroupElement,
40
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
41
+ react: React,
42
+ events: {},
43
+ defineCustomElement: defineAfButtonGroup
44
+ });
23
45
  export const AfColorSwatch = /*@__PURE__*/ createComponent({
24
46
  tagName: 'af-color-swatch',
25
47
  elementClass: AfColorSwatchElement,
@@ -44,6 +66,22 @@ export const AfHeading = /*@__PURE__*/ createComponent({
44
66
  events: {},
45
67
  defineCustomElement: defineAfHeading
46
68
  });
69
+ export const AfIconButton = /*@__PURE__*/ createComponent({
70
+ tagName: 'af-icon-button',
71
+ elementClass: AfIconButtonElement,
72
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
73
+ react: React,
74
+ events: {},
75
+ defineCustomElement: defineAfIconButton
76
+ });
77
+ export const AfLogo = /*@__PURE__*/ createComponent({
78
+ tagName: 'af-logo',
79
+ elementClass: AfLogoElement,
80
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
81
+ react: React,
82
+ events: {},
83
+ defineCustomElement: defineAfLogo
84
+ });
47
85
  export const AfNavItem = /*@__PURE__*/ createComponent({
48
86
  tagName: 'af-nav-item',
49
87
  elementClass: AfNavItemElement,
@@ -52,6 +90,14 @@ export const AfNavItem = /*@__PURE__*/ createComponent({
52
90
  events: {},
53
91
  defineCustomElement: defineAfNavItem
54
92
  });
93
+ export const AfNavbar = /*@__PURE__*/ createComponent({
94
+ tagName: 'af-navbar',
95
+ elementClass: AfNavbarElement,
96
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
97
+ react: React,
98
+ events: {},
99
+ defineCustomElement: defineAfNavbar
100
+ });
55
101
  export const AfText = /*@__PURE__*/ createComponent({
56
102
  tagName: 'af-text',
57
103
  elementClass: AfTextElement,
@@ -60,3 +106,11 @@ export const AfText = /*@__PURE__*/ createComponent({
60
106
  events: {},
61
107
  defineCustomElement: defineAfText
62
108
  });
109
+ export const AfTypographyLockup = /*@__PURE__*/ createComponent({
110
+ tagName: 'af-typography-lockup',
111
+ elementClass: AfTypographyLockupElement,
112
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
113
+ react: React,
114
+ events: {},
115
+ defineCustomElement: defineAfTypographyLockup
116
+ });
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
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';
3
+ export { AfAspectRatio as AspectRatio, AfButton as Button, AfButtonGroup as ButtonGroup, AfColorSwatch as ColorSwatch, AfContainer as Container, AfHeading as Heading, AfIconButton as IconButton, AfLogo as Logo, AfNavItem as NavItem, AfNavbar as Navbar, AfText as Text, AfTypographyLockup as TypographyLockup } from './generated/components.js';
4
+ export * from '@affinda/icons/react';
package/dist/index.js CHANGED
@@ -2,4 +2,6 @@
2
2
  export * from './generated/components.js';
3
3
  export * from '@affinda/wc/loader/index.js';
4
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';
5
+ export { AfAspectRatio as AspectRatio, AfButton as Button, AfButtonGroup as ButtonGroup, AfColorSwatch as ColorSwatch, AfContainer as Container, AfHeading as Heading, AfIconButton as IconButton, AfLogo as Logo, AfNavItem as NavItem, AfNavbar as Navbar, AfText as Text, AfTypographyLockup as TypographyLockup } from './generated/components.js';
6
+ // Re-export React icon components from icons package
7
+ export * from '@affinda/icons/react';
package/package.json CHANGED
@@ -1,11 +1,9 @@
1
1
  {
2
2
  "name": "@affinda/react",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "private": false,
5
5
  "type": "module",
6
- "files": [
7
- "dist"
8
- ],
6
+ "files": ["dist"],
9
7
  "main": "dist/index.js",
10
8
  "module": "dist/index.js",
11
9
  "types": "dist/index.d.ts",
@@ -14,6 +12,7 @@
14
12
  "react-dom": ">=17.0.0"
15
13
  },
16
14
  "dependencies": {
15
+ "@affinda/icons": "workspace:*",
17
16
  "@affinda/wc": "^0.0.2",
18
17
  "@stencil/react-output-target": "^1.2.0"
19
18
  },
@@ -21,4 +20,4 @@
21
20
  "build": "pnpm run clean && tsc -p tsconfig.json",
22
21
  "clean": "rm -rf dist"
23
22
  }
24
- }
23
+ }